8/8より火曜日担当はちふねこさん
2023年9月12日 デザインの4原則は覚えなくてもいい。大切なのは相手を〇〇〇〇ないこと。
大切なのは相手を「まよわせない」こと。
デザインの4原則
1⃣近接：関連する情報をグループ化する
2⃣整列：要素に一体性を持たせて組織化する
3⃣対比：メリハリをつける
4⃣反復：特徴的な要素を繰り返すことで一貫性を持たせる
1⃣近接
✅情報同士を近づける
近づけてまとまりを作るイメージ
まとまりを作って関係性を明確にすることで迷わせない
【近接がうまくいっていないデザイン例】
カフェやレストのメニューにて
上下に２列並んでいる画像と画像の間に商品名があると、その商品名は上か下か分からない
2⃣整列
✅色々な位置を揃える
文章の頭であったり、文字の始まりを画像の端にそろえたりなど
✅整列は、シンプルに整っているとキレイ
✅色々な情報が不ぞろいな場合、違和感がある
→ ちょっとずれているだけでも、ここずれているなと思ったら、それは余計な情報
→ 届けたい情報とは別の情報を相手に伝えてしまう。それはなるべく避けたい
3⃣対比
✅対比例
画像が多く並んでいて、一つだけ大きくなどして、目立たせたりする事で対比が生まれる
差別化、強弱をつけることで、そのデザインの要点や、情報の優劣というのを明確にする
→ それによって相手を迷わせない
✅伝える場面において、強弱がなく単調だったり、要点がはっきりしていないというものは
受け取る側としては分かりづらい
（プレゼンなどでも、同じトーンで話していると眠たくなったりする、どこが大事か分かりにくい）
✅特定の情報とその他の情報をしっかり差をつける事により、要点が分かりやすくなり迷わせない
4⃣反復
✅繰り返しで表現できるものは、なるべく同じ型を使って表現する
例
「秋の○○キャンペーン」を作る場合
【前提】
特典が３つあり、その３つの特典は優劣が無く、同じレベルでしっかり伝えたい情報
【悪い例】
① あいうえおかきくけこ
2⃣ さしすせそたちつてと
★3 なにぬねのはひふえほ
→ ★３だけ特別なのかな？
■と★の違いは何？
→ 違和感。余計な印象を相手に与える可能性がある
【良い例】
① あいうえおかきくけこ
② さしすせそたちつてと
③ なにぬねのはひふえほ
→ ３つの特典が優劣がないのなら、全て同じ型で①、②、③のように
シンプルに繰り返した方が中身の情報が伝わりやすい
反復というのは、余計な印象を与えずに、 相手を迷わせないため
デザイン４原則、全部覚える必要はなくて、とにかく相手を迷わせない
まよわせない！
分かりやすい具体例もありがとうございます！
「相手を迷わせない」この意識が大事。
思いやりがデザインに詰まっていますね。
（8/15の放送の思いやり、相手目線に繋がりました☺）
分かりやすい説明ありがとうございました！
よろしければ、
「フリ校ボイシー火曜日まとめ」もどうぞー