戻る
メンバーシップになる
トップ
/
/
構造整理 | 情報の"優先度"と"グループ"整理で9割決まります【作る前が大事】
コンテンツ一覧
コミュニティ

構造整理 | 情報の"優先度"と"グループ"整理で9割決まります【作る前が大事】

October 12, 2021
UIビジュアル
保存
保存中
すべてを閲覧するにはBONOメンバーシップに登録しよう
BONO - プロと学ぶUIとUXのコミュニティ
詳細

BONOで毎週やっている勉強会でやった動画です。
ビジュアルをどうこうする部分ではなく、既存のバナーからどういう風に情報の優先度と仲間分けを整理しているか見てみてください💡


既にあるバナーの良くない部分は?それは構造が整理できてない=表示要素の優先度とグループが整理できてないことです。
何となくやりすぎて”メリハリ”を効かせられない=目立たせる要素を決められなかったり。配置も適当になってしまっています。作る前に”どの情報が仲間か””何を伝えるのが1番重要か”を整理していくのがバナーでもWebデザインでもUIデザインでも重要になります。

❐ 動画で使っているデザインファイルはこちら
-------------------------------------------
https://figma.fun/4YzOHe

❐ 目次
-------------------------------------------
00:00 改善点を出そう!
04:04 バナーデザインをする流れ
13:13 情報の構造を考える
18:46 パターン作成は盗む
24:42 パターンの決定方法
28:06 モチーフの作り方
30:57 サイズの決め方
33:42 カーニングした方が良い?
35:13 グラフィックTIPS

BONOで毎週やっている勉強会でやった動画です。
ビジュアルをどうこうする部分ではなく、既存のバナーからどういう風に情報の優先度と仲間分けを整理しているか見てみてください💡


既にあるバナーの良くない部分は?それは構造が整理できてない=表示要素の優先度とグループが整理できてないことです。
何となくやりすぎて”メリハリ”を効かせられない=目立たせる要素を決められなかったり。配置も適当になってしまっています。作る前に”どの情報が仲間か””何を伝えるのが1番重要か”を整理していくのがバナーでもWebデザインでもUIデザインでも重要になります。

❐ 動画で使っているデザインファイルはこちら
-------------------------------------------
https://figma.fun/4YzOHe

❐ 目次
-------------------------------------------
00:00 改善点を出そう!
04:04 バナーデザインをする流れ
13:13 情報の構造を考える
18:46 パターン作成は盗む
24:42 パターンの決定方法
28:06 モチーフの作り方
30:57 サイズの決め方
33:42 カーニングした方が良い?
35:13 グラフィックTIPS

No items found.