Advertisement

perspectivepsd_top

 

海外デザインブログWebDesignLedger.comで、スマートフォン用アプリデザインのモックアップ作成に役立つ、無料PhotoshopテンプレートPSD素材をまとめたエントリー「10 Free PSDs for Perspective App Mockups」が公開されていたので、今回はこちらをベースに、個人的に見つけたフリー素材も一緒にご紹介します。

 

 

一手間加えるだけで、大手企業が使用しているような、プロ級の仕上がりを体感することができ、デザインが上手くなった気分にもさせてくれます。プレゼンテーション資料などにもオススメしたい、無料デザインアイテムとなっています。

 

 

 

詳細は以下から。

 

 

 

遠近法で表現する、アプリ用モックアップ作成PSDキットまとめ

 

Perspective App Screen Mock-Up 5

半透明ガラスをモチーフに、遠近感たっぷりで描かれた、モックアップ用テンプレート素材。

005-perspective-glass-levels-mockup-app-ui-presentation-psd

 

 

インターフェースデザインが重なる、ぼかし具合もばっちり再現されています。

002-perspective-glass-levels-mockup-app-ui-presentation-psd

 

 

 

 iGravertical Screen Layers + iOS 7 Screen Converter

最大4種類のレイアウトを重ねて表示でき、床フロアに映されたドロップシャドウも素敵なテンプレート。

psds01

 

 

 

Perspective App Screens Mock-Up

複数のアプリ用レイアウトを、まとめて紹介したいときに便利な、遠近法を利用したテンプレート素材。

psds04

 

 

 

Isometric Perspective MockUp

平面的にデザインされたアプリレイアウトを、立体的に魅せることができるモックアップ素材。

Isometric-Perspective-Mock-Up-600

 

 

 

iPhone 6 Infinity

ディスプレイ画面をサイド部分まで、包みこんだスタイルがユニークな、スケッチスタイルのPSDファイル。

iPhone-6-Infinity-Template

 

 

 

Free iPhone 6 Concept Mockup Design PSD

同様に、iPhone 6のコンセプトデザインをベースに、Titterアプリデザインを再現したPSD。

iPhone-6-Concept-Mockup-PSD-cssauthor.com_1(2)

 

 

 

iPhone 6 Wrap Around

こちらも発売がたのしみな、iPhone 6のコンセプト用モックアップPSD素材。

iphone6_freebie_template

 

 

 

Perspective App Screen Mock-Up 4

絶妙なドロップシャドウが描かれた、アプリスクリーンのプレゼンテーション用PSD。

psds03

 

 

 

Perspective Screen MockUp vol.3

インターフェースの奥行き感に応じて4px、8pxなどこまかく設定されており、スマートオブジェクト機能の簡単編集も魅力的。

techandall_Perspective-Screen-MockUp-Vol-3_preview

 

 

 

Perspective Screen MockUp vol.2

4種類のインターフェース画面を、遠近法をつかって立体的に魅せてくれるアイテム。

TechAndAll_Perspective_Screen_MockUp_2_preview_main-642x336

 

 

 

Side by Side iPhone

ぼんやりと輝いているディスプレイ画面が印象的で、斜め45度に傾けたレイアウトがプレゼンテーション向け。

side-by-side-orig(2)

 

 

 

3D View iPhone 5C PSD Vector Mockup

先日公開されたばかりの、カラフルなiPhone 5Cを完全再現したベクター素材。詳しくはこちらのエントリーをどうぞ。

001-iphone-5C-mobile-celular-multicolors-isometric-view-3d-mock-up-psd(2)(3)(4)

 

 

 

3D iPhone 5 PSD Vector Mockup v2

拡大縮小可能な、ベクターで作成されたiPhone 5ホワイトのモックアップ。切り替えかのうな壁紙テクスチャ素材も一緒に収録。

002-iphone-5-mobile-white-celular-mock-up-psd-3d-perspective

 

 

 

iPhone X Concept Template

未来のiPhoneをイメージした、スリムスタイルのコンセプトデザイン用PSDファイル。

psds08

 

 

 

Free 3D Perspective Mockup

アプリデザインを扇状に並べ、各レイアウトの厚みを再現したモックアップ素材。

perspective-mockup_1x

 

 

 

Dribble Mobile Mockup In Perspective

スマートオブジェクト機能を使い、手軽にアプリ用インターフェースを埋め込むことができる、モックアップ用PSDファイル。

dribble_mobile_mockup_1x

 

 

 

Perspective App Screens Mock-Up 3

こちらは有料アイテムとなってしまいますが、ページをめくるようなレイアウトが再現されています。

001-app-screens-presentation-mock-up-psd

 

 

 

Isometric Mock-Up Actions

よりカスタマイズ性がアップした有料アイテムで、アプリレイアウトデザイン以外にも、利用したいアイテム数に応じて、超立体的に仕上げてくれるPhotoshopアクション素材。

isometric-mockup-premium

 

 

Webサイトで使われているUIデザインなどに、アクション素材を適用することで、より効果的なプレゼンテーション資料を作り上げることも出来そうです。

03_screenshot

 

 

参照元リンク : 10 Free PSDs for Perspective App Mockups – WebDesignLedger.com