iPhone 6 & iPhone 6 Plusのモックアップ素材まとめ

  • Posted on
  • Category : Material
iPhone 6 & iPhone 6 Plusのモックアップ素材まとめ

iPhone 5sと5cが発表された時と同様に、やはり今回も発表からまだ数日しか経っていないにも関わらずDribbbleを中心に既に様々なところでiPhone 6とiPhone 6 Plusのモックアップ素材が作成・配布されているので、それらの中から目に付いたものをまとめました。また、iPhone 6に関連するワイヤーフレームや便利なグリッド素材もあります。

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

スクリーン部分のみ差し替えることができるというものも多くありますが、中にはボタンなどの細かい部分も全て忠実に再現しているモックアップもあり、テイストもリアルなものだけでなくフラットデザインで作成されたものもあります。
全体的に形式はPSDが多めですが、AIやSketch形式で配布している素材も若干あるので、見た目がほとんど変わらないものであれば自分がよく好んで使用する形式で選んでDLさせてもらうこともできます。

iPhone 6 – Free PSD Mockup

iPhone 6 - Free PSD Mockup

iPhone 6 Free PSD

iPhone 6 Free PSD

iPhone 6 – Free Scalable Mockups (Front, 3/4 views)

iPhone 6 - Free Scalable Mockups (Front, 3/4 views)

iPhone 6 Mockup

iPhone 6 Mockup

iPhone 6 Psd Vector Mockup

iPhone 6 Psd Vector Mockup

3-4 iPhone 6 Psd Vector Mockup

3-4 iPhone 6 Psd Vector Mockup

iPhone 6 Plus Psd Vector Mockup

iPhone 6 Plus Psd Vector Mockup

Apple iPhone 6 and iPhone 6 Plus Mockup PSD

Apple iPhone 6 and iPhone 6 Plus Mockup PSD

iPhone 6 (Free Mockup)

iPhone 6 (Free Mockup)

iPhone 6 Mock Up [PSD]

iPhone 6 Mock Up [PSD]

Realistic iPhone 6 mock-up (PSD)

Realistic iPhone 6 mock-up (PSD)

Free iPhone 6, 4.7-inch Template [PSD]

Free iPhone 6, 4.7-inch Template [PSD]

iPhone 6 Plus – Psd

iPhone 6 Plus - Psd

iPhone 6 Mockup

iPhone 6 Mockup

Iphone 6 Mockup Dribbble

Iphone 6 Mockup Dribbble

Iphone 6 Mockup

Iphone 6 Mockup

iPhone 6 .sketch Freebie

iPhone 6 .sketch Freebie

Flat iPhone 6 mockup

Flat iPhone 6 mockup

Free iPhone 6 and iPhone 5 plus PSD …

Free iPhone 6 and iPhone 5 plus PSD ...

(素材名や配布先でiPhone 5 plusと表記されていますが、iPhone 6 plusの間違いかと思います…。)

Iphone 6 (free mock-up)

Iphone 6 (free mock-up)

iPhone 6s / iPhone 6 Plus Flat PSD Template

iPhone 6s / iPhone 6 Plus Flat PSD Template

Apple iPhone 6 Flat Mockup

Apple iPhone 6 Flat Mockup

Free iPhone6 flat mockup

Free iPhone6 flat mockup

iPhone 6 / 6+ B&W #Freebies

iPhone 6 / 6+ B&W #Freebies

iPhone 6 & 6 Plus Free PSD Mockup

iPhone 6 & 6 Plus Free PSD Mockup

Minimal iPhone 6 PSD

Minimal iPhone 6 PSD

iPhone 6 Flat + Sketch / Freebie AI

iPhone 6 Flat + Sketch / Freebie AI

iPhone 6 – Illustrator Download

iPhone 6 - Illustrator Download

iPhone Mockup

iPhone Mockup

iPhone 6 Plus – Free Psd Flat Mockup

iPhone 6 Plus - Free Psd Flat Mockup

iPhone 6 Plus and iPhone 6 Wireframe

iPhone 6 Plus and iPhone 6 Wireframe

こちらはこれまでのものとは違いワイヤーフレーム素材。

iPhone 6 Plus and iPhone 6 Wireframe

iPhone 6 Plus and iPhone 6 Wireframe

こちらはグリッドレイアウトをデザインする時に便利そうな素材で、10カラム用でガイドも細かく設定されています。

Pure CSS Mobile Devices

また、以前「Pure CSSで作成された8種類のデバイスモックアップ「8 Pure CSS Mobile Devices」」で紹介させてもらった、CSSのみでモバイルデバイスを再現する「Pure CSS Mobile Devices」でもiPhone6とiPhone 6 PlusをCSSのみで再現したものが公開されていました。
他のデバイスと同様にカラーはもちろん、Portrait・Landscapeそれぞれの見栄えも用意されています。

以上、iPhone 6とiPhone 6 Plusのモックアップ素材のまとめでした。
同時に発表されたApple Watchのモックアップも別にまとめているので、興味ある方はこちらもご覧ください。

Back to Top

iPhone 6 & iPhone 6 Plusのモックアップ素材まとめ

iPhone 6 & iPhone 6 Plusのモックアップ素材まとめ

/ Material

Tagged with:

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のアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。