8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

非デザイナーにこそ見てほしい!デザインに違和感を感じたときに見るべき4つのポイント

8
Posted at

はじめに

非デザイナーの方でフロントを実装していて何かかが違うけど何が違うのかわからなかったり、
見ていて内容が入りづらいと感じたことはないでしょうか?
私は過去にデザインがないのでよしなにやってほしい、いい感じにしてほしいと依頼されたときにデザインの知識が全くなくて苦戦した経験があります。
そのようなときに今からご紹介する4つのポイントを知っていればスムーズに対応できるかもしれません。

概要

4つのポイントとはずばりデザインの基本である4原則のことです。
4原則とは「近接・整列・強弱・反復」のことで、情報を整理して見やすくするための考え方です。
デザインで思考を組み立てて表現するときや、仕事で使うような資料づくりにも役立つのでとても便利です。

本題

それでは4原則についてそれぞれ解説していきます。

1.近接
関係する情報を近づけてグループ化する
content_A.png

2.整列
要素を規則的に配置して一体性をもたせる
content_B.png

3.強弱
要素の優先度を明確にするために色や大きさを使い分ける
content_C.png

4.反復
同じ要素を規則的にくり返すことで一貫性をもたせる
content_D.png

おわりに

4原則以外にも余白や色に関する法則など他にもいろいろがありますが、今回は必要最低限なところだけをご紹介させていただきました。
少しでもフロント実装のお役にたてれば幸いです。
最後まで読んでいただきありがとうございました!

8
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?