この記事では、無料でダウンロードできるiPhoneのモックアップ素材を紹介します。
モックアップを使うことで、作成したデザインをより魅力的に仕上げることができます。クライアントへのプレゼンテーションや、サイトやアプリを紹介する際に使うと効果的です。
多くの素材が、スクリーン部分の画像を作成したデザインに差し替えるだけで、利用することができます。ボタンのデザインやフレームのデザインを忠実に再現しているモックアップもあります。
iPhone 7、iPhone 6、iPhone 6 Plus、iPhone 5が揃っています。ファイル形式はPhotoshopで使えるpsdファイルが多いですが、Illustratorで使えるaiファイルや、Sketch用の素材もあります。
- iPhone X、iPhone 8のモックアップ
- iPhone X、iPhone 8のSketch形式のモックアップ
- iPhone X、iPhone 8のAI形式のモックアップ
- iPhone X、iPhone 8の写真を使ったリアルなモックアップ
- iPhone 7のモックアップ
- iPhone 7のSketch形式のモックアップ
- iPhone 7のAI形式のモックアップ
- iPhone 7の写真を使ったリアルなモックアップ
- iPhone 6のモックアップ
- 使いやすいiPhone 6のモックアップ
- ハイクオリティな斜めのiPhone 6のモックアップ
- iPhone 6、4色セット
- ローズゴールドのiPhon 6モックアップ
- 細かく作りこまれたiPhone 6のモックアップ
- 斜めのiPhone 6
- リアルなiPhone 6のモックアップ
- シンプルだからこそ使いやすいiPhone 6のモックアップ
- 精密なiPhone 6のモックアップ
- シルバー、ゴールド、スペースグレイの3色セット
- 立体的なデザインのiPhone 6
- かっこいいiPhone 6のモックアップ
- フラットデザインのiPhone 6、iPhone 6sのモックアップ
- 高解像度のiPhone 6のモックアップ
- 横から見たiPhone 6のモックアップ
- ミニマルなiPhone 6のモックアップ
- iPhone 6 Plusのハイクオリティなモックアップ
- 立体的なデザインのiPhone 6 Plus
- ハイクオリティな斜めのiPhone 6 Plusのモックアップ
- ハイクオリティな斜めのiPhone 6 Plusのモックアップ2
- iPhone 6とiPhone 6 Plusのモックアップセット
- iPhone 6、iPhone 6 Plusのグリッド素材
- iPhone 6のSketch形式のモックアップ
- iPhone 6のAI形式のモックアップ
- iPhone 6の写真を使ったリアルなモックアップ
- iPhone 5のモックアップ
- iPhone 5のAI形式のモックアップ
- iPhone 5の写真を使ったリアルなモックアップ
iPhone X、iPhone 8のモックアップ
PhotoshopとSketchで使えるiPhone Xのモックアップ素材
プレゼンテーションなどに使いやすいiPhone Xのモックアップです。PhotoshopとSketchのファイルがセットになっています。カラーパターンも用意されています。
iPhone X Mockup Changeable Color
ファイル形式: PSD, Sketch
クリーンでミニマルなiPhone Xモックアップ
クリーンでミニマルな仕上がりのiPhone Xモックアップです。
Free Iphone X Mockup
ファイル形式: PSD
iPhone Xのフロントサイドモックアップ
正面レイアウトの正統派モックアップ素材です。
iPhone X Mockup – PSD
ファイル形式: PSD
Photoshop、Sketch、Adobe XDで使えるiPhone Xのモックアップ & UIデザインセット
Photoshop、Sketch、Adobe XDと主流のデザイン作成ソフト3種類をカバーしたモックアップ素材です。さらに、iOS 11のUIデザインリソースもセットになっています。
iPhone X Mockup & iOS 11 GUI
ファイル形式: PSD, Sketch, Adobe XD
5つのアングル、2色のカラーのiPhone Xモックアップ
アングルの異なる5つのタイプと、2色のカラーの組み合わせで10種類のパターンがセットになっています。
iPhone X – 10 Free PSD Mockups
ファイル形式: PSD
立体的なデザインのiPhone Xモックアップ
Cinema 4Dで作成された立体的なデザインが印象的なモックアップ素材です。PSD形式なのでPhotoshopで使えます。
iPhone X mockup
ファイル形式: PSD
高品質なiPhone Xモックアップ
高品質な仕上がりのiPhone Xモックアップです。
iPhone X ®
ファイル形式: PSD
iPhone X、iPhone 8のSketch形式のモックアップ
Sketchで使えるベクター形式のiPhone Xモックアップ
Sketchで作成されたベクター形式のiPhone Xモックアップです。
Iphone X Mockup Sketch Version
ファイル形式: Sketch
ダークとホワイトカラーのiPhone Xモックアップ
ダークとホワイトカラー、2色のiPhone Xモックアップです。
iPhone X Mockup Freebie!
ファイル形式: Sketch
PhotoshopとSketchで使えるiphone Xのモックアップ
PhotoshopとSketch用のファイルがセットになった、使いやすいモックアップ素材です。
[FREE] iPhone X Mockup
ファイル形式: PSD, Sketch
立体的な配置のクレイモックアップ
立体的な配置のiPhone Xのクレイモックアップです。PhotoshopとSketchで使えるファイルが入っています。
iPhone X Clay Mockup [freebie]
ファイル形式: PSD, Sketch
iPhone Xのシンプルなモックアップ
Sketchで作成されたiPhone Xのシンプルなモックアップ素材です。
iPhone X Sketch mockup
ファイル形式: Sketch
シンプルなラインで描かれたミニマルなSketch用のモックアップファイル
シンプルなラインで描かれており、ミニマルなデザインと相性のいいモックアップファイルです。プレゼンテーションの素材としても最適です。
Minimal iPhone X Mockup
ファイル形式: Sketch
Sketchで作成された高品質なiPhone Xモックアップ
Sketchで作成された高品質なiPhone Xのモックアップ素材です。
Vector iPhone X
ファイル形式: Sketch
iPhone X、iPhone 8のAI形式のモックアップ
Illustratorで使えるiPhone Xのモックアップ
Illustratorで作成されたiPhone Xのモックアップ素材です。
iPhone X Illustrations
ファイル形式: AI
iPhone X、iPhone 8の写真を使ったリアルなモックアップ
手に持ったiPhone Xのモックアップ
iPhone Xを手に持った状態のモックアップです。PhotoshopとSketch用のファイルがセットになっています。
New iPhone X Hands Mockups
ファイル形式: PSD, Sketch
爽やかな背景写真のモックアップ
iPhone Xを手に持った状態の爽やかな背景写真のモックアップです。5882 × 4636ピクセル、300dpiの超高解像度です。
Free iPhone X on Hand Mockup
ファイル形式: PSD
iPhone XとApple Watchがセットになったモックアップ素材
iPhone XとApple Watchのデザインがセットになったモックアップです。
iPhone X and Apple Watch Series 3 Mockup
ファイル形式: PSD
iPhone 7のモックアップ
ミニマルで使いやすいiPhone 7のモックアップ
ミニマルで使いやすいiPhone 7のモックアップです。
Minimal iPhone 7 Concept Template
ファイル形式: PSD
無重力状態のクールなiPhone 7のモックアップ
人気のジェットブラックカラーです。無重力状態のクールなレイアウトです。
Jetblack psd mockup
ファイル形式: PSD
ジェットブラックカラーのiPhone 7
こちらも人気のジェットブラックカラーです。iPhone 7とiPhone 7 Plus が真っ直ぐに並んでいます。
iPhone 7 Psd Jet Black Mockup
ファイル形式: PSD
4色正面レイアウトの正統派モックアップ素材
ブラック、ゴールド、ローズゴールド、シルバーの4色が揃っています。正統派の正面レイアウトです。
iPhone 7 Psd Mockup Vector
ファイル形式: PSD
超高解像度のiPhone 7モックアップ
Free iPhone 7 Mockup – PSD
ファイル形式: PSD
光沢感がよく表現されたiPhone 7のモックアップ
光沢感のあるデザインの高品質なiPhone 7のモックアップです。高級感を出したいときにおすすめです。
FREE iPhone 7 Jet Black mockup
ファイル形式: PSD
iPhone 7とiPhone 7 Plusのモックアップセット
正面レイアウトの使いやすいデザインで、iPhone 7とiPhone 7 Plusのそれぞれに対してゴールド、ブラック、ローズゴールド、ジェットブラック、シルバーの5色が用意されています。
iPhone 7 – Free PSD Mockup
ファイル形式: PSD
フロントサイドとバックサイドが重なったレイアウトのiPhone 7モックアップ素材
フロントサイドとバックサイドが無重力状態で重なっています。ゴールド、ブラック、ローズゴールド、ジェットブラック、シルバーの5色があります。
Realistic iPhone 7 Plus Mockup Pack
ファイル形式: PSD
ワイヤレスイヤホンのAirPodsが付属したモックアップ素材
ワイヤレスイヤホンのAirPodsが付属しているiPhone 7のモックアップ素材です。
iPhone 7 Mockups – PSD
ファイル形式: PSD
ジェットブラックカラーの無料モックアップ素材
ジェットブラックカラーの無料モックアップ素材です。
iPhone 7 Mockup [PSD]
ファイル形式: PSD
iPhone 7のSketch形式のモックアップ
Sketchで使える高解像度のiPhone 7のモックアップ素材
高解像度のiPhone 7のモックアップ素材です。ブラック、ホワイト、シルバー、ゴールド、グレイの5色が用意されています。
Free iPhone 7 Mockup
ファイル形式: PSD, Sketch
Sketch形式の使いやすい無料モックアップ素材
Sketchで使えるiPhone 7の無料モックアップ素材です。
Free iPhone 7 Sketch Mockup
ファイル形式: Sketch
ジェットブラックカラーのモックアップ素材
SketchのためにデザインされたジェットブラックカラーのiPhone 7のモックアップ素材です。
Free iPhone 7 – Jet Black Sketch Mockup
ファイル形式: Sketch
フロントとバックのモックアップ
フロントとバック、両方の面が用意されたiPhone 7モックアップです。
Free iPhone 7 Mockup
ファイル形式: Sketch
iPhone 7のAI形式のモックアップ
Illustratorで使えるAI形式のiPhone 7モックアップ
Illustratorで使えるAI形式のファイルが入ったiPhone 7の無料モックアップ素材です。
Free Vector Apple iPhone 7 Jet Black Mock-up In Ai & EPS Format
ファイル形式: AI, EPS
iPhone 7の写真を使ったリアルなモックアップ
リアルな写真が背景に配置されたiPhone 7の無料モックアップ
リアルな写真が背景に配置されたiPhone 7の無料モックアップ素材です。8種類のパターンが用意されています。
8 Photorealistic iPhone 7 Mockups
ファイル形式: PSD
iPhone 6のモックアップ
使いやすいiPhone 6のモックアップ
シンプルで使いやすいデザインのモックアップです。
iPhone 6 Psd Vector Mockup
ファイル形式: PSD
ハイクオリティな斜めのiPhone 6のモックアップ
斜めから見た、iPhone 6のモックアップです。
3-4 iPhone 6 Psd Vector Mockup
ファイル形式: PSD
iPhone 6、4色セット
シルバー・スペースグレイ・ゴールド・ローズゴールド(ピンク)の4色がセットになっています。
iPhone 6S – Free PSD Mockup
ファイル形式: PSD
ローズゴールドのiPhon 6モックアップ
ロズゴールドカラー(ピンク)のiPhone 6のモックアップです。3種類のアングルがセットになっています。
iPhone 6s Psd Rose Gold Mockup
ファイル形式: PSD
細かく作りこまれたiPhone 6のモックアップ
細かく作りこまれていて、拡張性のあるモックアップです。
iPhone 6 – Scalable Mockups 4.7′
ファイル形式: PSD
斜めのiPhone 6
斜めの角度から見たiPhone 6のモックアップです。細部まで作りこまれています。
iPhone 6 – Scalable Mockups 3/4
ファイル形式: PSD
リアルなiPhone 6のモックアップ
リアルなデザインです。
Realistic iPhone 6 mock-up (PSD)
ファイル形式: PSD
シンプルだからこそ使いやすいiPhone 6のモックアップ
シンプルな見た目ですが、とても使いやすそうな素材です。
Free Awesome iPhone 6+ Mockup
ファイル形式: PSD
精密なiPhone 6のモックアップ
細かなビスの部分まで、精密に再現されています。
Free iPhone 6 4,7-inch Template [PSD]
ファイル形式: PSD
シルバー、ゴールド、スペースグレイの3色セット
シルバー、ゴールド、スペースグレイの3色がセットになったiPhone 6のモックアップです。
iPhone 6 Vector Mockups
ファイル形式: PSD
立体的なデザインのiPhone 6
立体的なデザインです。
3D View iPhone 6 Psd Vector Mockup
ファイル形式: PSD
かっこいいiPhone 6のモックアップ
iPhone 6がかっこ良く並んだモックアップです。デザインが映えそうですね。
Free IPhone 6 Mock up
ファイル形式: PSD
フラットデザインのiPhone 6、iPhone 6sのモックアップ
フラットデザインが特徴のモックアップ素材です。
Flat Psd iPhone 6 & 6s Mockup
ファイル形式: PSD
高解像度のiPhone 6のモックアップ
高解像度なモックアップ素材です。
iPhone 6 free PSD Mockup (High Resolution)
ファイル形式: PSD
横から見たiPhone 6のモックアップ
ディスプレイを水平に近い形で見たレイアウトです。
iPhone 6 PSD Mockup – Freebie
ファイル形式: PSD
ミニマルなiPhone 6のモックアップ
ミニマルなデザインのiPhone 6のモックアップです。
iPhone 6 Minimal PSD
ファイル形式: PSD
iPhone 6 Plusのハイクオリティなモックアップ
綺麗なiPhone 6 Plusのモックアップです。
iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD
立体的なデザインのiPhone 6 Plus
立体的なiPhone 6 Plusです。
3D iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD
ハイクオリティな斜めのiPhone 6 Plusのモックアップ
斜めから見たiPhone 6 Plusです。
3-4 iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD
ハイクオリティな斜めのiPhone 6 Plusのモックアップ2
逆向きバージョンです。
3-4 iPhone 6 Plus Psd Vector Mockup 2
ファイル形式: PSD
iPhone 6とiPhone 6 Plusのモックアップセット
iPhone 6とiPhone 6 Plusがセットになっています。両方とも使いたい場合に、統一感が出るのでおすすめです。
Apple iPhone 6 and iPhone 6 Plus Mockup PSD
ファイル形式: PSD
iPhone 6、iPhone 6 Plusのグリッド素材
10分割されたグリッド素材です。カラムデザインをする時に使えます。
iPhone 6 Grid
ファイル形式: PSD
iPhone 6のSketch形式のモックアップ
Sketchの使いやすいiPhone 6のモックアップ
Sketchで使える、iPhone 6のモックアップです。
iPhone 6 Sketch Template
ファイル形式: Sketch
SketchのiPhone 6モックアップ
貴重なSketchのモックアップです。
iPhone 6 .Sketch Freebie
ファイル形式: Sketch
ワイヤーフレームデザインの.eps、.ekatchファイル
.png .eps .Sketchのファイルがセットになっています。ワイヤーフレームデザインに使えます。
iPhone 6 Plus and iPhone 6 Wireframe
ファイル形式: PNG、EPS、Sketch
iPhone 6のAI形式のモックアップ
Illustrator用のiPhone 6sとiPhone 6s Plusのモックアップセット
ai形式のモックアップセットです。
Apple iPhone 6s & Plus Vector Mockup for Illustrator
ファイル形式: AI
Illustrator用のiPhone 6とiPhone 6 Plusのモックアップセット
iPhone 6とiPhone 6 Plusのバージョンもあります。
Apple iPhone 6 & Plus Vector Mockup for Illustrator
ファイル形式: AI
PSDとAIファイルがセットになったiPhone 6のモックアップ
PSDとAIファイルがセットになっています。
IPHONE 6S PLUS FRONT AND ANGLED PSD + AI VECTOR MOCKUP
ファイル形式: PSD、AI
Illustrator版のフラットなベクター形式のiPhone 6モックアップ
フラットなベクター形式のデザインです。
iPhone 6 Flat Vector Mockup
ファイル形式: AI
Illustratorでも使えるフラットデザインのiPhone 6モックアップ
psdに加えて、aiファイルも入った、Illustratorでも使えるモックアップです。
Flat iPhone 6 mockup
ファイル形式: PSD、AI、EPS
Illustrator形式のiPhone 6モックアップ
Illustrator形式のモックアップです。
iPhone 6 Flat + Sketch / Freebie AI
ファイル形式: AI
ホワイトデザインのIllustrator形式のiPhone 6モックアップ
ai形式のホワイトカラーのiPhone 6です。
iPhone 6 – Illustrator Download
ファイル形式: AI
iPhone 6の写真を使ったリアルなモックアップ
ナチュラルな背景のiPhone 6モックアップ
iPhone 6、iPad Air 2を含む、4種類のモックアップ素材がセットになっています。背景写真は変更ができます。
iPhone 6 & iPad Air 2 Photo MockUps
ファイル形式: PSD
10種類のアングルのiPhone 6モックアップ
10種類のアングルから撮影されたiPhone 6のモックアップです。
Hosoren – 10 Photorealistic iPhone 6 Free PSD Mockups
ファイル形式: PSD
レジャーな雰囲気を感じるiPhone 6s Plusのモックアップ
常夏のビーチを感じる背景写真が印象的です。
IPhone 6s Plus Outdoor Mockups PSD
ファイル形式: PSD
iOSアプリをリアルに見せる写真素材
手前と奥にデバイスを配置することで、イメージと、詳細なデザインを同時に見せることができます。
iOS App Showcase Mockup PSD
ファイル形式: PSD
指の位置を自由に変更できるiPhone 6のモックアップ
女性が操作している指の位置を自由に動かすることができる、便利なモックアップです。
iPhone 6 / Android Mockup
ファイル形式: PSD
ツイートで無料ダウンロードできるiPhone 6のモックアップ
ツイートすることで無料でダウンロードすることができます。有料版もあります。
COOLMOCKUPS
ファイル形式: PSD
iPhone 5のモックアップ
ベクター形式のiPhone 5sモックアップ
全体的に細かい部分まで作りこまれています。
iPhone 5S Psd Vector Mockup
ファイル形式: PSD
斜めのデザインのiPhone 5s
斜めから見たiPhone 5sのモックアップです。
3-4 iPhone 5S Psd Vector Mockup
ファイル形式: PSD
立体的なiPhone 5sのモックアップ
立体的なデザインのiPhone 5sのモックアップです。
3D View iPhone 5S Psd Vector Mockup
ファイル形式: PSD
ミニマルなiPhone 5sのモックアップ
ミニマルなデザインが特徴です。
iPhone 5s Minimal Gold – Free PSD
ファイル形式: PSD
超シンプルなフラットデザインのiPhone 5s
とてもシンプルな、フラットデザインです。
iPhone 5S Flat Design(PSD)
ファイル形式: PSD
宙に浮かんだiPhone 5
iPhone 5が宙に浮かんでいる、クールなデザインです。
iPhone 5 Levitation Mockup PSD
ファイル形式: PSD
iPhone 5のAI形式のモックアップ
Illustrator用のai形式のiPhone 5sモックアップ
貴重なai形式のモックアップです。Illustratorで使えます。
iPhone 5s Vector
ファイル形式: AI
iPhone 5の写真を使ったリアルなモックアップ
シンプルで高品質なiPhone 5sのモックアップ
シンプルで使いやすい、iPhone 5sのモックアップです。
Free iPad & iPhone 5s Mockups
ファイル形式: PSD
4種類のiPhoneのモックアップ写真
4つの背景と組み合わせた、iPhoneのモックアップ写真です。
Free iPhone Mockups – PSD
ファイル形式: PSD
スマートなiPhoneのモックアップ
スマートな背景写真を使ったiPhoneのモックアップです。
Iphone photorealistic mockups
ファイル形式: PSD
フォトリアリスティックなiPhone 5
iPhone 5の写真モックアップ素材です。
Free Iphone 5 photorealistic mockups, new set!
ファイル形式: PSD