WordPressなどを使ってサイトを運営するためにはサムネイルの存在が欠かせません。サムネイル（アイキャッチ）は記事の内容を表したイメージにすることで、ユーザーからのクリック率を上昇させる効果があります。
とはいえ、サムネイルを一から作ろうとするとなかなか時間がかかります。そこで利用できるのがモックアップです。モックアップはあらかじめ完成されて形式なので、イメージ画像を差し替えるだけで簡単に高品質なサムネイルを作成することができます。
今回は、「書籍レビューのサムネイルに最適なPhotoshopモックアップ２０」を記事にしたいと思います。
[s_ad]
始めにお読みください
ダウンロードをするまえに、下記の事項をよくお読みください。
- ダウンロードは自己責任で行ってください。
- 安全性が確認されたサイトのみを掲載しています。
- ダウンロード先の９割以上は海外のサイトです。
- ダウンロード先の利用規約をよく確認してからお使いください。
モックアップって何？
モックアップを作ることは、クライアントとのやり取りにおいて非常に重要な意味を持ちます。モックアップとは簡単に言うと「見本（模型）」のようなものです。プロダクトデザインなど、まず検討レベルの段階においてパソコン上で「ひな形」を作ることが多々あります。
この見本を作ることによって、クライアントはデザインやカラーを見て判断できるので、交渉もスムーズにいくでしょう。これは、「上司」や「グループ間」でのやり取りでも同じです。Photoshopであらかじめ完成されたモックアップを作ることによって、多彩なカラーバーリエーションやデザインを簡単に実現することができます。
【モックアップの利点】
- 結果を素早く修正することができる。
- 作業効率が大幅にアップする。
- 異なるカラー・バリエーションに対応させることが可能。
[s_ad]
書籍レビューなどに使えるブックタイプのモックアップ
書籍を紹介する時に使えそうなタイプのモックアップです。本の紹介、本のレビュー、出版などで利用することができます。サイトで書籍のレビューなどをしている人はサムネイルとしても利用できます。
【書籍】ケースに入れられた直立タイプのモックアップ
直立したデザインのモックアップです。主に書籍のカバーなどのデザインを見せたいときや、本のレビューや紹介、新刊の発売アピールなどに利用できそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【２種類】垂直と机に置かれているような２種類のモックアップ
２つの異なるタイプの視点でデザインされたモックアップです。スタンダードですが、ちょっとしたシーンに利用することができます。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【アピール】掲げられたような表現が印象的なモックアップ
「おすすめはコレ！」といった感じで掲げられているタイプのモックアップです。ハードカバーの表紙を簡単に変更することができます。本の紹介やレビュー記事などで利用できそうなモックアップですね。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【見開き】見開きのオープンタイプのブックのモックアップ
ガバッと見開いたオープンタイプのモックアップです。書籍の中身などを紹介したい場合にりようすることができます。背景のブルーも爽やかな感じで好感が持てます。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【雑誌】クルっと折れ曲がったような見開きタイプのマガジンのモックアップ
丸めたようなデザインが印象的なモックアップです。書籍というより、マガジンや冊子などに利用します。添えられたコーヒーがリアリティを演出しています。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【シーン】日常生活でありそうなワンシーンのようなタイプのモックアップ
ちょっしたシーンを演出できそうなモックアップです。書籍のレビューやおすすめの書籍などに利用することができます。何やらストーリーが浮かんできそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
[s_ad]
【パンフ】表紙と見開きが伏せられたようなタイプのモックアップ
こちらは中身より、表紙と裏をみせるパンフレットタイプのモックアップです。冊子のデザイン案などクライアントにみせるときに利用すると良いでしょう。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【雑誌】ペラっとめくったようなマガジンタイプのモックアップ
こちらもペラっとめくったようなマガジンタイプです。ちょっとしたページを紹介したい時や、ページのレイアウトなどを見せたい時に使えそうですね。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
[s_ad]
【書籍】垂直に立てられたハードカバーのブックモックアップ
直立不動といった感じのブックタイプのモックアップです。ハードカバーになっているので、本の表紙のイメージをそのまま表現することができます。遠目に見ても重厚感があります。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【雑誌】こちらもページをめくったようなA４マガジンのモックアップ
ページのめくりかけのような感じのマガジンタイプのモックアップです。雑誌などのレビューのサムネイルなどに利用できそうです。背景も差し替えることができるので、色々なシーンを作ることができます。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【コミック】マンガやコミックなどのレビューにも使えるアートなモックアップ
こちらはアニメや漫画などのアートブック的なモックアップです。添えられた鉛筆と削りカスが作業感を演出していますね。Webマンガなどの書いている人や、自分のアート作品などを作っている人などにおススメです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【書籍】リアルな表現でアピールできるタイプのモックアップ
こちらもハードカバータイプのモックアップです。かなりリアルな質感なので、本物ソックリに見えます。硬派な感じで書籍のイメージを伝える場合に使えそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
[s_ad]
【キュート】ヘッドホンを聞いているカワイイブックタイプのモックアップ
ヘッドフォンを聞いているようなファニーなタイプのブックモックアップです。カワイイ感じで書籍を紹介したい時などに使えそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【キュート】ラベンダーの花とコーヒーがセットになったモックアップ
ラベンダーの花とコーヒーが添えられたタイプのモックアップです。さりげないアイテムがあるだけで雰囲気が違ってきますね。リラックスできそうな雰囲気が漂っています。おすすめの書籍などをレビューしたい場合などに利用できそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【料理】料理本のレビューなどに使えそうなモックアップ
パンやコーヒー豆など食材で彩られたモックアップです。料理本の紹介やレシピなどのシーンで利用できそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【文房具】アイテムがいっぱいのかわいいブックモックアップ
雑多な文房具がいっぱいあるモックアップです。デザイン関係、設計関係などの書籍の紹介やレビューに使えそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
[s_ad]
【キュート】ウッドデッキに置かれたかわいいパンフレットタイプのモックアップ
ウッドデッキに置かれたカワイイ感じのモックアップです。ブックというより、パンフレットやチラシに近いかもしれません。ちょっとキュートな感じを出したい時などに利用するといいかも。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【料理】料理本のレビューなどに使えそうなカワイイ＆オシャレなブックモックアップ
こちらも料理本などのモックアップです。背景のギンガムチェック柄が良い味を出しています。料理本の紹介、レシピの紹介、レビューなどに使うことができます。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【料理】果物が添えられたキュートでフレッシュなブックモックアップ
グレープフルーツが添えられたフレッシュな感じのモックアップです。こちらも料理本などの紹介やレビューなどに使えそうです。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
【書籍】書籍のサムネイルに最適な正統派ブックモックアップ
硬派な感じのハードカバーのモックアップです。書籍の紹介はもちろん、専門書などの紹介やレビューにも向いています。スタンダードなタイプなので、シーンを選ばず使うことができます。
| 利用範囲 | 可否 |
|---|---|
| 個人利用 | 〇 |
| 商業利用 | 〇 |
| 価格 | free |
まとめ
サムネイルを手早く高品質に仕上げるにはモックアップの存在が欠かせません。また、サムネイルを分かりやすいものにすることで、その記事はどんな内容なのかユーザーにアピールする効果もあります。
サムネイルをちょっと変えるだけでアクセスも変わってくるので、意識しながら作ると良いと思います。当然モックアップのほとんどのファイルはPSD形式なので、Photosohopを持っていないと利用することができません。
この機会にPhotoshopを使ってみましょう。
[s_ad]
Photoshopのチュートリルやテクニックの記事
[f_PhotoshopPosts]