目的
近接の法則を実践的に体感し、関連性のある要素をまとめることで視覚的なまとまりを作る方法を学ぶ。
近接の法則
近接の法則とは、関連性のある要素を近くに配置し、無関係な要素は離して配置することで、視覚的なまとまりや情報の整理をわかりやすくするデザインの法則です。この法則により、ユーザーは情報を直感的に理解しやすくなります。
近接の法則を崩した例
正常な状態
ワーク内容
あなたはWebデザイナーとして、顧客から「イベント情報の告知チラシ」をデザインする依頼を受けました。
ただし、情報が未整理の状態で渡されたため、視覚的にグループ化してわかりやすくする必要があります。
情報の配置を整え、伝わりやすく優れたデザインに変更してください。
情報は全て掲載すること。ただし、レイアウト上不要な文字があれば削除して良い。
グループ分けした際に「見出し」が必要な場合は適宜追加して良い。
その他、レイアウトに必要な要素があれば追加して良い
フォントのサイズ変更と最低限の色変更などは行なって良い。フォント種類は変更しないこと。(小塚ゴシックを利用する)
画像のトリミング、サイズ変更、余白を意識してグループ間の距離感を調整。
データないのQRコードは申し込みフォームへリンクするものとして利用すること。
グループ分けした際に「見出し」が必要な場合は適宜追加して良い。
その他、レイアウトに必要な要素があれば追加して良い
フォントのサイズ変更と最低限の色変更などは行なって良い。フォント種類は変更しないこと。(小塚ゴシックを利用する)
画像のトリミング、サイズ変更、余白を意識してグループ間の距離感を調整。
データないのQRコードは申し込みフォームへリンクするものとして利用すること。
素材データ
近接の法則ワーク
1 ファイル 13.96 MB
使用ソフト
Adobe Illustrator
解答例(ワーク作業後に見ること)
近接の法則ワーク_解答例
1 ファイル 4.00 KB