Webサービスやアプリプロモーションサイト制作時に便利なデバイスモックアップ 100

  • Posted on
  • Category : Material
Webサービスやアプリプロモーションサイト制作時に便利なデバイスモックアップ 100

Webサービスやアプリのプロモーションサイト、ポートフォリオの実績紹介、HTML/CSSやCMSなどのテンプレート紹介時など、デバイスにそれらが実際に表示されているようなデザインをする際に便利なモックアップ素材のまとめです。モバイルやタブレットといった各デバイス素材はもちろん、ひとつの中にディスプレイからスマートフォンまで複数揃っているマルチデバイスセットや実際に使用しているかのような背景付きのタイプもあります。

※以下で紹介している素材を使用する際は、ライセンス等を各自で再度確認してください。

Webサービスやアプリプロモーションサイト制作時に便利なデバイスモックアップ 100 目次

  1. Multi Device
  2. Display & Macbook
  3. Tablet
  4. Mobile
  5. Scene

1. Multi Device

The Device Family [Freebie]

The Device Family [Freebie]

Free Flat MockUps

Free Flat MockUps

Flat Apple Devices MockUp

Flat Apple Devices MockUp

Free Apple devices mockup

Free Apple devices mockup

Mobile Template

Mobile Template

Responsive Showcase Mockup Pack

Responsive Showcase Mockup Pack

Flat Devices

Flat Devices

Flat Responsive Showcase Psd Vol2

Flat Responsive Showcase Psd Vol2

Apple Responsive Screen MockUps

Apple Responsive Screen MockUps

Shadow Series Apple iDevices

Shadow Series Apple iDevices

Responsive Showcase PSD Mockups

Responsive Showcase PSD Mockups

iPhone&Probook FREE Mockups

iPhone&Probook FREE Mockups

Web Collage with a perspective view

Web Collage with a perspective view

目次へ

2. Display & Macbook

iMac & Macbook Psd Flat Mockup

iMac & Macbook Psd Flat Mockup

Imac psd

Imac psd

[PSD] iMac + MacBook Retina

[PSD] iMac + MacBook Retina

PSD Macbook Air + Thunderbolt Display

PSD Macbook Air + Thunderbolt Display

photoshop vector display

photoshop vector display

Wide LED Apple Screen (Psd)

Wide LED Apple Screen (Psd)

Cinema Display Psd Mockup

Cinema Display Psd Mockup

Vectorized iMac

Vectorized iMac

Apple 27in LED Cinema Display

Apple 27in LED Cinema Display

Apple Monitor

Apple Monitor

MacBook Air Psd Mockup

MacBook Air Psd Mockup

MacBook Pro with Retina Display

MacBook Pro with Retina Display

MacBook Air

MacBook Air

MacBook Pro

MacBook Pro

retina mbp – freebie

retina mbp - freebie

mbp retina – freebie

mbp retina - freebie

Vectorized Macbook Pro

Vectorized Macbook Pro

MacBook Pro – 15 Scalable Mock-ups

MacBook Pro - 15 Scalable Mock-ups

目次へ

3. Tablet

Psd iPad Air Perspective Mockup

Psd iPad Air Perspective Mockup

iPad Air Psd Vector Mockup

iPad Air Psd Vector Mockup

Psd iPad Perspective Mockup

Psd iPad Perspective Mockup

Psd iPad Retina Mockup Template

Psd iPad Retina Mockup Template

iPad Mini Psd Vector Mockup

iPad Mini Psd Vector Mockup

iPad Psd Flat Mockup

iPad Psd Flat Mockup

iPad PSD Web Preview Mockup

iPad PSD Web Preview Mockup

Free iPad White Angle PSD

Free iPad White Angle PSD

New Ipad Air Mockup (Psd)

New Ipad Air Mockup (Psd)

Apple iPad Air Mockup PSD

Apple iPad Air Mockup PSD

iPad Air PSD Mockup

iPad Air PSD Mockup

iPad Air Template

iPad Air Template

iPad Air Mockup

iPad Air Mockup

iPad Mini – Vector .sketch

iPad Mini - Vector .sketch

iPad Mini Psd

iPad Mini Psd

iPad mini PSDs

iPad mini PSDs

[PSD] Nokia Lumia 2520 Mockup

[PSD] Nokia Lumia 2520 Mockup

Vector Nexus 10 Mockup Free PSD

Vector Nexus 10 Mockup Free PSD

8 FREE Nexus 7 PSD Mockup Templates

8 FREE Nexus 7 PSD Mockup Templates

目次へ

4. Mobile

頻繁に見かけるiPhoneだけでなく、Nexus、Galaxy、LumiaといったAndroid端末のモックアップもあり、テイストも忠実に再現されたものだけでなくフラットデザインタイプも多数あります。

iPhone 5S Psd Vector Mockup

3-4 iPhone 5S Psd Vector Mockup

3D View iPhone 5S Psd Vector Mockup

iPhone 5C Psd Vector Mockup

3-4 iPhone 5C Psd Vector Mockup

3D View iPhone 5C Psd Vector Mockup

Free Flat iPhone 5c&5s Mockup

iPhone 5 Psd Flat Design Mockup

iPhone 5s + iPhone 5c [PSD]

Flat Phones – PSD Freebie

Smartphones

Iphone 5 characteristic angle

iPhone 5S PSD

Nexus 5 Mockup

Free Nexus 5 PSD

Nexus 5 Mockup 1

Google Nexus 5 Screen Mock up

Nexus 5 Mockup PSD

Flat Nexus 5 3D – FREE PSD

Free Nexus 4 PSD

Samsung Galaxy S5 PSD Freebie

Samsung Galaxy S5 Mockups

[Free] Galaxy S4 Vectorial

Flat Galaxy S4 3D – FREE PSD

Galaxy S3 White

BlackBerry Z10 Flat MockUp

Free Xperia-Z PSD Mock-up

Flat NOKIA Lumia 920 3D MockUp

lumia 920 yellow

Freebie PSD: Nokia Lumia 920

Nokia Lumia 1020 Colorful MOCKUP

Free HTC ONE M8 Mock Up Template

Flat HTC One 3D Mockup FREEBIE

Vector HTC One PSD Download

Htc one template

Htc 8s free psd

htc 8x free psd

HTC. Huge and unreal

Xiaomi Mi2 freebie

目次へ

5. Scene

デスク上にある各デバイスで実際に表示させているように見せたり、スマートフォンで実際にアプリを操作しているかのような画像を作成する時に役立ちそうな素材です。

The Desk Template PSD

Macbook Air Screen Mock up

Free Showcase PSD

MacBook Air Mockup PSD

MacBook Air Mockup #2 PSD

Macbook Mockup Set (Free)

Iphone/Ipad PSD Mockup

Iphone 5S & 5C Mockup

Free iPhone Mockup PSD

iPhone 5s Mockup gold

(PSD) Nexus 5 in hand template

目次へ

以下でも同様にWebサービスやアプリプロモーションサイト制作時に使えるモックアップ素材を幾つかまとめており、実際に使用しているかのような画像を作成してくれるサービスやここでは紹介していない素材をまとめているので、興味ある方はこちらもご覧ください。

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。