古いモックアップ素材はアップデート! iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ
Post on:2022年9月26日
2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。
Webサイトやスマホアプリのプレゼン・UIデザインで使える高品質で、ディテールまで忠実に再現されたモックアップ素材で、Adobe XD, Figma, Photoshop, Illustratorなど、さまざまなフォーマットが揃っています。

モックアップ素材の前に、先日リリースされたiOS 16のUI Kitもあるので、紹介しておきます。

iOS 16 UI Kit for Figma
個人・商用利用無料、フォーマット: Figma
Figmaにログイン後、上部の「コピーを取得する」ボタンをクリック。
iPhone 14, iPhone 14 Proのモックアップ素材は、ここから。
ここで紹介しているモックアップ素材はすべて無料でダウンロードできます。商用利用無料(一番下だけ個人利用)で、さまざまなプロジェクトで使用できます。

iPhone 14 Pro Mockup Free
個人・商用利用無料、フォーマット: .xd
ダウンロードは、右サイドバーの「ファイル」ボタンをクリック。

iPhone 14 Pro Free Mockup
個人・商用利用無料、フォーマット: Figma
Figmaにログイン後、上部の「コピーを取得する」ボタンをクリック。

20+ iPhone 14 Mockups
個人・商用利用無料、フォーマット: Figma
Figmaにログイン後、上部の「コピーを取得する」ボタンをクリック。

iPhone 14 Pro Mockup
個人・商用利用無料、フォーマット: Figma
Figmaにログイン後、上部の「コピーを取得する」ボタンをクリック。

iPhone 14 Precise Mockups & Bezels
個人・商用利用無料、フォーマット: Figma
Figmaにログイン後、上部の「コピーを取得する」ボタンをクリック。

Free iPhone 14 Pro / Pro Max PSD & Vector Ai Mockups
個人・商用利用無料、フォーマット: .psd, .ai
ダウンロードはページ下部の「DOWNLOAD」ボタンをクリック。

iPhone 14 Pro Mockup
個人・商用利用無料、フォーマット: .psd
ダウンロードはページ下部のGumroadからクーポンコード(asylab14pro)を入力してO円で購入。

Free iPhone 14 Pro mockup
個人・商用利用無料、フォーマット: .psd, .jpg
ダウンロードはサイドバー下部の「DOWNLOAD」ボタンをクリック。

iPhone 14 pro mockup
個人利用無料、フォーマット: .psd, .jpg
ダウンロードはサイドバーの「DOWNLOAD」ボタンをクリック。

iPhone 14 pro mockup
個人利用無料、フォーマット: .psd, .jpg
ダウンロードはサイドバーの「DOWNLOAD」ボタンをクリック。
sponsors