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

目立つ! クリックしてもらえる! 伝わる「サムネイル」のつくり方を懇切丁寧に解説!

動画投稿サイトやネット通販、SNS 上で数多く並ぶサムネイル。その中からクリックしてもらうにはどうすればいいか……。答えは「デザインのポイント」を理解して目的に合わせた表現をすることです。
本書の前半では、OK 作例と NG 作例を見るだけで、デザインのポイントがわかるように構成しています。さらに、豊富なデザインアイデアやバリエーション、わかりやすく書かれた解説記事もありますので、デザインに関する知識を深めることができます。
後半では頻出ジャンルのサムネイルデザインを掲載。前半で紹介したデザインのポイントをベースに実践的なサムネイルデザインのアイデアをご覧いただけます。また、縦横比が異なるバリエーションも多数掲載していますので、バナーを作る際のアイデアとしてもご利用いただけます。

●内容
Introduction サムネイルデザインの基礎知識
Chapter 1 構図・レイアウトのきほん
Chapter 2 配色・文字のきほん
Chapter 3 形・イメージのきほん
Chapter 4 タイプ別サムネイルデザイン
Appendix おすすめ情報

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

動画投稿サイトやネット通販、SNS に並ぶサムネイルの中から、どうすればクリックしてもらえるのかを、作例を見比べながら学ぶデザイン書です。『サムネイルデザインのきほん 伝える、目立たせるためのアイデア』 (瀧上 園枝 著、ホビージャパン (ホビージャパンの技法書)、2023 年 3 月刊) は、版元の紹介文で、答えは「デザインのポイント」を理解して目的に合わせた表現をすることだと述べ、そのポイントを OK 作例と NG 作例の対比で示します。著者は刊行時の紹介でグラフィックデザイナー、有限会社シアン代表取締役とされ、印刷物や PC、スマートフォン向けのウェブサイトなどグラフィックデザインの仕事全般を担当してきた書き手です。

基礎知識から構図、配色と文字、形とイメージへ進む構成

内容は「Introduction サムネイルデザインの基礎知識」に始まり、「Chapter 1 構図・レイアウトのきほん」「Chapter 2 配色・文字のきほん」「Chapter 3 形・イメージのきほん」「Chapter 4 タイプ別サムネイルデザイン」と続き、「Appendix おすすめ情報」で閉じます。版元の紹介文によると、本書の前半は OK 作例と NG 作例を見るだけでデザインのポイントが分かるように組まれており、デザインアイデアやバリエーション、解説記事も添えられています。後半には頻出ジャンルのサムネイルデザインが集められ、前半のポイントをもとにした実践的なアイデアが示されます。縦横比が異なるバリエーションも多く載っているため、版元はバナーを作る際のアイデアとしても使えると案内しています。

小さく表示される画像の構図、配色、文字組み

サムネイルは、一覧の中で縮小された状態で見られることを前提に作る画像です。大きな画面で整って見える案でも、小さく表示すると細い文字が潰れ、要素の多い画面は何を伝えたいのかが分からなくなります。小さく表示される画像では、主役を一つに絞って大きく置く構図、背景と文字の明るさの差をはっきり付ける配色、短い言葉を太く読みやすい書体で載せる文字組みがよく使われます。サムネイルは、並ぶ場所によって縦横比も違います。

OK 作例と NG 作例の対比と、目次に無い制作ソフトの章

本書は、良い例と悪い例を並べて違いを見せる形です。一方で、内容一覧の章題は構図や配色といったデザインの考え方で組まれており、Photoshop や Illustrator などの制作ソフトの名前を掲げた章はありません。

本書は構図と配色と文字の基本から、Chapter 4 の頻出ジャンルの実例までを扱い、Appendix におすすめ情報を載せています。