１分でデザイン知識が６つ学べるnote

2024年10月8日 21:22

１分でデザイン知識が６つ学べるnote。

【１限目】可読性、視認性を上げる方法
【２限目】やってはいけない画像の使い方
【３限目】高級感を出すコツ
【４限目】人の視線を操るデザイン
【５限目】ユーザーが迷わない視線誘導
【６限目】デザイン力爆上がりスキル

👇👇👇

テキストを読みやすくする方法は、４つ。

①半透明の図形を重ねる
②背景に図形を置く
③文字の色を変える
④写真をカットする

テキスト中心のデザインなら、①②③

写真で情報が伝わる、でもテキストを入れたい場合は、④もしくは四隅に配置する。

デザイン制作で使う画像は、

首で切り取るな。
関節で切り取るな。
首付近で素材を切るな。
画像に詰め込むな。

不快感を感じる人が多く、第一印象が悪い。

意外と知らないので、覚えておこう！

デザインに高級感を出すコツは、

・画像を高画質に、余白をを作る
・文字間と行間に余裕がある
・高級飯のある配色

この３つを意識すること。

ポップなデザインとは違い、デザイン全体に余裕感を持たせると、高級感を出せます。

どんなデザインでも、見る人がいる。
これを意識してデザインすることが、上達への道。

人は、視線の先を見てしまう。
人は、道路の先を見てしまう。
人は、明るい所を見てしまう。
人は、図形に操られる。

これを覚えておくと、どこに何を配置して、どっちの向きにすれば見てもらえるかが明確になります。

人の視線の動きにも決まりがあります。

・Z型に動く
・N型に動く
・F型に動く
・大きいものから小さいものに動く
・太いものから細いものに動く

４限目と同様に、人間が無意識にやってしまう行動をデザインに落とし込む。

これだけで、全体のクオリティが高まります。

デザインは、少し意識するだけで、グッとより良いものになります。

・アイコンにして、目で見るデザイン
・色は少なめ、３色まで
・影は薄く、読みにくければ１限目をチェック
・コントラストには要注意

たったこの４つ。
これだけで、「お！？なんかいいね！」となる。

授業のおさらい

授業名を見て、内容を思い出せない人は、戻って確認しましょう！

スクショしてロック画面にすれば、1日で身につく！