この記事では次のような疑問を解消できます🌿
- モックアップの利点。
- モックアップ作成に必要な環境。
- モックアップ雛形の取得方法。
ロゴ、パッケージ、チラシのデザイン等をお客さんに提案するとき“モックアップ”使っていますか？
使うと使わないとでは、依頼者さんが最初に提案書を見たときのリアクションに雲泥の差が出ます。それは、売上額にも直結します。
〓〓〓〓〓 フリーランスを守るお金と保険！ 〓〓〓〓〓
モックアップの使用は無料使用可能でとっても簡単。
使わない理由がありません。
本記事ではおすすめのモックアップダウンロードサイトを紹介します。
モックアップって何？
“モックアップ”という言葉はもともと工業用品の作成工程で使われている用語で、「本物そっくりに作られた模型」という意味です。
そこから派生し、デザイン提案の工程でモックアップと言うときそれは
「このデザインを実際のシーンで使ってみると、こんな風にみえますよ」というイメージ画像のことを指します。
Mockup psd created by freepik – www.freepik.com
印刷物等の平面デザインの場合、クライアントは製品化された際・立体面に活用された際にどんな見え方をするのかを、知りたがります。
そのデザインが事業に乗ったときに、どう効果的か、にだけ興味があります。
効果＝事業の未来、が想像できる提案をしましょう。
モックアップの作り方は超簡単。
下記から紹介します。
必要な環境と知識
必要なソフトウェア
| モックアップ作成に必要なソフト | Adobe Photoshop |
9割型のモックアップ雛形はAdobePhotoshopで作られているため、Photoshopは必須になります。
サブスクリプションで1,078円/月(税込み)。
モックアップ作成の流れ
(2)「ここにあなたのデザインを入れてね」「Your Design Here」と 書かれたところにデザインを当てはめる。
(3)JPGなどで書き出す。
完成。
とっても簡単です。
(1)モックアップ雛形のダウンロード
目当てのモックアップ雛形が見つかったら、ダウンロードボタンをクリック。
画像はfreepikのダウンロードボタンです。
(2)自分のデザインを当てはめる。
(3)JPGなどで書き出し。完成。
JPGで書き出して完成。
こういったデザインの活用例画像を依頼者さんへの提案資料に使うことで、依頼者さんの想像力が膨らみ、提案の印象も良くなります。
モックアップ雛形の取得方法
美麗なモックアップをまとめてくれているサイトは様々あります。
中には更新が止まってるものや、たらい回しにされてどこでダウンロードしたらいいのか分からない作りになっているサイトなど、使い勝手に難があるサイトもありますので、本記事では下記のポイントをクリアしている良サイトだけを紹介します。
- 美しいモックアップが揃っている
- しっかり更新され新陳代謝がある
- ダウンロードしやすい
unblast
様々なシーン、媒体で活用できる美しいモックアップが揃っています。
| 美しさ |
★★★★★ |
|
新陳代謝 |
★★★★☆ |
|
ダウンロードしやすさ |
★★★★☆ |
freepik
更新頻度が高いので、新しいモックアップを手に入れられ、高品質。
| 美しさ |
★★★★★ |
|
新陳代謝 |
★★★★★ |
|
ダウンロードしやすさ |
★★★★★ |
Mockup psd created by freepik – www.freepik.com
freepikから得たモックアップを使う際、特にウェブ上で使う際は、「freepikから得ました」という引用元情報を入れましょう。
REPO
ダウンロードは簡単だが、種類がそれほど豊富ではない点、背景がワンパターン気味なのが少し減点。
| 美しさ |
★★★☆☆ |
|
新陳代謝 |
★★★☆☆ |
|
ダウンロードしやすさ |
★★★★☆ |
REPOのライセンスは、REPO全体としてはアナウンスされておらず、個々のモックアップ毎に設定されています。
各ダウンロードページを確認してください。
←このような表記がそれぞれのダウンロードページにあります。
デザイン資料作りに役立つツール
アイコン集サイト３選＋２
モックアップと合わせてアイコン集サイトの素材を活用することで、より目を引く素敵なデザイン提案書を作れます。
デザイナー 忙しい！でもハイクオリティな提案をしたい。 ブロガー サクッと素敵なアイコンを作りたい！ という人に、フリーのアイコン集をご紹介します！🌱 スキルのフリマ【ココナラ】 はっぱ太郎[…]
背景を簡単に延長する
デザイン提案書のサイズに合わせて、モックアップ素材の背景を広く調整したい場合はAdobe Photoshopで簡単に画像の延長ができます。
製作者 写真の背景だけを引き伸ばしたいが、良いやり方が分からない！ という人のために、超簡単な背景の引き伸ばし方法を解説します。 スキルのフリマ【ココナラ】 はっぱ太郎 instagram → happa[…]
適切な画像解像度にする
提案資料の画像解像度を適切なものにすることで、依頼者さんが見易い資料にすることができます。
この記事では次のような疑問を解消できます🌿 「300PPIの画像ご提示ください！」と言われても「？」とならないようになる。 簡単に自分の画像の解像度が分かる方法。 ソフトウェアいらず、画像サイズ、解像度確認に便利な[…]
デザイン内容をヒアリングする際のツール
「どんなデザイン、どんな雰囲気にするか」といった向かうべき方向を依頼者さんにお伺いする際、オーダーフォームを活用すると必要な情報を効率的に過不足なくヒアリングできます。
依頼者、製作者双方にとってメリットがあるので、ぜひ活用しましょう。
この記事では次のような疑問を解消できます🌿 依頼を受けるときのヒアリングって大事なの？ 効率的・効果的なヒアリング方法は？ Jotformの具体的な機能は？ 依頼を受けるとき、クライアントさんの要望を過不足なく[…]
フリーランス仕事の損害補償
素敵な提案書を作り、デザインを納品した結果
損害賠償請求します！
と訴えられてしまった場合の備え、考えていますか？
もちろん、そのような制作物を作らないことが最重要ですが、それでも何が起こるかわかりません。
もしもの時のために使える、フリーランスのための手厚い補償制度をご紹介します。
私も実際に活用しているので使用感等含めまとめていますので、ご参照ください。
この記事では次のような疑問を解消できます🌿 フリーランスって取引先と金銭的トラブルあったらどうするの？ フリーランスが急な病気とかケガで仕事できなくなったら収入どうするの？ FREENANCEとは？ FREENA[…]
まとめ
以上、モックアップの作成方法でした。
１つのデザインを複数のモックアップに当てはめて、デザインが多面的に見られるような提案資料を作ると、依頼者さんは喜んでくれます。美しい提案をして、お客さんのワクワクをアップさせ、収益もアップさせましょう！🌿
営業・事務・クリエイションの全てを１人で行わなければいけないフリーランスには、強力なツールが必要！
\ フリーランスの日々の業務を楽にするツールを紹介 /
