iPhoneの無料モックアップ素材52個まとめ(psd,ai,sketch)

cap

この記事では、無料でダウンロードできるiPhoneのモックアップ素材を紹介します。

モックアップを使うことで、作成したデザインをより魅力的に仕上げることができます。クライアントへのプレゼンテーションや、サイトやアプリを紹介する際に使うと効果的です。

多くの素材が、スクリーン部分の画像を作成したデザインに差し替えるだけで、利用することができます。ボタンのデザインやフレームのデザインを忠実に再現しているモックアップもあります。

iPhone 6、iPhone 6 Plus、iPhone 5が揃っています。ファイル形式はPhotoshopで使えるpsdファイルが多いですが、Illustratorで使えるaiファイルや、Sketch用の素材もあります。

スポンサーリンク

目次

iPhone 6のモックアップ

使いやすいiPhone 6のモックアップ

シンプルで使いやすいデザインのモックアップです。

cap
iPhone 6 Psd Vector Mockup
ファイル形式: psd

ハイクオリティな斜めのiPhone 6のモックアップ

斜めから見た、iPhone 6のモックアップです。

cap02
3-4 iPhone 6 Psd Vector Mockup
ファイル形式: psd

iPhone 6、4色セット

シルバー・スペースグレイ・ゴールド・ローズゴールド(ピンク)の4色がセットになっています。

cap
iPhone 6S – Free PSD Mockup
ファイル形式: psd

ローズゴールドのiPhon 6モックアップ

ロズゴールドカラー(ピンク)のiPhone 6のモックアップです。3種類のアングルがセットになっています。

cao01
iPhone 6s Psd Rose Gold Mockup
ファイル形式: psd

細かく作りこまれたiPhone 6のモックアップ

細かく作りこまれていて、拡張性のあるモックアップです。

cap
iPhone 6 – Scalable Mockups 4.7′
ファイル形式: psd

斜めのiPhone 6

斜めの角度から見たiPhone 6のモックアップです。細部まで作りこまれています。

cap
iPhone 6 – Scalable Mockups 3/4
ファイル形式: psd

リアルなiPhone 6のモックアップ

リアルなデザインです。

cap13
Realistic iPhone 6 mock-up (PSD)
ファイル形式: psd

シンプルだからこそ使いやすいiPhone 6のモックアップ

シンプルな見た目ですが、とても使いやすそうな素材です。

800x600
Free Awesome iPhone 6+ Mockup
ファイル形式: psd

精密なiPhone 6のモックアップ

細かなビスの部分まで、精密に再現されています。

cap14
Free iPhone 6 4,7-inch Template [PSD]
ファイル形式: psd

シルバー、ゴールド、スペースグレイの3色セット

シルバー、ゴールド、スペースグレイの3色がセットになったiPhone 6のモックアップです。

cap
iPhone 6 Vector Mockups
ファイル形式: psd

立体的なデザインのiPhone 6

立体的なデザインです。

cap04
3D View iPhone 6 Psd Vector Mockup
ファイル形式: psd

かっこいいiPhone 6のモックアップ

iPhone 6がかっこ良く並んだモックアップです。デザインが映えそうですね。

cap27
Free IPhone 6 Mock up
ファイル形式: psd

フラットデザインのiPhone 6、iPhone 6sのモックアップ

フラットデザインが特徴のモックアップ素材です。

cap23
Flat Psd iPhone 6 & 6s Mockup
ファイル形式: psd

高解像度のiPhone 6のモックアップ

高解像度なモックアップ素材です。

05f36919665631.562de3b54bcdc
iPhone 6 free PSD Mockup (High Resolution)
ファイル形式: psd

横から見たiPhone 6のモックアップ

ディスプレイを水平に近い形で見たレイアウトです。

cap22
iPhone 6 PSD Mockup – Freebie
ファイル形式: psd

ミニマルなiPhone 6のモックアップ

ミニマルなデザインのiPhone 6のモックアップです。

iphone6-minimalbwrd
iPhone 6 Minimal PSD
ファイル形式: psd

iPhone 6 Plusのモックアップ

iPhone 6 Plusのハイクオリティなモックアップ

綺麗なiPhone 6 Plusのモックアップです。

cap06
iPhone 6 Plus Psd Vector Mockup
ファイル形式: psd

立体的なデザインのiPhone 6 Plus

立体的なiPhone 6 Plusです。

cap03
3D iPhone 6 Plus Psd Vector Mockup
ファイル形式: psd

ハイクオリティな斜めのiPhone 6 Plusのモックアップ

斜めから見たiPhone 6 Plusです。

cap02
3-4 iPhone 6 Plus Psd Vector Mockup
ファイル形式: psd

ハイクオリティな斜めのiPhone 6 Plusのモックアップ2

逆向きバージョンです。

cap05
3-4 iPhone 6 Plus Psd Vector Mockup 2
ファイル形式: psd

iPhone 6とiPhone 6 Plusのセット

iPhone 6とiPhone 6 Plusのモックアップセット

iPhone 6とiPhone 6 Plusがセットになっています。両方とも使いたい場合に、統一感が出るのでおすすめです。

cap07
Apple iPhone 6 and iPhone 6 Plus Mockup PSD
ファイル形式: psd

iPhone 6、iPhone 6 Plusのグリッド素材

10分割されたグリッド素材です。カラムデザインをする時に使えます。

grid
iPhone 6 Grid
ファイル形式: psd

シンプルなフレームだけのベクター素材

iPhone 6、iPhone 6 Plusのシンプルなベクター素材です。

cap26
iPhone6 Vector PSD
ファイル形式: psd

iPhone 5のモックアップ

ベクター形式のiPhone 5sモックアップ

全体的に細かい部分まで作りこまれています。

cap09
iPhone 5S Psd Vector Mockup
ファイル形式: psd

斜めのデザインのiPhone 5s

斜めから見たiPhone 5sのモックアップです。

cap10
3-4 iPhone 5S Psd Vector Mockup
ファイル形式: psd

立体的なiPhone 5sのモックアップ

立体的なデザインのiPhone 5sのモックアップです。

cap21
3D View iPhone 5S Psd Vector Mockup
ファイル形式: psd

ミニマルなiPhone 5sのモックアップ

ミニマルなデザインが特徴です。

cap11
iPhone 5s Minimal Gold – Free PSD
ファイル形式: psd

超シンプルなフラットデザインのiPhone 5s

とてもシンプルな、フラットデザインです。

cap12
iPhone 5S Flat Design(PSD)
ファイル形式: psd

宙に浮かんだiPhone 5

iPhone 5が宙に浮かんでいる、クールなデザインです。

cap25
iPhone 5 Levitation Mockup PSD
ファイル形式: psd

AI形式のモックアップ

Illustrator用のiPhone 6sとiPhone 6s Plusのモックアップセット

ai形式のモックアップセットです。

fig-02
Apple iPhone 6s & Plus Vector Mockup for Illustrator
ファイル形式: ai

Illustrator用のiPhone 6とiPhone 6 Plusのモックアップセット

iPhone 6とiPhone 6 Plusのバージョンもあります。

fig-02
Apple iPhone 6 & Plus Vector Mockup for Illustrator
ファイル形式: ai

PSDとAIファイルがセットになったiPhone 6のモックアップ

PSDとAIファイルがセットになっています。

cap30
IPHONE 6S PLUS FRONT AND ANGLED PSD + AI VECTOR MOCKUP
ファイル形式: psd、ai

Illustrator版のフラットなベクター形式のiPhone 6モックアップ

フラットなベクター形式のデザインです。

freebie-iphone-6-flat-vector-mockup-templates
iPhone 6 Flat Vector Mockup
ファイル形式: ai

Illustratorでも使えるフラットデザインのiPhone 6モックアップ

psdに加えて、aiファイルも入った、Illustratorでも使えるモックアップです。

iphone6_flat_presentation_dribbble
Flat iPhone 6 mockup
ファイル形式: psd、ai、eps

Illustrator形式のiPhone 6モックアップ

Illustrator形式のモックアップです。

shot
iPhone 6 Flat + Sketch / Freebie AI
ファイル形式: ai

ホワイトデザインのIllustrator形式のiPhone 6モックアップ

ai形式のホワイトカラーのiPhone 6です。

iphone6-flat-800x600
iPhone 6 – Illustrator Download

ファイル形式: ai

Illustrator用のai形式のiPhone 5sモックアップ

貴重なai形式のモックアップです。Illustratorで使えます。

5s
iPhone 5s Vector
ファイル形式: ai

Sketch形式のモックアップ

Sketchの使いやすいiPhone 6のモックアップ

Sketchで使える、iPhone 6のモックアップです。

cap31
iPhone 6 Sketch Template
ファイル形式: sketch

SketchのiPhone 6モックアップ

貴重なSketchのモックアップです。

iphone6
iPhone 6 .sketch Freebie
ファイル形式: sketch

ワイヤーフレームデザインの.eps、.ekatchファイル

.png .eps .sketchのファイルがセットになっています。ワイヤーフレームデザインに使えます。

iphone-6-plus---iphone-6-wireframe
iPhone 6 Plus and iPhone 6 Wireframe
ファイル形式: png、eps、sketch

写真を使ったリアルなモックアップ

ナチュラルな背景のiPhone 6モックアップ

iPhone 6、iPad Air 2を含む、4種類のモックアップ素材がセットになっています。背景写真は変更ができます。

cap02
iPhone 6 & iPad Air 2 Photo MockUps
ファイル形式: psd

10種類のアングルのiPhone 6モックアップ

10種類のアングルから撮影されたiPhone 6のモックアップです。

IMG_4940
Hosoren – 10 Photorealistic iPhone 6 Free PSD Mockups
ファイル形式: psd

レジャーな雰囲気を感じるiPhone 6s Plusのモックアップ

常夏のビーチを感じる背景写真が印象的です。

iphone-6s-plus-mockup1
IPhone 6s Plus Outdoor Mockups PSD
ファイル形式: psd

iOSアプリをリアルに見せる写真素材

手前と奥にデバイスを配置することで、イメージと、詳細なデザインを同時に見せることができます。

cap24
iOS App Showcase Mockup PSD
ファイル形式: psd

指の位置を自由に変更できるiPhone 6のモックアップ

女性が操作している指の位置を自由に動かすることができる、便利なモックアップです。

cap01
iPhone 6 / Android Mockup
ファイル形式: psd

ツイートで無料ダウンロードできるiPhone 6のモックアップ

ツイートすることで無料でダウンロードすることができます。有料版もあります。

cap
COOLMOCKUPS
ファイル形式: psd

シンプルで高品質なiPhone 5sのモックアップ

シンプルで使いやすい、iPhone 5sのモックアップです。

cap
Free iPad & iPhone 5s Mockups
ファイル形式: psd

4種類のiPhoneのモックアップ写真

4つの背景と組み合わせた、iPhoneのモックアップ写真です。

iphone_mockups_dribbble
Free iPhone Mockups – PSD
ファイル形式: psd

スマートなiPhoneのモックアップ

スマートな背景写真を使ったiPhoneのモックアップです。

iphone-1c
Iphone photorealistic mockups
ファイル形式: psd

フォトリアリスティックなiPhone 5

iPhone 5の写真モックアップ素材です。

cap17
Free Iphone 5 photorealistic mockups, new set!
ファイル形式: psd

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選
スポンサーリンク

関連記事 & スポンサーリンク

コメント

  • Posted on
  • Updated on
  • Views 21,990