デザイナーのためのビジュアル階層のビギナーズガイド

グラフィックデザイナー、Webデザイナー、または視覚的な作業を行う場合は、新しいドキュメントや製品を作成するときにプロセスを開発した可能性があります。 このように参照するかどうかに関係なく、新しいプロジェクトを開始するための重要なタスクの1つは、作品の一種の視覚的階層、つまり視覚的な内訳のすべての要素またはセクションのレイアウトを考え出すことです。 新しいビジュアル作品の作成には、レイアウトと構成に関する考慮事項が常に含まれます。つまり、物事がどこに行くのか、どのように並ぶのか、そしてどの順序で行われるのかです。 階層は、最も重要なものが作成の上部に表示されるように、設計プロジェクトの重要な要素のリストを構成するものと考えることができます。

階層を作成することは、適切なタイミングで適切なことに注意を向けるのに役立つため、重要です。 階層は、要素の構造に組織を提供し、視聴者がナビゲートできるようにすることで、要素の相対的な本質を示すための合理的な方法です。 どの情報が他の情報よりも優先されるかを知ることができます。 あなたは最初に何を読むべきかを正確に知るでしょう。 また、どの部分にもっと注意を払うべきかがわかります。

私たちが作成するすべてのものには階層が必要です。学校で書いたエッセイや、ビジネスのために投資家に提示するレポートも含まれます。 ただし、設計では、階層はテキストのみに縮小されません。 たとえば、正しく設計されたWebサイトにアクセスすると、ページの構造化に役立つ階層が適用されていることがわかります。 ナビゲーションバナーのサイズからアイコン、宣伝文、ヒーロー画像まで。 したがって、コンテンツ担当者またはコピーライターがWebサイトのストーリーを最も重要な要素から最も重要でない要素まで伝えるのに忙しい間、デザイナーとして、一致する視覚的な階層を作成する必要があります。

視覚的な階層は、デザインを確認し、最も重要な情報が配置される場所に視聴者を導き、そこに注目を集めることで、視聴者をより快適で適切に配置するための焦点を構築します。 デザインのキャリアを築くために視覚的な階層についての知識を広げることを楽しみにしているなら、あなたは正しい場所にいます。 この記事では、適切な視覚的階層を作成するために考慮すべきいくつかの事項について説明します。

サイズを有利に使用する

ピン

グラフィックデザイナーは、さまざまな要素を増減して視認性を高めることで、サイズを有利に使用できます。 より大きなデザイン要素はもう少し注目を集めるので、最も重要な、興味深い、または入門的な要素のために予約する必要があります。 オブジェクトの寸法と他のオブジェクトとの関係でのサイズ（スケール）を拡大することは、デザインに視覚的な階層と編成を与える非常に効果的な方法の1つです。 それほど重要ではない、または最も重要なテキストの手がかりに結びつかないこれらのデザイン要素は、サイズの点で縮小して、非常に重要なものほど見えないようにすることができます。 これらのタイプのデザイン要素は、視覚的階層の低いポイントに属します。

スマートな色の選択をする

ピン

階層を作成する際に焦点を当てるもう1つの重要なことは、色とコントラストです。 特に重要な画像や情報を表示するために戦略的な方法で色が適用されている場合、人間は視覚的に色に惹かれます。 この情報に何らかの色関連の組織がある場合、人がWebサイトにアクセスして、より深く読む可能性が非常に高くなります。 これが、データ駆動型のグラフやチャートが、視認性と読みやすさを向上させるために色分けされていることが多い理由です。 黄色や赤のような色は重要性と緊急性を伝え、青や緑のような色は安定性と落ち着きを伝えます。 ただし、虹のすべての色でデザインを濡らさないように注意する必要があります。これは、悪影響を与えたり、メッセージの邪魔になったりする可能性があるためです。 色をスマートに目的を持って使用すると、製品の全体的な視覚的インパクトにうまく変換されることがわかります。

タイポグラフィを賢く検討する

ピン

考慮すべきもう1つの要素は、使用するフォントの種類とそれぞれのサイズです。 選択できるフォントは複数あるため、選択したフォントが最適であることを確認し、あらゆる製品のメッセージを引き出すのはあなたの仕事です。 伝統的に、見出しとタイトルはサンセリフフォントまたは表示フォントを使用する必要があり、コピーフォントはセリフフォントのみに降格する必要があると言われていました。 これは世界が変化するにつれて変化しますが、原則として、書体が大きいほど、コピーが目立ちます。 それでも、一般的には、コピーはアウトライン形式で配置され、トップタイトルが最大、小さいサブタイトルが中サイズ、一般的な本文のコピーが最小になります。 これは、デザインの傾向や期待についてではなく、読みやすさや人間がスキャンする傾向についてです。

最も重要なデザイン要素は、注意を喚起するフォントで作成する必要がありますが、常に明確さを提供します。 読者が何が書かれているのか理解できない場合、注意は役に立ちません。 多くの場合、フォントの選択は、各文字が何として現れるかを見ずに行われます。 時々、これは、1つの単語を書くことを意図したが、そのフォントがその単語を不正確または悪化させ、不適切に見せたブランドに偽物を引き起こしたことさえあります。

上記のヒントを実行したので、視覚的な階層を作成する準備が整いました。 これは初心者向けのガイドであることを考慮して、この記事で述べたすべてのポイントを徹底的に調査し、初めて最高の視覚的階層を考え出し、それを簡単に行えるようにしました。 視覚的な階層が効果的であったかどうかを知る簡単な方法の1つは、作品のすべての言語を声に出して読むことです。 声を変えたり強調したりするように呼びかける部分はありますか？ これらは、注目を集めているものです。 テキストが多くないプロジェクトの場合は、目を細めたり、遠くから見て、目を引く場所に注意してください。理想的には、その領域が製品の焦点になります。 重要性の低いコピー要素や視覚要素に惹かれる場合は、気が散るようなものを作成した可能性があります。これを測定値として使用して、プロジェクトが完了する前に変更を加えることができます。