Skip to content本について問い合わせアーカイブスノートブックフォーラムログインログアウトユニティインデザイン。 デザイン要素間の調和を図る

A house divided against itself cannot stand
-Abraham Lincoln

リンカーンの言っていた家は、南北戦争直前のアメリカ合衆国のことだったのです。 リンカーンの言うように、この国は半分が奴隷で半分が自由だったのです。 この国が何を象徴しているのか、2つの全く異なるメッセージが込められている。 3989>

It will become all one thing or all the other.

私たちは今、この国がどちらの「すべて」になったかを知っており、米国が正しい「すべて」になったことに皆が同意することを願っています。 家も、合衆国も、デザインも、分断されては立ち行かなくなる。

デザインにおけるユニティとは何か

unity n., pl…。

1.一つであることの状態または質;単一性
2.一致していることの状態または質;調和

デザイン部品の統一の背後にある考えは、互いにサポートし、すべてが共通の目標に向かって一緒に働く要素を作成することです。 それは、混合メッセージを避けることです。 あなたのデザイン要素は一緒に属しているように見えるべきで、ページ上に任意に配置されるものではありません。

私たちが懸念している統一性には2種類あります

  • 視覚的統一性 – たとえば、共通の軸にすべて整列した要素のグループ
  • 概念的統一性 – たとえば、ダイヤモンド、マンション、お金の山のイメージは、富の概念に統一されているかもしれません

統一性は、ページ上の要素がどれくらいうまく一緒に属しているかの指標となります。 統一性を通して、見る人はまず全体を見、次にその全体を作る部分の合計を見るべきです。

統一性の作成はブランディングに似ています。 まず、デザインが何であるか、ブランドが何のためにあるのかを確立し、それを念頭に置いて、デザインやブランドを強化する要素を作成したり、公的な声明を出したりするのです。

Why Unity is Important

文章は、ページ上のランダムな単語よりも情報を伝えます。 段落は、ページ上のランダムな文よりも多くの情報を伝えます。 秩序と構成はメッセージを伝えるのに役立ちます。

デザインの目標は、1つのメッセージ、またはおそらく第一および第二のメッセージを伝えることです。 あなたの要素が統一されていればいるほど、あなたのデザインで伝えるメッセージは多くなります。 あなたのデザインは、完全であり、単一のアイデアについてであるという感覚を与えるでしょう。 コンセプトやテーマを強調し、読者にメッセージを伝えるのに役立ちます。 統一性によって、あなたの要素は注目を集めるために互いに競合することはありません。 あなたのメッセージを強化するために一緒に働いているのです。 統一によって、あなたのデザインは1つの完全な作品として、全体として、そしてバラバラの部品のグループとしてではなく、見られるようになります。

統一はデザインに秩序を加えます。 しかし、統一性が高すぎると、退屈で活気がなくなることがある。 バラエティはデザインに興味とエネルギーを与えます。 あまりに多様すぎると、デザインは混沌とし、読みにくくなります。 統一性と多様性のバランスを追求しなければなりません。

統一性と多様性は一緒に働くことができます。 たとえば、メインページの見出しは、ページ上の他のすべてのテキストとは異なるフォントや色で大きくすることができます。 そうすることで、その周りのテキストや画像に多様性が生まれます。 サイト全体のすべてのページの見出しに同じサイズ、フォント、および色を使用することにより、サイト全体のデザインに統一性を再導入します。

How to Create More Unified Designs

デザインに統一感を出すには、何を伝えようとしているかを明確に把握しておく必要があります。 そのメッセージが何であるかが明確でなければ、要素を共通のメッセージに向けて統一することはできません。

一度、何を伝えようとしているかがわかれば、それに集中し、逸脱しないようにしたいと思います。 デザインに含めるものはすべて、主要なテーマとコンセプトを補完し、デザインにおいて何らかの機能的な目的を果たすものでなければなりません。 カッコイイからという理由で画像を載せるのは、統一性がありません。 それはデザインのテーマのコミュニケーションを高めるので、ページにイメージを置くことは統一です。

私たちは、コントラスト、繰り返し、整列、近接の基本的なデザインの原則を使用して、視覚的な統一を達成するのを助けることができます。

  • コントラスト-統一感の中に多様性を加える
  • 繰り返し-似ているものはより関連して見える
  • 整列-共通の軸を共有する要素はより関連して見える
  • 近接-互いに近いオブジェクトはより関連して見える

同様に画像の選択も同様である。 色、スタイルなど デザインは、その中心的な考えと概念的に関連していなければなりません。 開放的なメッセージを伝えたいのであれば、すべてのデザイン要素を枠で囲むのは意味がありません。 3989>

どんなに頑張っても、デザインが単一のアイデアに向かって100%統一されることはまずありません。 私たちは皆、見たものを違ったように解釈します。 私たちは皆、どんな作品やアートやデザインにも、生涯のつながりや認識をもたらします。 自分のデザインに目を通し、すべてが属しているかどうか自問してください。 あなたが考え出したナビゲーションは素晴らしく見えるかもしれませんが、それが一般的なコンセプトに寄与しないのであれば、コンセプトを強化するナビゲーションを優先して、おそらくそのままにした方が良いでしょう。 3989>

統一性の最終的かつ理想的なテストは、残っているものをやり直すことなく、何も追加または削除できないデザインにすることです。 すべての要素間の関係は、何かを変更するとデザインが損なわれてしまうほど強く、正しいものであるべきです。 これが理想です。 現実的に、このような完璧なものを作ることは可能でしょうか? おそらく無理でしょう。どんなデザインでも、いつ「もういい」と言うかを知ることが重要です。

ページ上に配置する要素について常に考えてください。 なぜそれを追加しているのですか? なぜ、ページの片側と反対側に配置することにしたのですか? なぜ、その色、フォント、サイズ、画像を選んだのでしょうか。 常にこれらの質問を自分に投げかけ、自分の選択が、伝えたい全体的なアイデアをどのように高めているかを自問してください。 統一性は、あらゆるデザインの最も重要な目標として見ることができます。

反復、整列、近接のデザイン原則を使用して、デザインに視覚的統一性を加え、コントラストを使用して多様性と関心を高めます。 使用する画像がテーマと概念的に一致していることを確認します。

統一性を通して、あなたのデザインはより効果的にコミュニケーションをとることができます。

デザインの7つの要素

  • 統一
  • ゲシュタルト
  • 空間
  • 優位
  • 階層
  • バランス
  • カラーパートI: 色彩理論
  • 色彩 第二部:色の使い方

私の著書『デザインの基礎』から無料サンプルをダウンロードできます。

コメントを残す

メールアドレスが公開されることはありません。