BONOで毎週やっている勉強会の動画です。バナーデザインですがUIでもそのまま使えるので載せております!
ビジュアルをどうこうする部分ではなく、既存のバナーからどういう風に情報の優先度と仲間分けを整理しているか見てみてください💡
既にあるバナーの良くない部分は?それは構造が整理できてない=表示要素の優先度とグループが整理できてないことです。
何となくやりすぎて”メリハリ”を効かせられない=目立たせる要素を決められなかったり。配置も適当になってしまっています。作る前に”どの情報が仲間か””何を伝えるのが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で毎週やっている勉強会の動画です。バナーデザインですがUIでもそのまま使えるので載せております!
ビジュアルをどうこうする部分ではなく、既存のバナーからどういう風に情報の優先度と仲間分けを整理しているか見てみてください💡
既にあるバナーの良くない部分は?それは構造が整理できてない=表示要素の優先度とグループが整理できてないことです。
何となくやりすぎて”メリハリ”を効かせられない=目立たせる要素を決められなかったり。配置も適当になってしまっています。作る前に”どの情報が仲間か””何を伝えるのが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で毎週やっている勉強会の動画です。バナーデザインですがUIでもそのまま使えるので載せております!
ビジュアルをどうこうする部分ではなく、既存のバナーからどういう風に情報の優先度と仲間分けを整理しているか見てみてください💡
既にあるバナーの良くない部分は?それは構造が整理できてない=表示要素の優先度とグループが整理できてないことです。
何となくやりすぎて”メリハリ”を効かせられない=目立たせる要素を決められなかったり。配置も適当になってしまっています。作る前に”どの情報が仲間か””何を伝えるのが1番重要か”を整理していくのがバナーでもWebデザインでもUIデザインでも重要になります。
❐ 動画で使っているデザインファイルはこちら
-------------------------------------------
会員のみ
❐ 目次
-------------------------------------------
00:00 改善点を出そう!
04:04 バナーデザインをする流れ
13:13 情報の構造を考える
18:46 パターン作成は盗む
24:42 パターンの決定方法
28:06 モチーフの作り方
30:57 サイズの決め方
33:42 カーニングした方が良い?
35:13 グラフィックTIPS
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
0 Comments