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デザインキット。
Free Android GUI Set, PSD Files Included
実際のインターフェースデザインをそのまま再現したPhotoshop用PSDデザイン素材、プレゼンなどにも活用できそうです。
実際に使われているボタンやラジオボックス、プログレスバーなどUIデザインをまとめてダウンロード可能な素材キット。
ホーム画面にレイアウトされているアイコンやツールバーなどを再現したGUI素材セット。
iPad用デザイン素材
ボタンのベベル加工などをより追求したver.2となっており、ベクター化されているのでPhotoshopでも自由にサイズ変更可能。
こちらもPhotoshopで完全再現されたiPad用GUI素材、本体デザインも一緒に収録されていますよ。
Illustratorでデザインを作成される方はこちらのベクター素材はいかがでしょう。
iPhone用デザイン素材
iPhone 4 GUI PSD (Retina Display)
新しいバージョンも気になりますが、iPhone4のモックアップデザインはこちら、Ratinaディスプレイ対応の高解像度。
Fireworks Toolkit for Creating iPhone UI Mockups
ひとつ前のモデルとなりますが、Fireworksでデザイン編集可能なUI素材セット。
こちらはベクターでデザインされたIllustrator用UIデザイン素材セット。
その他スマートフォン端末用デザイン素材
Design Templates for Windows Phone 7
Windows携帯のモックアップデザインに対応したデザイン素材、ダウンロードが分かりにくいのでこちらから。
Windows Phone 7 Wireframe Kits
実際に使われているディスプレイ画面を再現したワイヤーフレームに対応したデザイン素材、Mac用ソフトOmnigraffleのみの使用となります。
日本では発売されているのでしょうか、Nokia製スマートフォン端末デザイン。
こちらも日本ではあまり見かけないスマートフォン端末用デザイン素材、待ち受け画面が、。
ウェブ、モバイル、アプリデザインをするときに便利なIllustrator用フリー素材29個まとめ
Illustrator用デザイン素材をお探しの方は、こちらも参考にいかがでしょう。
保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ
こちらのエントリーでもスマートフォン携帯端末を中心に無料素材まとめています。
[fancy_box][参照元 : Free Mobile Devices Prototyping Templates – Hongkiat.com][/fancy_box]
