入社してから、サイトデザインを本格的に勉強し始めた私ですが、「なんとなくダサい」「なぜか見づらい」と感じることが多くてずっと悩みでした（現在進行形）。
そこで、改めてデザインの基礎から勉強して、地固めをしていく必要があると思ったので、基本中の基本である「四大原則」について改めて調べてみました。
同じようにデザインで悩んでいる方は、この機会にぜひ一緒に勉強していきましょう！
デザインの4大原則ってなに？
① 近接｜「関係あるものは近づける」だけでも変わる
近接は、関係のある情報を近くに配置するという考え方です。
これを知る前は、なんとなく余白を取っていただけだったのですが、
「意味のあるまとまり」を意識するだけで見やすさが変わることに気づきました。
気づいたこと
・関連情報がバラバラだと読みづらい
・グループ化するだけで理解しやすくなる
・余白＝飾りじゃなくて「意味を持たせるもの」
② 整列｜揃えるってこんなに大事なんだ…
整列は、要素の位置を揃えることで、全体をスッキリ見せるルールです。
これも最初は意識していなかったのですが、
「なんとなく配置」が一番よくないんだと実感しました。
気づいたこと
・左揃えを意識するだけでも整って見える
・ガタガタしていると一気に素人感が出る
・見えないラインを意識するのが大事
③ 反復｜統一感ってこうやって作るんだ
反復は、同じデザイン要素を繰り返すことで統一感を出す考え方です。
例えば、見出しのデザインやボタンの色を揃えること。
これだけで「ちゃんと作られている感」が出るのが面白いポイントでした。
気づいたこと
・バラバラなデザインは違和感につながる
・ルールを決めて繰り返すと一気に整う
・ブランドっぽさもここで出せる
④ コントラスト｜メリハリをつけるのが重要
コントラストは、違いをしっかりつけて重要な情報を目立たせることです。
これもやりがちなのが「全部同じ強さで作ってしまうこと」。
結果として、どこを見ればいいかわからなくなるんですよね。
気づいたこと
・強弱がないと読みづらい
・サイズ・色・太さで差をつける
・目線誘導ってこうやって作るんだと理解した
初心者なりに感じたこと
今回4大原則を学んでみて感じたのは、
「デザインってセンスじゃなくてルールなんだ」ということでした。
もちろん細かいテクニックはまだまだこれからですが、
この4つを意識するだけでも、明らかに見え方が変わる実感があります。
まとめ｜千里の道は一歩から
・近接：関係あるものをまとめる
・整列：揃えて整える
・反復：ルールを繰り返す
・コントラスト：メリハリをつける
まだまだ勉強中ですが、こうやって一つずつ理解していけば、
デザインもちゃんと上達できそうだと感じています。
同じようにこれから学ぶ方と一緒に、
少しずつレベルアップしていけたら嬉しいです。
