デザインって聞くとどういうことを思い浮かべますか？
デザインってなんだか難しそう、素人がやるべきではない
センスがないと無理！私にはこんなの出来ません！
…といったことを考えたそこのあなた！そこまで難しいというものではありません。
何故なら、デザインはある一定のルールに従って情報を整理する作業なので、センスとはまた別の話。
今回は基本的なルールを書くので、ぜひ目を通してみてね。
4大原則をおさえよう！
現代人って基本忙しいんです。
こんな感じに情報が見づらいコンテンツは、まず見たいとは思いません。
そのためにグラフィックデザインは、情報の整理をすることで、きれいに見せる必要があります。
それを行うためのプロセスがこの４つ！
- 整列
- 近接
- 強弱
- 反復
…面倒くさがらずにやって見て！
難しい話はしないので！
整列で画面を整えるべし
まず、文字や絵柄を揃えましょう。
要素の両端がバラバラになっているだけでも、情報が読み取りにくくなります。
端を揃えて読みやすい画面作りをしていきましょう。
ちなみに、整列には「左揃え」「中央揃え」「右揃え」があるけど、
初心者のうちは「左揃え」がオススメです！
その理由は、横書きの文字は左から右へ書くため、文字の始めを揃えると読みやすくなるから。
もう一つは余白を統一しやすいので、整列をしやすいからです。
まずは画面をキレイに整頓していきましょう。
近接でグループ分けするべし
続きまして、グループ分けをしていきましょう。
人間は、近くにあるものを「関係性が近いもの」と認識しますよね。
例えば、Aの文章はAの画像について説明しているので、
近くに寄せることで同じグループであることを表現するといった感じです。
それとは逆にAとBのグループがあれば、
余白を作って違うグループであることを表します。
そして、囲いを作ったり、ベタ塗りなどをしてグループ分けをわかりやすくしましょう。
余白でグループ分けをする場合は、見えない壁が一枚あるものと思って空間を開けましょう。
強弱(コントラスト)でメリハリをつけるべし
コントラストという言葉はご存じですか？
おそらくファッションなどで一般的に広がっている言葉かと思いますが、改めて説明すると
コントラストは2つの要素を対比した時の差を表しています。
文字は大きさを変えたり、色を変えたりすることで、
明確な差を作ってあげましょう。
そうすることで、より直感的に情報を認識してもらいやすくなります。
この時に必要なのは、どの要素を強調すればいいのか決めておくことですね。
何を強調するかによって、レイアウトも変わってきます。
反復でルールを作るべし
最後は、同じデザインやレイアウトを繰り返し使うことです。
これでデザインに一貫性を持たせる効果があります。
同じ色で統一する、レイアウトを揃える,
画像の大きさを統一するなどが基本ですが、
A > B > A > B > A
というように、一定のリズムを作ってレイアウトを変えていっても、
統一感が生まれてきます。
…というわけでこんな感じに出来上がりました。
はじめと比べれば、読みやすさがかなり変わりましたよね。
まずは基本をおさえて、いいデザインを作りましょう
今回挙げた４つの要素は、デザインを作る上での基本となります。
企画書などを作成したりなど
デザイナーではない方でも使える要素であると思います。
見やすい画面作りで、デザインの質を高めていきましょう。