1. HOME
  2. 書籍検索
  3. サムネイルデザインのきほん 伝える、目立たせるためのアイデア

サムネイルデザインのきほん 伝える、目立たせるためのアイデア

  • 著者:瀧上 園枝

    ISBN:9784798629476

  • 出版年月日:2023/3/31

    判型・ページ数:A5 192ページ

オンラインショップで購入する
定価:¥2,200(税込)
  • amazon
  • rakuten
  • yodobashi
  • posthobby
目立つ、伝わる、クリックしてもらえる! サムネイル制作の決定版!!

動画投稿サイトや通販サイト、SNS上で数多く並ぶサムネイル。その中からクリックしてもらうにはどうすればいいか……。答えは「デザインのポイント」を理解して、目的に合わせた表現をすることです。自分でデザインしたり、テンプレートを選んだりする際のヒント、デザイナーに依頼する場合にも役立つ情報が本書には満載されています。
本書前半のタイトルはすべてサムネイル風に見せており、OK作例とNG作例を見るだけで、デザインのポイントがわかるように構成しています。さらに、豊富なデザインアイデアやバリエーションを見たり、詳細な解説記事を読んだりすることで、デザインに関する知識を深めることができるでしょう。
本書の後半では頻出ジャンルのサムネイルデザインを掲載。前半で紹介したデザインのポイントをベースに、実践的なサムネイルデザインのアイデアをご覧いただけます。また、サムネイルと同じデザイン要素を使った縦横比が異なるバリエーションも多数掲載していますので、バナーを作る際のアイデアとしてもご利用いただけます。

 

●著者 瀧上 園枝(たきがみ そのえ)
グラフィックデザイナー。有限会社シアン代表取締役。印刷物やPC /スマートフォン等各端末向けウェブサイトなどグラフィックデザインワーク全般を担当。
主な著書に『WebデザインのためのPhotoshop+Illustratorテクニック』(エクスナレッジ)、『やさしいデザインの教科書[改訂版]』(エムディエヌコーポレーション)、『Illustratorデザインの教科書』『プロがこっそり教えるIllustrator 極上テクニック』(マイナビ出版)など。

 

●内容
Introduction サムネイルデザインの基礎知識

サムネイルとは?
サムネイルのサイズ
目的によってデザインは変わる
サムネイルの作り方
本書の目的と見方
Chapter 1   構図・レイアウトのきほん

1-1 メリハリをつけて印象を強く

1-2カタマリ感で視線を集める

1-3視線を捕まえるアイキャッチ

1-4 言いたいことは1つか2つ

1-5 見せたい場所にスポットライトを

1-6 日の丸構図で主役にスポットライトを

1-7 二分割構図でバランス、安定を!
1-8 三分割構図でドラマチックに
1-9 互いに引き立て合うなら阿吽型構図

1-10 額縁型構図で印象的に見せる
1-11 画面を分割する
1-12 マージンは真面目に大事
1-13 写真をふちどる・囲む
1-14 可愛く囲む
1-15 効果的なトリミング
1-16 大きく見切れる
1-17 角度をつけて動きを出す
1-18 大きなものから入れていく
Column ラフスケッチと構図
Chapter 2   配色・文字のきほん

2-1 見えないと意味がない
2-2 コントラストは脳への刺激
2-3 鮮やかさを揃えてちぐはぐ回避

2-4 主役の色を強調する
2-5 文字はしっかり読みやすく
2-6 フォントのキャスティング
2-7 文字と背景の一体感
2-8 全面に文字を入れる
2-9 縦組み横組みを組み合わせる
2-10 手書き文字でエモくする
2-11 文字をロゴ化する
2-12 文字で動きをつける
2-13 線文字でスタイリッシュに
Column フォントファミリーと和欧混植

Chapter 3   形・イメージのきほん

3-1 文章は視覚化しよう

3-2 アイコンでフラットに

3-3 パターンを使って楽しげに
3-4 無地でいさぎよく
3-5 引き算の美学
3-6 その要素は必要ある?
3-7 アクセントは3つまで
3-8 線はギリギリのラインで
3-9 3Dでインパクト
3-10 写真と手描きの組み合わせ
3-11 奥行き感で強調する
3-12 ぼかして情緒感
3-13 グラデーションで華やかに
3-14 グラデーションで柔らかく
3-15 線と塗りをずらして軽快に
3-16 切り抜き写真の活用

3-17 アナログ効果で目を引こう
3-18 アブストラクトで攻める
3-19 時間の経過を感じさせる
3-20 高級感を出したい
3-21 エモさ、出したい
3-22 インパクトを出したい
3-23 かわいくしたい
3-24 軽やかにしたい
3-25 優しそうに見せたい
Column ぼかしなどの画像加工について
Chapter 4   タイプ別サムネイルデザイン

4-1 「やってみた」系動画のサムネイルデザイン
42- ゲーム実況系動画のサムネイルデザイン
4-3 スポーツ系動画のサムネイルデザイン

4-4 ダイエット系動画のサムネイルデザイン
4-5 子ども向け動画のサムネイルデザイン
4-6 ペット系動画のサムネイルデザイン
4-7 HowTo系動画のサムネイルデザイン
4-8 ノウハウ系動画のサムネイルデザイン
4-9 料理レシピ系動画のサムネイルデザイン
4-10 外食グルメ系動画のサムネイルデザイン
4-11 飲食店紹介動画のサムネイルデザイン
4-12 ショップ紹介動画のサムネイルデザイン
4-13 「教室(趣味・習い事)」系動画のサムネイルデザイン
4-14 「教室(ビジネスユース)」系動画のサムネイルデザイン
4-15 企業(企業紹介・業界向け)のサムネイルデザイン
4-16 企業(企業紹介・リクルート向け)のサムネイルデザイン
4-17 学校紹介のサムネイルデザイン

4-18 イベントのサムネイルデザイン
4-19 セミナーのサムネイルデザイン
4-20 キャンペーンのサムネイルデザイン
4-21 ファッション系セールのサムネイルデザイン
4-22 展示会のサムネイルデザイン
4-23 商品紹介のサムネイルデザイン
4-24 書籍紹介のサムネイルデザイン
4-25 観光地紹介のサムネイルデザイン
Column 依頼に応えるデザインの作り方
Appendix   おすすめ情報

おすすめフォントサイトとフォントの特徴
おすすめ画像サイト・画像の種類と特徴
おすすめアイデアサイト
おすすめ書籍
索引

RECOMMENDEDおすすめ書籍

CATEGORIES書籍カテゴリ