シリーズ目次

グラフィック入門

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
仕上げ②:見た目の質を上げる

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

トップ
/
グラフィック入門
/
【紹介】見た目を作る必須テクニックを真似しよう!
ビジュアル

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

2023
7
02
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について

見た目を作るプロセスをトレースしてテクニックを学ぼう

この動画はシリーズの紹介動画になります。「診断サイトのアイキャッチ」をデザインするプロセスを全公開&その流れをトレースすることで、見た目を作る上で欠かせないプロセスを学んでいけます。

UIを作ろうが、バナーを作ろうが、同じプロセスを使うことができます。ついついUIデザインをやっていると機能の方ばかりに目が行ってしまいますが、”感情”や”印象”、”伝わりやすさ”をブーストさせる技術としてのデザインはデザイナーに必須です。

良い見た目を作るにはセンスはいりません。アートも必要ないです。ビジュアルの知識と経験の積み重ねで上達していきます。

良い見た目は努力で実現できます

このシリーズではテクニックをプロセス毎に共有していきますが、このプロセスでUIやバナーなどあらゆるものを作ることで自ずとその”知識と経験”を自分に貯めていけるプロセスにもなっています。

デザインの基本としてぜひ最後までお付き合いください。

プロセスの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

目次だよ

00:00 トレースでグラフィックを学ぼう
01:23 取り組むメリット
03:35 使い方:1週間でやろう

見た目を作るプロセスをトレースしてテクニックを学ぼう

この動画はシリーズの紹介動画になります。「診断サイトのアイキャッチ」をデザインするプロセスを全公開&その流れをトレースすることで、見た目を作る上で欠かせないプロセスを学んでいけます。

UIを作ろうが、バナーを作ろうが、同じプロセスを使うことができます。ついついUIデザインをやっていると機能の方ばかりに目が行ってしまいますが、”感情”や”印象”、”伝わりやすさ”をブーストさせる技術としてのデザインはデザイナーに必須です。

良い見た目を作るにはセンスはいりません。アートも必要ないです。ビジュアルの知識と経験の積み重ねで上達していきます。

良い見た目は努力で実現できます

このシリーズではテクニックをプロセス毎に共有していきますが、このプロセスでUIやバナーなどあらゆるものを作ることで自ずとその”知識と経験”を自分に貯めていけるプロセスにもなっています。

デザインの基本としてぜひ最後までお付き合いください。

プロセスの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

目次だよ

00:00 トレースでグラフィックを学ぼう
01:23 取り組むメリット
03:35 使い方:1週間でやろう

見た目を作るプロセスをトレースしてテクニックを学ぼう

この動画はシリーズの紹介動画になります。「診断サイトのアイキャッチ」をデザインするプロセスを全公開&その流れをトレースすることで、見た目を作る上で欠かせないプロセスを学んでいけます。

UIを作ろうが、バナーを作ろうが、同じプロセスを使うことができます。ついついUIデザインをやっていると機能の方ばかりに目が行ってしまいますが、”感情”や”印象”、”伝わりやすさ”をブーストさせる技術としてのデザインはデザイナーに必須です。

良い見た目を作るにはセンスはいりません。アートも必要ないです。ビジュアルの知識と経験の積み重ねで上達していきます。

良い見た目は努力で実現できます

このシリーズではテクニックをプロセス毎に共有していきますが、このプロセスでUIやバナーなどあらゆるものを作ることで自ずとその”知識と経験”を自分に貯めていけるプロセスにもなっています。

デザインの基本としてぜひ最後までお付き合いください。

目次だよ

00:00 トレースでグラフィックを学ぼう
01:23 取り組むメリット
03:35 使い方: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
仕上げ②:見た目の質を上げる

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

閉じる

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More