Advertisement

 

iPhone5が登場せずにがっかりのひとも多いのではないでしょうか。

普段の生活にかかすことの出来ないアイテムになりつつあるスマートフォン携帯、Webサイトも表示対応しているサイトが増えてきています。

 

海外デザインブログHongkiat.comで、モバイル用サイト作成に活用したいモックアップ用デザイン素材ーを各種端末ごとにまとめたエントリー「Free Mobile Devices Prototyping Templates – Best of」が公開されていたので、今回はご紹介します。

 

もちろんすべて無料ダウンロード可能となっており、PhotoshopやIllustrator、Fireworkなどさまざまなツールに対応している点もポイントです。

 

 

詳細は以下から。

 

 

モバイル用Webデザイン作成のモックアップに、デザイン素材まとめ

 

Android用デザイン

 

Android 2.3.4 GUI PSD (High=Density)

自由に拡大縮小できるベクターデザインで収録されており、全てのページを完全網羅したGUIデザインキット。

android-gui

 

 

Free Android GUI Set, PSD Files Included

実際のインターフェースデザインをそのまま再現したPhotoshop用PSDデザイン素材、プレゼンなどにも活用できそうです。

android-gui-set

 

 

Android 2.3 GUI

実際に使われているボタンやラジオボックス、プログレスバーなどUIデザインをまとめてダウンロード可能な素材キット。

android-23-gui

 

 

Android 2.0 – 2.1 GUI

ホーム画面にレイアウトされているアイコンやツールバーなどを再現したGUI素材セット。

android-20-21-gui

 

 

iPad用デザイン素材

 

iPad GUI PSD version 2

ボタンのベベル加工などをより追求したver.2となっており、ベクター化されているのでPhotoshopでも自由にサイズ変更可能。

ipad-gui

 

 

iPad GUI Kit in PSD Format

こちらもPhotoshopで完全再現されたiPad用GUI素材、本体デザインも一緒に収録されていますよ。

ipad-gui-kit

 

 

iPad Vector GUI Elements

Illustratorでデザインを作成される方はこちらのベクター素材はいかがでしょう。

ipad-vector-gui-elements

 

 

iPhone用デザイン素材

 

iPhone 4 GUI PSD (Retina Display)

新しいバージョンも気になりますが、iPhone4のモックアップデザインはこちら、Ratinaディスプレイ対応の高解像度。

iphone-4-gui

 

 

Fireworks Toolkit for Creating iPhone UI Mockups

ひとつ前のモデルとなりますが、Fireworksでデザイン編集可能なUI素材セット。

iphone-ui-mockups

 

 

iPhone UI Vector Elements

こちらはベクターでデザインされたIllustrator用UIデザイン素材セット。

iphone-ui-vector-elements

 

 

その他スマートフォン端末用デザイン素材

 

Design Templates for Windows Phone 7

Windows携帯のモックアップデザインに対応したデザイン素材、ダウンロードが分かりにくいのでこちらから。

design-templates-for-windows-phone-7

 

 

Windows Phone 7 Wireframe Kits

実際に使われているディスプレイ画面を再現したワイヤーフレームに対応したデザイン素材、Mac用ソフトOmnigraffleのみの使用となります。

windows-phone-7-wireframe

 

 

Mamo 5 GUI PSD version 0.9

日本では発売されているのでしょうか、Nokia製スマートフォン端末デザイン。

maemo-5-gui

 

 

Palm Pre GUI PSD

こちらも日本ではあまり見かけないスマートフォン端末用デザイン素材、待ち受け画面が、。

palm-pre-gui

 

 

ウェブ、モバイル、アプリデザインをするときに便利なIllustrator用フリー素材29個まとめ

Illustrator用デザイン素材をお探しの方は、こちらも参考にいかがでしょう。

 

 

保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ

こちらのエントリーでもスマートフォン携帯端末を中心に無料素材まとめています。

 

[fancy_box][参照元 : Free Mobile Devices Prototyping Templates – Hongkiat.com][/fancy_box]