UIデザイントレンドにもなっているフラットデザインは、ユーザーインターフェースの見た目を限りなく、平坦（フラット)にした表現テクニックです。そんなシンプルなデザインを、iPhoneやiPadのモックアップやワイヤーフレーム素材として活用してみませんか。
海外デザインブログDesignWoop.comで、特にiPhoneやiPadを使ったフラットデザインを制作するときに便利な、無料テンプレート素材をまとめたエントリー「Handy ‘Flat Design’ iPhone / iPad UI Templates」が公開されていたので、今回はご紹介します。
Webデザインの素材としてはもちろん、プレゼンテーション資料の作成などにも活用してみてはいかがでしょう。
詳細は以下から。
iPhone / iPadをフラットデザイン化、無料テンプレート素材まとめ
iPhone4と5に対応、白黒２バージョン、サイズ変更可能なPSDフォーマットと使い勝手のよい、良質無料テンプレート素材セット。
iphone5の他に、Galaxy S3、Lumia 920の各種モバイル端末に対応した、フラットデザインなPSDテンプレート素材。
気付かないほどの淡いドロップシャドウを加えることで、よりリアル感のあるフラットデザインを再現できます。
iPhone / iPad Free bie rebound + Thunderbolt
上記PSDファイルに、他のデザイナーさんがデスクトップ用素材を追加、公開してくれていました。
Minimal iPhone 5 [White] Template
フラットデザインを採用しつつ、忠実に細かいディテールに再現した、立体的なiPhoneテンプレート素材。こちらは白バージョン。
Minimal iPhone 5 [Black] Template
上記デザイン素材の黒バージョンを収録しています。
iPhone、iPadの他に、Android端末とブラウザ画面を淡い色使いで描いた、シンプルPSDファイルセット。
Apple Devices – Flat Icons (PSD)
iPhoneにiPad mini、iPad、Macbook、iMacとapple製品大集合のフラットデザイン対応の無料PSDテンプレート素材セット。
エメラルドグリーンに、サーモンピンク色の組み合わせがトレンドを感じる、カラフルPSDテンプレート。
Flat iPhone 5 Mockup (Black, White)
こちらも色数を抑えた、シンプルな配色で構成されたiPhoneデバイスを再現したモックアップ素材。白、黒2バージョンをセットに。
Minimal iPhone 4 / iPhone 5 Templates
白黒２バージョンのiPhone 4&5だけでなく、ブループリント上にラインのみで描かれたデバイスモックアップも一緒に収録。
Illustrator用EPSファイルで作成された、拡大縮小にも対応したデバイス用ワイヤーフレームコレクション。
iPhoneアプリやモバイル用サイトデザインのモックアップに活用できる、ミニマルな無料PSDワイヤーフレーム素材。
Web / UX Design Wireframe Templates PSD
MacbookやデスクトップiMacにまで対応した、ワイヤーフレーム作業におすすめしたテンプレート素材。
ラインのみで描かれた、シンプルすぎるiPhoneとiPadのワイヤーフレーム素材セットで、アイデア次第で幅広い活用方法がありそうです。
iPhoneやiPad、デスクトップPCの「さまざまな角度から見たモックアップ」を、フラットデザインで完成させる、19種類の有料テンプレート素材。イメージ画像を張り替えるだけの、簡単作業で完成です。
さらにデザイン性を高める、アイコンデザインも一緒に使ってみてはいかがでしょう。より分かりやすく、シンプルに伝えます。
参照元リンク : Handy ‘Flat Design’ iPhone / iPad UI Templates – DesignWoop.com
