デザイン実習｜MASTER CLASS

デザイン実習概要

デザインセンスが身に付く1st

01 デザインの役割

01 デザインって何だろう︖

色んなデザインがある
デザインってそもそも何？

02 デザインの役割

デザインと芸術(アート)って何が違う？
主観と客観
良いデザインとは
悪いデザインとは
良いデザインを作るには

02 デザインセンスを磨く方法

01 センスの良い人と自分、何が違う︖

センスの良し悪しは才能の差ではない。関心と知識の差。
関心を強く長く持つ

02 センスを磨くために、どこへ行く︖

センスを磨くために、美術館・芸術展へ行くのが良い︖
センスを磨くために、デザインイベントへ行くのが良い︖
美術館やデザインイベントに行っても意味がない︖

03 「センス良いな」って、いつ感じる︖

センスの良い物は日常の生活の中にある
なぜ「センス良いな」と感じたのか考えてみよう

04 今日から引き出しに溜めていこう

どんな天才も引き出しに溜めている
今日から毎日、引き出しに溜めて行こう

05 引き出しに溜める「お薦めの方法」

写真を撮って溜めて行こう
画像を毎日溜めて行こう

06 センスはいつでもどこでも１分で磨ける

溜まった写真や画像は３つのフォルダに分けよう
日々溜まって行く写真や画像を毎日見る習慣を付けよう
ただ毎日眺めるだけでは意味はない。何か傾向や法則がないか、特徴や共通点を探してみよう
より具体的に特徴や共通点を探してみよう

07 自分のセンス・長所・短所を知る

３つのフォルダの特徴から自分を知る
自分の長所を伸ばし、短所も補おう

08 作る工程を考えよう

自分の制作に必要な機能を探して覚える
作り始める前に、制作工程を頭で考えよう
いつでもどこでも制作工程は考えられる
プロの作品の制作工程を頭で考えてみよう

03 色の役割

01 「色相」って何︖

「類似色（隣接色）」って何︖
「同系色」って何︖

02 色の効果

暖かい　VS　涼しい
膨らむ　VS　縮む
近い　VS　遠い
色が無い　VS　色が有る

04 色の印象

01 赤

赤の性質
赤の心理効果
赤から連想するポジティブなイメージ
赤から連想するネガティブなイメージ
赤が好きな人の性格
赤のデザインポイント

02 オレンジ

オレンジの性質
オレンジの心理効果
オレンジから連想するポジティブなイメージ
オレンジから連想するネガティブなイメージ
オレンジが好きな人の性格
オレンジのデザインポイント

03 黄色

黄色の性質
黄色の心理効果
黄色から連想するポジティブなイメージ
黄色から連想するネガティブなイメージ
黄色が好きな人の性格
黄色のデザインポイント

04 緑

緑の性質
緑の心理効果
緑から連想するポジティブなイメージ
緑から連想するネガティブなイメージ
緑が好きな人の性格
緑のデザインポイント

05 青

青の性質
青の心理効果
青から連想するポジティブなイメージ
青から連想するネガティブなイメージ
青が好きな人の性格
青のデザインポイント

06 紫

紫の性質
紫の心理効果
紫から連想するポジティブなイメージ
紫から連想するネガティブなイメージ
紫が好きな人の性格
紫のデザインポイント

07 ピンク

ピンクの性質
ピンクの心理効果
ピンクから連想するポジティブなイメージ
ピンクから連想するネガティブなイメージ
ピンクが好きな人の性格
ピンクのデザインポイント

08 茶色

茶色の性質
茶色の心理効果
茶色から連想するポジティブなイメージ
茶色から連想するネガティブなイメージ
茶色が好きな人の性格
茶色のデザインポイント

09 白

白の性質
白の心理効果
白から連想するポジティブなイメージ
白から連想するネガティブなイメージ
白が好きな人の性格
白のデザインポイント

10 グレー

グレーの性質
グレーの心理効果
グレーから連想するポジティブなイメージ
グレーから連想するネガティブなイメージ
グレーが好きな人の性格
グレーのデザインポイント

11 黒

黒の性質
黒の心理効果
黒から連想するポジティブなイメージ
黒から連想するネガティブなイメージ
黒が好きな人の性格
黒のデザインポイント

12 銀

銀の性質
銀の心理効果
銀から連想するポジティブなイメージ
銀から連想するネガティブなイメージ
銀が好きな人の性格
銀のデザインポイント

13 金

金の性質
金の心理効果
金から連想するポジティブなイメージ
金から連想するネガティブなイメージ
金が好きな人の性格
金のデザインポイント

05 配色のポイント

01 配色の基本：カラーモード

RGB
CMYK

02 配色の基本：色相で配色する

色相とは
色相環
色相が近い配色
色相が離れた配色
色相のポイント

03 配色の基本：明度で配色する

明度とは
明度が高い色
明度が低い色
明度のポイント

04 配色の基本：彩度で配色する

彩度とは
彩度が高い色
彩度が低い色
彩度のポイント

05 配色の基本：トーンで配色する

トーンとは
純色
清色
明清色
暗清色
濁色
トーンのポイント

06 配色のルール

意外な組み合せではない。そこには配色のルールがある。
補色で配色する
トライアドで配色する
テトラードで配色する
配色のポイント
７つの配色ルール

07 色の３役：色の３つの役割

色の３つの役割
ベースカラー（基調色）
アソートカラー（配合色・従属色）
アクセントカラー（強調色）
ドミナントカラー（主張色）
色の三役のポイント

08 失敗しない配色の割合

配色の割合と大きさ
お薦めの配色の黄金比「６：３：１」
割合だけでなく大きさにも注意
配色の割合のポイント

09 配色のバリエーション

色数を増やすには
同系色をベースにカラーバリエーションを作る
類似色の範囲を広げてカラーバリエーションを作る
類似色の補色などをアクセントに足して色数を増やす
色数を増やしても黄金比は「６：３：１」

10 Adobe Colorの利用

探索する
ライブラリに保存
カラーテーマをスォッチに保存

11 色相環・トーン表を作る

Illustratorで作る色相環
Illustratorで作るトーン表

06 文字の役割

01 フォントの基礎

フォントファミリーとフォントスタイル
フォント選びのポイント

02 和文フォントと欧文フォント

和文フォントの特徴
欧文フォントの特徴
和文フォントと欧文フォントのポイント

03 明朝体とゴシック体

明朝体の特徴
ゴシック体の特徴
線の太さで印象が変わる
明朝体とゴシック体のポイント

04 セリフ体とサンセリフ体

セリフ体の特徴
サンセリフ体の特徴
セリフ体とサンセリフ体のポイント

05 文字要素の役割と大きさ

文字要素
キャッチコピー（タイトル）
リードコピー
見出し
本文
文字要素のポイント

06 横組みと縦組み

横組みの特徴
縦組みの特徴
横組みと縦組みの特徴
縦組みと縦中横
縦組み中の欧文回転

07 読みやすい行間と字間

行間と字間
行間と文章の読みやすさ・美しさ
最適な行間の目安
和文フォントの字間
メトリクスとオプティカル
字間と文章の読みやすさ・美しさ
キャッチコピー・リードコピー・見出しの行間と字間
行間と字間のポイント

08 読みやすい行長と行間

１行の長さと文章の読みやすさ
文章の読みやすさは行間と１行の長さのバランスが鍵
読みやすい行長と行間のポイント

09 行揃えと約物

文章の入力
均等配置（最終行左揃え）
均等配置（最終行上揃え）
約物
文字組み
禁則処理

10 Adobe Fonts

Adobe Fontsのアクティベート
フォントメニューのフィルタの利用
フォントメニューのお気に入りの利用

06 レイアウトの役割

01 版面とマージン

紙面のイメージは版面とマージンで決まる
版面率とデザインの印象
上下のマージン・左右のマージンを揃える
マージンの標準値

02 揃える

揃えると美しく感じる
揃えると関連性が増す
どこで揃えるのか
端だけでなく間隔も揃える
すべて揃える
何をどのように揃えるのか
ガイドを活用して揃える
形が異なる要素を揃える
同じ重要度の要素を揃える

03 グループ化する

グループ化（接近効果）
グループ化のポイント①
グループ化のポイント②
グループ化のポイント③
その他のグループ化

04 グリッドに沿って配置する

効率良く整然としたデザインに仕上げる
グリッドのメリット
グリッドの大きさと間隔
レイアウトのバリエーション
Illustratorで作るお薦めのグリッド

05 繰り返す

統一感を生む最も簡単な手法
繰り返す数が多いほど効果が高い
単調にならないよう変化を加えた規則を繰り返す
定めたルールを徹底して繰り返す
整然と繰り返す
複数に跨る場合も規則に基づき繰り返す

06 コントラスト（対比）

わかりやすく魅力的なデザインを演出する
ジャンプ率とは
コントラストを強めるには明確な区別を付ける
文字にジャンプ率が無いデザイン
文字のジャンプ率が高いデザイン
文字のジャンプ率が低いデザイン
写真・図版にジャンプ率が無いデザイン
写真・図版のジャンプ率が低いデザイン
写真・図版のジャンプ率が高いデザイン
文字・写真のジャンプ率のポイント①
文字・写真のジャンプ率のポイント②