Advertisement

flatuitemplate_top

 

UIデザイントレンドにもなっているフラットデザインは、ユーザーインターフェースの見た目を限りなく、平坦(フラット)にした表現テクニックです。そんなシンプルなデザインを、iPhoneやiPadのモックアップやワイヤーフレーム素材として活用してみませんか。

 

 

海外デザインブログDesignWoop.comで、特にiPhoneやiPadを使ったフラットデザインを制作するときに便利な、無料テンプレート素材をまとめたエントリー「Handy ‘Flat Design’ iPhone / iPad UI Templates」が公開されていたので、今回はご紹介します。

 

 

Webデザインの素材としてはもちろん、プレゼンテーション資料の作成などにも活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

iPhone / iPadをフラットデザイン化、無料テンプレート素材まとめ

 

Flat iPhone 4 & 5 Mockups

iPhone4と5に対応、白黒2バージョン、サイズ変更可能なPSDフォーマットと使い勝手のよい、良質無料テンプレート素材セット。

1(2)(3)flat

 

 

 

Mobile Flagships with PSD

iphone5の他に、Galaxy S3、Lumia 920の各種モバイル端末に対応した、フラットデザインなPSDテンプレート素材。

91flat

 

 

 

iPhone / iPad Freebies

気付かないほどの淡いドロップシャドウを加えることで、よりリアル感のあるフラットデザインを再現できます。

3(2)flat

 

 

 

iPhone / iPad Free bie rebound + Thunderbolt

上記PSDファイルに、他のデザイナーさんがデスクトップ用素材を追加、公開してくれていました。

61flat

 

 

 

Minimal iPhone 5 [White] Template

フラットデザインを採用しつつ、忠実に細かいディテールに再現した、立体的なiPhoneテンプレート素材。こちらは白バージョン。

7(2)flat

 

 

 

Minimal iPhone 5 [Black] Template

上記デザイン素材の黒バージョンを収録しています。

81flat

 

 

 

Device Templates

iPhone、iPadの他に、Android端末とブラウザ画面を淡い色使いで描いた、シンプルPSDファイルセット。

devices_frames

 

 

 

Apple Devices – Flat Icons (PSD)

iPhoneにiPad mini、iPad、Macbook、iMacとapple製品大集合のフラットデザイン対応の無料PSDテンプレート素材セット。

51flat

 

 

 

Flat Devices – iPhone / iPad

エメラルドグリーンに、サーモンピンク色の組み合わせがトレンドを感じる、カラフルPSDテンプレート。

Flat-Devices-iPad-iPhone

 

 

 

Flat iPhone 5 Mockup (Black, White)

こちらも色数を抑えた、シンプルな配色で構成されたiPhoneデバイスを再現したモックアップ素材。白、黒2バージョンをセットに。

102

 

 

 

Minimal iPhone 4 / iPhone 5 Templates

白黒2バージョンのiPhone 4&5だけでなく、ブループリント上にラインのみで描かれたデバイスモックアップも一緒に収録。

Pixels-Fullscreen

 

 

 

Apple Devices Part 2

Illustrator用EPSファイルで作成された、拡大縮小にも対応したデバイス用ワイヤーフレームコレクション。

freeappledevice

 

 

 

Wireframe

iPhoneアプリやモバイル用サイトデザインのモックアップに活用できる、ミニマルな無料PSDワイヤーフレーム素材。

41flat

 

 

 

Web / UX Design Wireframe Templates PSD

MacbookやデスクトップiMacにまで対応した、ワイヤーフレーム作業におすすめしたテンプレート素材。

wireframeTempalte

 

 

 

Wire Devices by Ari

ラインのみで描かれた、シンプルすぎるiPhoneとiPadのワイヤーフレーム素材セットで、アイデア次第で幅広い活用方法がありそうです。

wires

 

 

 

Flat 3D Mockup Kit

iPhoneやiPad、デスクトップPCの「さまざまな角度から見たモックアップ」を、フラットデザインで完成させる、19種類の有料テンプレート素材。イメージ画像を張り替えるだけの、簡単作業で完成です。

a26862359c484d1b273b2c914c267e7a

 

 

 

フラットデザインに採用決定、フリーアイコン素材まとめ

さらにデザイン性を高める、アイコンデザインも一緒に使ってみてはいかがでしょう。より分かりやすく、シンプルに伝えます。

freeflaticon_top

 

 

 

参照元リンク : Handy ‘Flat Design’ iPhone / iPad UI Templates – DesignWoop.com