デザインに目を向ける方法を学ぶ3つの方法

公開: 2017-11-15

ミニシリーズ「EffectiveDiviWeb Design Principles」のパート1へようこそ。ここでは、新しいWebデザイナーや、「デザインの目」がない人として認識できる人に力を与えるための効果的なデザイン手法を模索しています。

今日のビジュアル時代では、デザインはかつてないほど重要になっています。優れたデザインは、潜在的なクライアントを顧客に変えることになると、あなたのビジネスを成功させたり壊したりする可能性があります。それは、販売を行うことと、潜在的な顧客がより専門的なサービスや製品を探してあなたのウェブサイトをクリックすることとの違いである可能性があります。また、新しいWebデザイナーや開発者は「デザインの目」を持っていると主張することがよくありますが、Webデザインの「デザイン」部分をより良くするために、誰もが適用できる基本的なデザイン原則がいくつかあります。

シリーズ序文：

このシリーズで取り上げる戦略、実践、戦術は、Webデザイン全般に適用可能であり、Divi固有のものではありませんが、このシリーズは、DiviWebデザイナーとしての私の経験に基づいています。言及されている参照、レイアウト、および開始点の多くは、特にDiviに関係しています。
このシリーズは主に、Webデザインに不慣れな人、またはデザインに対する自然な目がないと感じている開発者の考え方を持っている人を対象としています。しかし、うまくいけば、これらの概念の多くは、すでに確立されたデザイナーにとってもインスピレーションまたは復習として役立つでしょう。
優れたウェブデザインの原則は以前ブログで言及されていたので、シリーズ全体を通して以前の投稿やリソースにリンクします。これは主に、あなたが同様に適用できる成功したDivi Webデザイナーとして私が適用する、優れたデザインの最も重要な原則のいくつかへのガイドラインです！
最後に、優れたデザインに関しては、正しいことも悪いこともありません。実際、それは本当に人気のある意見、あなたの個人的な創造的な意見、そしてクライアントの希望のバランスをとることの問題です。私たちは皆、私たちが知っている何かが素晴らしく見えると思ったそのクライアントがひどいように見えたのですよね？誰もがこれらのデザインの基本に同意するわけではありませんが、これらの原則はプロのDiviデザイナーとWebデザインコミュニティ全体で普遍的に共有されていると言っても過言ではありません。

ミニシリーズの概要は次のとおりです。

パート1–デザインに目を向ける方法を学ぶ3つの方法
パート2–3非デザイナーのための効果的なWebデザインの原則
パート3–すべてのウェブサイト構築のために焦点を当てるべき設計の3つの重要な領域

我々は中に入る前に、私は何人かの人々がより多くの他よりも創造性に恵まれている理解している間、私は強くあなたが良い基本的な設計原則を学ぶことができると主張していると言わなければなりません。あなたはディビのミケランジェロになることはできないかもしれませんが、それでもあなたはあなたのウェブデザインの努力に適用するためのいくつかの良いデザインの実践を学ぶことができます。私の最初のウェブデザインのいくつかを投稿することの恥ずかしさを惜しまないが、私の「デザインの目」は絶えず進化していて、より毎日成熟していると言うだけだ。私は決して今日の場所から始めたわけではありません。そして率直に言って、デザインは単なるウェブデザイン以上に重要です。コンテンツの整理、メールの作成、携帯電話での良い写真の撮影などに大きな役割を果たします。したがって、あなたの人生の他の側面にも適用するためのいくつかの基本原則を知ることは非常に重要です。

したがって、次のいずれかを言っていることに気付いた場合は、

「私にはデザインの目がありません。」
「私は自分の体に創造的な骨を持っていません。」
「コーディングはできますが、デザインはできません。」

それならこのシリーズはあなたです！入りましょう。

デザインに目を向ける方法を準備し、学ぶための3つの方法

ウェブデザインの世界では、人々は次の2つのグループのいずれかで識別する傾向があります。

Webデザイナー– Webデザイナー、別名（フロントエンドデザイナー）は、Webデザインのデザイン、色、レイアウト、美学に惹かれる可能性があります。それらはおそらくグラフィックデザインの背景、あるいは写真や他の創造的な芸術のようなより視覚的な媒体から来るでしょう。読み込み速度ではなく、見た目と使い心地、コードのクリーンさ、phpファイルとcssファイルにどのようなカスタマイズが加えられたかに関心がある場合は、このボートに参加する可能性が高くなります。

Web開発者– Web開発者、別名（バックエンド開発者）は、数学、数値、およびWebデザインの領域、コード、機能、およびWebサイトのバックエンドに関心を持つ可能性があります。「デザイナー」は形、色、ルックアンドフィールなどを見るかもしれませんが、開発者志向の人は、コード、機能、使いやすさ、ウェブサイトの表面の下にあるものなど、マトリックスに似たものを見るかもしれません。

どちらも成功するウェブサイトデザインの鍵であり、私の意見では、成功するウェブデザイナーは両方の世界で知識の健全な組み合わせを持っている必要があります。個人的には、デザインと開発に精通していますが、それでもデザインの側面に惹かれています。デザイン、レイアウト、ルックアンドフィールに常に焦点を合わせるのではなく、ロード時間、クリーンなコード、機能を検討するために、これまで以上に努力する必要があります。しかし、私とは反対の人にとっては、きれいなコードですばやく読み込まれる見栄えの悪いWebサイトとは対照的に、見栄えのするデザインに焦点を当てることも同様に重要です。

ここで本当に話しているのは、左脳と右脳の混合です。これはおそらく現時点ではほとんど秘密ではありませんが、脳の左側が分析的、数学的、連続的、論理的などであるという多くの研究があります。脳の右側は芸術的、創造的、洞察力、想像力などです。。これは、デザイナーや開発者に惹かれる理由を理解するための鍵です。

要するに、

開発者=左脳思想家
デザイナー=右脳思想家

それを理解することは、私たちを最初の要点に導きます。

1）あなたの考え方を準備する

あなたがより創造的であるならば、あなたはコーディングとウェブデザインのよりロジスティックな側面のどちらかでもっと一生懸命働かなければならないでしょう、そしてその逆もまた同じです、あなたの傾向が脳の左側に傾いているなら、あなたは」デザインのための良い目を開発するためにもう少し努力する必要があります。上で述べたように、私はより右脳の思想家であり、創造的です。私はCSSが大好きで、今ではあまり汗をかかずにPHPで危険にさらされる可能性がありますが、そのように始めたわけではありません。私は自分が得意ではなかったウェブデザインの分野で非常に一生懸命働かなければなりませんでした。

しかし、それは私の考え方から始まりました。私は自分が得意な分野と、どの分野で仕事が必要かを知っていました。その点についてもう一度お勧めしたいと思います。優れたデザインの原則を学ぶことができ、初心者の場合や、体に創造的な骨がない開発者の場合は、デザインの目を開発することができます。

この時点で、あなたはおそらく「これはすべて素晴らしいですが、良い設計技術を学ぶための考え方を準備するために何ができるでしょうか？」と言っているでしょう。 学習方法は人によって異なりますが、私にとって何が効果的であり、コミュニティ内の他の多くのDiviデザイナーにとって何が効果的であるかを説明します。

2）優れたデザインの目を学び開発する方法

良いウェブサイトのデザインを複製することによって学ぶ-うん、私はそれを言った。良いデザインを見つけたら、それを再現して、色、書体、間隔、レイアウトなどをコピーしてみてください。子供向けのテーマや作品として販売するためにサイトを削除するのではなく、教育的な観点からです。、デザインを上達させるための最良の方法の1つは、すでに美しくデザインされたサイトを複製することです。模倣できる美しいデザインを複製することで、どれだけ多くのことを学び、どれほど力を感じることができるかに驚かれることでしょう。

Divi関連のインスピレーションについては、ETブログで、このような毎月のサイトショーケース、Diviテーマの例、またはお気に入りのDiviデザイナーをフォローして、彼らが何を思いつくかを確認することで、デザインの良い例を頻繁に見つけることができます。

あらゆる場所でデザインを調べて学ぶ–印刷されたデザインやその他の広告は、Webデザインのトレンドを学ぶのに理想的ではないかもしれませんが、それでも価値のあるデザインの原則を学ぶことができます。たとえば、テキストがモダンで洗練された方法でデザインされた強い画像の広告を目にした場合、同じアイデアをサイトに強力なデザインとして適用することができます。 「ジョシュのトレンディなデザインには時間がかかる」と思っているので、妻と一緒にモールに行って化粧品店に足を運ぶのは怖くありません。以前は電話を見つめていましたが、今ではWebデザインプロジェクトに適用できる新しいデザインのアイデアやコンセプトをチェックするために生産的に費やされることがよくあります。

Diviライブラリから構築することで学ぶ– Diviを使用してサイトを設計することの最も魅力的な点の1つは、構築できる実証済みの効果的なレイアウトとデザインの完全なライブラリが付属していることです。デザインやDiviを初めて使用する場合、または空白のキャンバスを見て行き詰まっている場合は、ライブラリから既成のレイアウトの1つをロードし、色を変更し、画像を置き換えて、すぐに始められます。すでにプロフェッショナルなデザインを作り直すことで、次のプロジェクトのために脳を鍛える方法をご覧ください。

無料の毎週のDiviレイアウトパックをダウンロードして構築することで学びましょう–エレガントなテーマの新規メンバーであるか、まだ気付いていない場合は、プロがデザインしたDiviレイアウトパックが毎週ブログに無料でダウンロードできます。これらは、デザインを上達させることに興味がある場合の学習とインスピレーションの優れた情報源であるだけでなく、上記のライブラリアイテムと同様に、デザインを初めて使用する場合の優れた出発点です。

3）あなたの仕事に対するフィードバックと建設的な批評を得る

最後に、デザインチョップを改善するための最良の方法の1つは、他の人からフィードバックを得ることです。多くの場合、プロジェクトに組み込まれていると、何が良く見え、何が悪く見えるかについての見方を失いがちです。あなたの仕事に対するフィードバックと建設的な批評を得ることは、デザインをより良くするための鍵です。

今、私はそれを理解しました、これは言うよりも簡単です。また、特にまだ学習している場合は、破壊されたり意気消沈したりすることを避けたいと思うかもしれませんが、Diviを使用している場合は、オンラインで最も熱心で協力的で役立つコミュニティに自動的にアクセスできます。 Divi nationに接続するための多くのアウトレットがありますが、私の個人的な好みはDiviFacebookグループです。私は意図的にDiviWeb Designers Facebookグループを作成しました。その主な目的は、仕事を投稿して専門的で役立つ批評やフィードバックを得て、私たち全員がより良いDivi WebDesignersになるのを支援できるようにすることです。信頼できる家族、友人、またはデザインに目が向いているWebデザインの同僚がいる場合は、オンラインでフィードバックを受け取りたくない場合は、彼らの考えを聞くことを強くお勧めします。

見落とされている悪いデザインや改善点などを指摘することが多いので、フィードバックを得るのは非常に便利だと思います。たとえば、私が素晴らしい自然の贈り物を持っておらず、一生懸命働く必要がある分野はタイポグラフィです。少し前まで、頭からつま先まで見栄えがいいと思ったサイトで作業していましたが、フィードバックをもらうと、使用したタイプがサイトの「感触」に合わないと言われました。最初のデザイナーのプライドを払拭した後、私は彼らがもっと正しいはずがないことに気づきました。タイプは確かにサイトの感触と一致していませんでした。それ以来、私は自分の「行き先」に固執するのではなく、サイトの適切なルックアンドフィールに一致させるために選択する書体を特に意識するようになりました。

したがって、建設的な批判を受ける勇気がある場合は、グループのガイドラインに準拠していれば、Divi Web DesignersFacebookグループまたはその他のオンラインDiviコミュニティでそうすることを歓迎します。また、補足として、フィードバックを提供する人の場合は、言葉や建設的な批判に特に注意することをお勧めします。フィードバックを与えるときは、人を壊すのではなく、人を育てようとすることを忘れないでください。

最後に

このEffectiveDivi Web Design Principlesの紹介が、シリーズの残りの部分に刺激を与え、活気づけてくれることを願っています。繰り返しになりますが、この最初の投稿は、今後のことについての紹介と準備でしたが、それでも重要なのは、デザインを上手にできるようになる前に、学習するための考え方の準備から始まるからです。

より良いウェブデザインテクニックを学ぶ方法について他に何か考えや実践はありますか？以下のコメントでお知らせください！

明日：非デザイナーのための3つの効果的なWebデザイン原則

デザインをよりよく見る方法の準備と学習について説明したので、次は、デザインゲームを次のレベルに引き上げるのに役立つ実用的で実用的なデザインの原則に取り掛かります。それまで！

大きなお知らせ、役立つヒント、Diviの景品を見逃さないように、必ずメールマガジンとYouTubeチャンネルを購読してください。