「レイアウトの4つの基本原則─近接・整列・反復・対比｜デザインの基礎知識｜デザインのイロハ 第2回

うーん！　またしても独特ゥー！

ミッチリぎっちりー！

手が増えてるしー！

うーん！　レイアウトってそういうのじゃないんだなー！

ではここで前回の復習！

どんな人に？、何を？、なぜ？、いつ？、どこで？といった感じで作る目的を相手から聞いて、その目的を他の人に伝えるためにデザイナーは何をするって言ったっけ？

そう！　でもシンコの作ったものでは残念ながらわかりやすくはないな・・・でも見方によっては大胆すぎる構図で躍動感があり、印象的で・・・ゴニョゴニョ

そ、そう？

よし、気をとりなおして進めるぞー

まずはレイアウトにおける基本の中から「近接・整列・反復・対比」の4つを説明しよう！

レイアウトにおける「近接」というのは

関連性の高い要素を近づけて、グループ（まとまり）を作ることをいうんだ

こんな感じだな

デザインに入れる要素がたくさんある場合、まず情報を整理することから始めよう

レイアウトがしやすくなるよー

その通りだ！まだまだ続くぞ！

ここから「整列」という考え方を入れていくぞー！

整列・・・それは揃えること・・・

揃えなければ・・・美しく・・・ない！！

あ、いえ、なんでもないです・・・

レイアウトにおける整列とは写真や文字の要素を揃えることなんだ

「近接」でまとめたこのグループだけど、まだバラバラに見えるよね？

では、このグループに見えない線が一本あると思って要素を並べてみて？

整列・・・それは揃えること・・・

揃えなければ・・・美しく・・・ない！！

はっ！　だ、大丈夫だ！　並んでいるものを見ると、つい！

中心に揃えたり、左右の端に揃えたりとレイアウトに合わせて最適な並べ方を見つけよう！

そうだな！　デザインソフトにはこんな便利な機能が使えるからレイアウトに積極的に使って行こう！

そう！　その反復！

今まで「近接」で要素をまとめて「整列」で揃えたグループができたよね

ではこのグループを3つ並べてみよう

はい正解～！

見せ方を一定のルールで繰り返して、情報をパターン化させ、わかりやすく見せる

これが「反復」という考え方だな！

まだまだ行くぞ～！

ダメー！　退避しちゃダメー！

って、シャレを言わせるのもダメー！

何を言わせるんじゃー！

と、とにかく！（赤面）

「対比」とは要素の違いをハッキリさせること

コントラストをつけるとも言うかな？

今回のイラストの場合では体のパーツと衣服の要素があるけど、どちらかの要素を大きくしてみると・・・

そうそう！

今度は逆に体の要素を大きくしてみよう

さ～ら～に～！

ここで背景の色もそれぞれ変えてみよう！

ナイスリアクションだシンコ！

大きさを変化させるだけでなく、色を変えて変化をつけることも対比となるんだ！

いわゆるメリハリをつけることが大切だぞ！

それ肥料の「堆肥」な！

ハアハア・・・

いや、ないと思うけど・・・ああ、お腹空いた・・・

デザインは頭をフル回転させるからお腹すくよなー

よーし、今回はここまで！ラーメン食べに行こう！