コメントこんにちは、InomaCreateです。(もっとかんたんな言葉で説明すると、「グループ化」、「揃える」、「繰り返す」、「コントラスト」です。)デザイナーの方じゃなくても、この4原則を知っていれば、相手に伝わりやすいデザインで資料を作成することが出来ます。今回は、具体的にイラレを使って、自分の手を動かしながら、この4原則を学ぼうという記事です。手を動かしながら、この4原則を学んでもらえると嬉しく思います。記事と合わせてどうぞ!近接(グループ化)人間は、無意識に近くにあるものを1つのまとまりとして、認識しようとします。デザインにおいても、この性質をうまく活用すれば、伝わりやすいデザインにすることができます。同じ意味や役割を持つ要素を一つのグループにまとめて、それらの要素を近くに配置するのがポイントです。あとはうまく余白を使うと良いですね。★参考例:左の名刺の例では、全要素が中心にまとまりすぎていて、パット見て、どこに何の情報があるのかがわかりにくくなっています。右の例では、名前や肩書のグループと住所、メールアドレスなどのアクセス情報がきちんとグループ化しているので、わかりやすいデザインになっています。整列(揃える)各要素を揃えることはとても重要です。人はきれいに整列されているものを見ると、きれいだなと感じるものです。デザインに遊び心をつけるためにあえて揃えないという選択肢もありますが、まず基本は揃えることを意識しましょう。左の例では、各要素が整列していないので、雑なイメージが湧いてきます。右の例では、各要素がきっちり整列しているので、すっきりとして丁寧な印象になっています。反復(繰り返す)複数の要素に同じデザインのルール(例えばアイコンなど)を使うことで、それらの要素に規則性が生まれて、統一感ができてきます。何度も同じ規則性のデザインが出てくると、読み手が理解しやすい伝わりやすいデザインにすることができるのです。上の例では、イタリア国旗のテキスチャー(模様)を上下に配置したり、ロゴをヘッダーやアクセス情報に配置することで統一感を持たせています。強弱(コントラスト)デザイン要素の中で、強調したい部分と別の部分に強弱(コントラスト)をつける方法です。強弱をつけることで、デザインにメリハリがつき、パット見て伝わりやすいデザインになり見栄えも良くなります。上の例では、レストランOPENということを強調したかったので、「OPEN」という文字のサイズを大きくしてインパクトを出しています。イラレで実際にデザインの4原則を意識して作ってみようそれでは、実際にデザインの4原則を意識してデザイン制作していきましょう。以下から練習用素材をダウンロードできますので、ダウンロードしてください。MBDownloadまずは、みなさんで、色々とレイアウトを検討してみてください。自分で手を動かすのが一番理解が深まると思います。どのようにデザインするのかは、以下動画で、参考例として解説しています。解答例のイラレファイルは以下からダウンロードできます。MBDownload最後にデザイン4原則を理解することで、仕事で作成する資料やプレゼン資料なども相手に伝わりやすいデザインになります。最新記事をお届けします。飲食店用の無料WordPressテーマを作成しました。店のコンセプト、メニュー、アクセスなど飲食店に必要な最低限の機能を搭載しました。これから飲食店のホームページを開設したい方、この無料テーマを是非活用してみてください。詳しくはこちらへブログ用WordPress無料テーマ「chameleon(カメレオン)」WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。士業用の無料WordPressテーマを作成しました。一般的なビジネスサイトに活用できます。自分でWordPressテーマを作ってみたい方、この無料テーマを是非活用してみてください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Inomata)こんにちは、サイト運営者のkoheiです。現在エンジニアとして働きながら、当サイトの運営をやっています。このブログでは、「自分で作る」をテーマに、ホームページやデザイン制作、Webマーケティングなど色んなノウハウを公開しています。「自分で何でも作るのが大好き」な人です。InomaCreateプライバシーポリシ。