mainimage

スマホのWebサービスやアプリのランディングページを作る時に、現場においてそのアイデアとして必ず上がるのが、実機を組み込んだデザインです。
当然ながらユーザーは、スマホでそのサービスやアプリに触れるわけですから、それを解説するページで実機を扱うのは最適と言えるでしょう。というわけで、今回はすぐに使えるiPhoneのモックアップを厳選してご紹介します。

Webデザイナーは必携ですし、そうでなくてもプレゼン資料などに使えるのでオススメです。

1. iPhone6s Vector PSD MockUp

images1

iPhone6sの全カラーと斜めの角度を収納した高品質のPSDファイルは、iPhoneに関するあらゆるWebデザインにおいて役立つこと間違いナシ。

http://www.pixeden.com/psd-mock-up-templates/iphone-6-psd-vector-mockup

2.iPhone SE Psd Mockup

images2

歴代最高の呼び声高いiPhone SEのモックアップも存在しています。
スペースグレー、ブラック、シルバー、ローズピンクと全色揃い、細部までリアルに制作されています。

http://www.pixeden.com/psd-mock-up-templates/iphone-se-psd-mockup

3.iPhone 6 Plus Psd Vector Mockup

images3

ベクターシェイプによって作られた高品質なiPhone 6 PlusのPSDファイル 。
スペースグレー、シルバー、ゴールドを正面から捉えており、画面をはめ込むだけで使えるので便利です。

http://www.pixeden.com/psd-mock-up-templates/iphone-6-plus-psd-vector-mockup

4.iPhone 5C Psd Vector Mockup

images5

カラフルでコンパクトな5Cは人気端末ですし、ページに彩りを与えるという意味でも重宝しそうです。
グリーン、ブルー、イエロー、ピンク、ホワイトの端末が拡縮自在のベクター画像と格納されています。

http://www.pixeden.com/psd-mock-up-templates/iphone-5c-psd-vector-mockup

5.Psd iPad Air 2 Vector Mockup

images4

その直感的な使用感と大きなディスプレイから、今後ますますタブレット端末の需要は増加することが予想されます。
最新であるiPad Air 2 のモックアップでこれほど高品質かつ、全色そろったものは少なく、貴重と言えるでしょう。

http://www.pixeden.com/psd-mock-up-templates/psd-ipad-air-2-vector-mockup

6 Free TheFox iPhone 6 PSD Mock-Ups Template

images6

8つの背景別にiPhone6が配置されており、これだけでLPの印象を決めるメインイメージを作ることができます。
中でもソリッドなプロダクトデザインとグランジな背景のファイルは、ユニークです。

https://www.behance.net/gallery/24091943/8-Free-TheFox-iPhone-6-PSD-Mock-Ups-Template

7.FREE iPhone 6 PSD Mockups

images7

とにかくスタイリッシュな雰囲気を持つモックアップ。
斜めと正面の絵がありますが、あなたのイメージを配置するだけで圧倒的にクリエイティブなデザインができあがるだけでなく、6000×3381pxという超高画質なので、ここぞという時に使いたいですね。

https://www.behance.net/gallery/19500849/iPhone-6-PSD-Mockups

8.Iphone 6 Photorealistic Free Mockups

images8

クールなエフェクトが加えられた画像が印象的なモックアップ。
ある程度、使用するシーンが想定できるものばかりなので、そのままランディングページで使えそうです。
スマートオブジェクトで構成されているのも使いやすくて良いですね。

http://www.graphicsfuel.com/2014/11/iphone-6-photorealistic-free-mockups/

9.Hand holding vertical iPhone Mockup

images9

なんだかんだ言っても最も汎用性が高く、そして実際に多くのランディングページで使用されているのは手に持ったiPhoneをクローズアップしたものです。
2700×2072pxという高画質かつ、雰囲気ある画像なので、結果これが一番使いやすいPSDはこれかもしれません。

https://www.mockupworld.co/free/hand-holding-vertical-iphone-mockup/

10.iPhone Perspective Screen Mockup

images10

手元のクローズアップの中でもとりわけアプリの紹介に適した、モダンなモックアップがこちら。
3500×2300pxと大きなファイルで、画像を差し替えるだけで簡単にアプリのLPにピッタリなメインイメージが作成できることでしょう。

https://www.mockupworld.co/free/hand-holding-vertical-iphone-mockup/