戻る
メンバーシップになる
トップ
/
グラフィック入門
/
仕上げ②:見た目の質を上げる
コンテンツ一覧
コミュニティ

仕上げ②:見た目の質を上げる

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

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

プロセスのURLはこちら

動画で使っているプロセスです。おおいに参考にして、パクっていってください!
ゆくゆくは塗り替えていくことを期待しています。

https://www.figma.com/file/LyDFInO1KVih7ApKJyewfK/2-2-2.%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E5%85%A5%E9%96%80?node-id=34%3A371

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

プロセスのURLはこちら

動画で使っているプロセスです。おおいに参考にして、パクっていってください!
ゆくゆくは塗り替えていくことを期待しています。

https://www.figma.com/file/LyDFInO1KVih7ApKJyewfK/2-2-2.%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E5%85%A5%E9%96%80?node-id=34%3A371

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

グラフィック入門

8
トレースで学ぶ見た目を作るプロセス
4
トレースで学ぶ見た目を作るプロセス

トレースで学ぶ見た目を作るプロセス

【紹介】見た目を作る必須テクニックを真似しよう!
06:28
【紹介】見た目を作る必須テクニックを真似しよう!

【紹介】見た目を作る必須テクニックを真似しよう!

TRY1:表現の方向性を決めよう
3
TRY1:表現の方向性を決めよう

TRY1:表現の方向性を決めよう

方向性①:目的を決めよう
05:21
方向性①:目的を決めよう

方向性①:目的を決めよう

方向性②:参考でイメージを掴もう
10:35
方向性②:参考でイメージを掴もう

方向性②:参考でイメージを掴もう

方向性③:グラフィック方針を言葉にしよう
08:35
方向性③:グラフィック方針を言葉にしよう

方向性③:グラフィック方針を言葉にしよう

TRY2:パターンで固める見た目の土台
3
TRY2:パターンで固める見た目の土台

TRY2:パターンで固める見た目の土台

アイデア①:ムードボードを作ろう
09:06
アイデア①:ムードボードを作ろう

アイデア①:ムードボードを作ろう

アイデア②:レイアウト/構造パターンをデザイン
13:23
アイデア②:レイアウト/構造パターンをデザイン

アイデア②:レイアウト/構造パターンをデザイン

アイデア③:スタイリングパターンをデザイン
17:17
アイデア③:スタイリングパターンをデザイン

アイデア③:スタイリングパターンをデザイン

TRY3 : 見た目の仕上げをしよう
3
TRY3 : 見た目の仕上げをしよう

TRY3 : 見た目の仕上げをしよう

仕上げ①:配色
10:50
仕上げ①:配色

仕上げ①:配色

仕上げ②:見た目の質を上げる
11:53
仕上げ②:見た目の質を上げる

仕上げ②:見た目の質を上げる

仕上げ②:見た目の質を上げる

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

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

プロセスのURLはこちら

動画で使っているプロセスです。おおいに参考にして、パクっていってください!
ゆくゆくは塗り替えていくことを期待しています。

https://www.figma.com/file/LyDFInO1KVih7ApKJyewfK/2-2-2.%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E5%85%A5%E9%96%80?node-id=34%3A371

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

プロセスのURLはこちら

動画で使っているプロセスです。おおいに参考にして、パクっていってください!
ゆくゆくは塗り替えていくことを期待しています。

https://www.figma.com/file/LyDFInO1KVih7ApKJyewfK/2-2-2.%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E5%85%A5%E9%96%80?node-id=34%3A371

さまざま要素を詰めてきました。最後です。

ここまできて、かなーり細かい見た目の要素を今詰めて考えていきます。今までのプロセスはビジュアルの”核”の部分を形作る作業でした。配色を含めた今回の過程は、その”核”を磨いて輝かさせるフェーズです。逆にいうと、ここまで来て”なんか違うな”と思ったら、今までのプロセスに何かミスがある可能性が高いです。これはディテールを詰めてこねくり回しても改善しづらい状態だったりします。

細かい要素を試しつつ質を上げましょう

例えば以下の要素を細かく何度も調整して、クオリティを上げていきましょう。

  • フォント
  • サイズ感
  • 装飾
  • アクセント
  • ....

仕上げをしてクオリティを上げよう

このシリーズをはプロセスを1つ1つ真似してグラフィックのスキルをつけていきます。
アイキャッチをデザインするため、動画を参考にお題にも取り組みましょう。

グラフィック入門

8
トレースで学ぶ見た目を作るプロセス
4
トレースで学ぶ見た目を作るプロセス

トレースで学ぶ見た目を作るプロセス

【紹介】見た目を作る必須テクニックを真似しよう!
06:28
【紹介】見た目を作る必須テクニックを真似しよう!

【紹介】見た目を作る必須テクニックを真似しよう!

TRY1:表現の方向性を決めよう
3
TRY1:表現の方向性を決めよう

TRY1:表現の方向性を決めよう

方向性①:目的を決めよう
05:21
方向性①:目的を決めよう

方向性①:目的を決めよう

方向性②:参考でイメージを掴もう
10:35
方向性②:参考でイメージを掴もう

方向性②:参考でイメージを掴もう

方向性③:グラフィック方針を言葉にしよう
08:35
方向性③:グラフィック方針を言葉にしよう

方向性③:グラフィック方針を言葉にしよう

TRY2:パターンで固める見た目の土台
3
TRY2:パターンで固める見た目の土台

TRY2:パターンで固める見た目の土台

アイデア①:ムードボードを作ろう
09:06
アイデア①:ムードボードを作ろう

アイデア①:ムードボードを作ろう

アイデア②:レイアウト/構造パターンをデザイン
13:23
アイデア②:レイアウト/構造パターンをデザイン

アイデア②:レイアウト/構造パターンをデザイン

アイデア③:スタイリングパターンをデザイン
17:17
アイデア③:スタイリングパターンをデザイン

アイデア③:スタイリングパターンをデザイン

TRY3 : 見た目の仕上げをしよう
3
TRY3 : 見た目の仕上げをしよう

TRY3 : 見た目の仕上げをしよう

仕上げ①:配色
10:50
仕上げ①:配色

仕上げ①:配色

仕上げ②:見た目の質を上げる
11:53
仕上げ②:見た目の質を上げる

仕上げ②:見た目の質を上げる