スマホサイトやアプリのLPに便利！無料で使えるiPhoneのモックアップ9選

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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