デザインの基礎：ブランドとサイトの構築
公開: 2021-07-19あなたがデザイナーなら、おそらく今はオフになっているでしょうが、そうでない場合は、乗り心地に固執して、デザインの基礎についてすべてを学びましょう。
デザインとは、物事を美しく見せることだけではありません。 それは本当にあなたのウェブサイトの使い方を操作してユーザーに教えることです。 デザイナーの役割は、ユーザーがニーズを満たし、誰もが満足できるように、ユーザーがたどるべき経路を計画することです。
多くの場合、ユーザーはこれが起こっていることに気付くことさえありません。 それは、デザインが私たちの生涯で何百ものWebサイトにアクセスすることから自然に学んだ一連のルールに従っているためです。
組成
ページに表示されるものはすべて理由があり、優れたデザインはゲシュタルトデザインの原則と呼ばれる一連のルールに従います。
人間の脳は、意識的に考えることなく画像の隙間を埋めることができるという点で素晴らしいです。 あなたが無生物の顔を見たことがあれば、これはまさにそれをしているあなたの脳です。
ゲシュタルトの原則は、基本的に私たちの脳がどのように機能するかに基づいています。 あなたが一日を過ごしている間、あなたの脳は、あなたが単にコーヒーを飲む間、毎秒一連の複雑な画像を単純化して整理しようと必死になっています！
私たちは、私たちが見ているすべてのものの中のパターンと構造を探し、無意識のうちにすべてを私たちの心の中で組織化されたシステムに配置するように構築されています。 次に、設計者はこの知識を使用して、次の原則を使用して潜在意識のために設計します。
図/地面
図/地面は、ネガティブスペースとコントラストの概念を使用しています。 脳は要素を前景と背景にあると見なすものに分離します。 画像の一部を取り、それに「焦点」の役割を割り当て、画像のより広い領域を図が置かれている背景として表示します。
これは目の錯覚でよく見られますが、ロゴやWebサイトに適用できます。 たとえば、FedExロゴは、ロゴ内のネガティブスペースを使用して、中に隠された矢印のような錯覚を作り出します。
「E」と「x」の間の負のスペースは、そこに矢印があるように見えます。
近接性
この原理は、脳が物事をグループ化しようとするという考えに焦点を合わせています。 互いに近接しているオブジェクトは、ファミリの一部であるように見えます。 形状が同じであっても、それらの配置により、ユーザーは要素がグループの一部であると見なすことができます。
色、形、サイズはすべて同じですが、私たちの脳は、これらが3つの別々のグループであると教えてくれます。
均一な接続
これは、デザイナーがユーザーにWebサイトの使用方法を「教える」ための重要な方法の1つです。 これは、色、サイズ、形状によって行うことができます。 たとえば円で提供される情報は類似した性質のものであり、たとえば正方形で提供される情報は円とは異なる性質のものであると想定するのは安全です。
継続
継続または位置合わせは、人間の目がページ上の最も単純なパスをたどるという考えに基づいています。 したがって、重要な情報は、ユーザーが最初に検索する場所であるため、その行に含まれる必要があります。
線は文字通りの線または自然に線に落ちる形のいずれかで視聴者の目を向けるので、それは非常に微妙に行うことができます。 これは通常、フローチャートやインフォグラフィックで確認できますが、関連製品を表示する水平スライダーのeコマースサイトでも確認できます。
グリッドは、この配置の大部分を占めています。 シンプルさの概念に端を発して、20世紀初頭にドイツで始まったバウハウスの芸術運動はグリッドの概念を開始しました。
色
色はブランド認知にとって明らかに重要です。 赤い背景にマクドナルドの明るい金色のアーチを見るとすぐに、それが何であるかがわかります。 これらの色はランダムに選ばれただけではありませんが、その背後にはいくつかの科学があります。
たとえば、マクドナルドが選んだ赤と黄色は、心拍数を上げて空腹になり、食品を購入する可能性が高くなる温かみのある色であるために使用されます。
色は感情に関係しています。 あなたはあなたの聴衆が誰であるか、そしてあなたがあなたのブランドにどんな感情を関連付けたいかについて考えなければなりません。
黄
一般的に幸福と自信に関連付けられています。 その温かみのある色は、食欲を増進させることができるため、食品業界での使用に適しています。 ただし、考慮すべき年齢要因があります。 黄色は赤ちゃんを泣きやすくする可能性がありますが、10代の若者や若い成人は黄色の周りでより楽観的に感じます。 その後、黄色を恐怖と関連付ける古い人口統計に到達すると、これは再び変化します。
青
多くの場合、医療現場や技術で使用されます。 それはそれに穏やかで穏やかな品質を持っており、より専門的に見えることができます。 また、食欲に逆の効果があり、実際にはそれをさらに抑制します。
紫の
紫は富、権力、成功に関連しています。 これは、王が富のしるしとして紫を着ていたという事実に由来しています。紫は布を染めるのが最も難しい顔料の1つであったため、その色の服を手に入れるには非常に裕福でなければなりませんでした。 これは私たちの潜在意識に引き継がれ、紫に数百年前と同じ意味合いを与えます。
ピンク
ピンクは落ち着いた品質で知られています。 その効果は非常に強力で、刑務所で最初に囚人を落ち着かせるために色が使用されます。 また、愛や恋愛など、よりステレオタイプな関連性もあります。
オレンジ
温かみのある色である黄色と同様に、オレンジは熱意と興奮の感情を伝えます。 それはより親しみやすくそして友好的であるため、それは黄色のより穏やかなバージョンとして使用することができます。 その明るい色はまた、例えば赤のように厳しくすることなく、注意や注意を引くための標識に使用できることを意味します。
一緒に集める
これはデザインの紹介にすぎません。 ご覧のとおり、一見比較的単純に見えるものの背後にある可能性のある多くの要素と多くの考えがあります。 しかし、すべてのブランドとWebサイトは、基本的に、これらの原則のいくつかを組み合わせて作成され、すぐに認識できるようになるブランドとサイトを作成します。
デザインについてもっと知りたい場合は、私たちのクリエイティブの1つに気軽に連絡してください。