歩き出しエンジニアブログ

「これがあってる」ではなく、「こう思ったよ」の技術日記的なもの。

デザインの鉄則〜四大原則〜

先輩に教えていただいたデザインの鉄則をアウトプットする。

 

①近接

:関連するものを近づけて書く。まとまりを作る。

 

②整列

:縦横を揃える。見えない線を意識する。

Ex.ヘッダーのヘッダーの文初めと終わりをbodyのコンテンツの並びの長さに揃える。

以下のような高さを揃えるのもEx。

 

③強弱

:目立たせるものをしっかり目立たせる。

Ex.メインのコンテンツのタイトルを目立たせる。(「メインタイトルフォント」などで参考イメージを検索してもよい。)

 

④反復

:同じものは繰り返す。一貫性を持たせる。

Ex.ランキング一覧をフォントやカードの大きさを揃えるなど。

 

どの時点でこれを意識するといいのだろうか。

見えない線を意識するのは、作りながらだろうか。XD通りに作るときも、意識がないといけなさそうだ。