バナーデザイン入門
UIビジュアル
バナーデザイン入門
バナー・サムネイルのデザインを通して整ったグラフィックをデザインするスキルを習得します
金額
4,378~
/月
完了目安
1~2
ヶ月
メンバーシップについてはこちら

コースの目的

サムネイルをデザインして基本原則を身につけよう

デザイングラフィックの基本原則をバナー・サムネイルデザインを通して習得するミニコースです。
原則を知るだけではなく、実際にプロが作成するプロセスを見ながら、自分で手を動かせるので実践的にリアルを学ぶことができます。

コースの詳細へ

コース内容
デザインをはじめよう
サムネイルをデザインして基本原則を身につけよう
SECTION
整うグラフィックのつくり方をマスターしよう

コースでは知識だけじゃなく手を動かしながら実践的なテクニックを身につけます

っっs
カテゴリ
整うグラフィックのつくり方をマスターしよう
無料
メンバー限定
SECTION
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル

デザインの基本原則を手を動かしながら学ぶシリーズを始めます!
理論とか知っても実際、実物見ないとわかんなくない?ということで作りながら伝える内容を作ってみました!

デザイン素材

【✨ スライドのFigma】
https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=198%3A19470&mode=design&t=3AjsvVZZ7E49frcy-1

目次

  • 00:00 良い見た目つくりたいよね
  • 00:28 コース作成理由
  • 03:11 バナーデザインコースについて
  • 10:20 グラフィック力の重要性
  • 12:35 グラフィック力4つの鍛え方
  • 17:50 次の動画
20:19
カテゴリ
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル
無料
メンバー限定
SECTION
1. 『ブログサムネイル』で基本を学ぼう

一緒にデザインして、知識じゃわからない実践的なテクニックと使い方、デザインする流れを身につけよう

っっs
カテゴリ
1. 『ブログサムネイル』で基本を学ぼう
無料
メンバー限定
SECTION
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう

デザイン素材

【✨ Figma】
https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=116%3A4390&mode=design&t=EZ4OpsCXDU7zef7T-1

14:28
カテゴリ
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう
無料
メンバー限定
SECTION
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう

デザイン素材

【✨ Figma】
https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=209%3A45895&mode=design&t=EZ4OpsCXDU7zef7T-1

33:26
カテゴリ
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう
無料
メンバー限定
SECTION
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック

デザイン素材

【✨ Figma】

https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=209%3A54278&mode=design&t=EZ4OpsCXDU7zef7T-1

28:56
カテゴリ
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック
無料
メンバー限定
SECTION
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方

デザイン素材

【✨ データ】

https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=209%3A48444&mode=design&t=EZ4OpsCXDU7zef7T-1

44:03
カテゴリ
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方
無料
メンバー限定
SECTION
2. 『機能リリース』のサムネをデザイン

どのレイアウトが伝わるか?を考える際に必ずパターンを作ります。量も増やしてグラフィックスキルを伸ばそう💪

っっs
カテゴリ
2. 『機能リリース』のサムネをデザイン
無料
メンバー限定
SECTION
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう

デザイン素材

【✨ Figma】
https://www.figma.com/file/ZXuVoD1hCg9xbPJ0lzaXoA/2024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=350%3A23332&mode=design&t=EZ4OpsCXDU7zef7T-1

13:37
カテゴリ
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう
無料
メンバー限定
SECTION
【パターン1】レイアウトテクを使ってパターンをデザインしよう

デザイン素材

【✨ Figma】
https://www.figma.com/file/E9BWRjF5ZHJcOWS9cePEpe/%E3%80%90ForBONO%E3%80%912024-%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?type=design&node-id=1%3A1625&mode=design&t=EMScrosQLgz567Cg-1

39:16
カテゴリ
【パターン1】レイアウトテクを使ってパターンをデザインしよう
無料
メンバー限定
ABOUT
コース詳細

デザイングラフィックの基本原則をバナー・サムネイルデザインを通して習得するミニコースです。
原則を知るだけではなく、実際にプロが作成するプロセスを見ながら、自分で手を動かせるので実践的にリアルを学ぶことができます。