iPhone, Androidの画面設計（Wireframe）用Free素材を探す

iPhone, Android Appを設計するにあたり、Wireframeを作成するための素材を集めたときの覚書.

前の記事で紹介したようにGoogle Docからtemplateを検索してもWireframeっぽいのが見つかる。

参考Site.

• WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ｜designaholic -Creative Column-
• Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報*ホームページを作る人のネタ帳

下記SiteからiPhone, AndroidのUI ComponentがDownload出来る。

• Android GUI PSD (High-Density) | Downloads | Teehan+Lax
• iPhone 4 GUI PSD (Retina Display) | Downloads | Teehan+Lax
• Blogspark | Blog Archive | Fireworks toolkit for creating iPhone UI mockups

結局、Fireworksを使って一からWireframeを書いた。Adobe Official Siteに作成方法があるので参考に。

• Fireworks ヘルプ | Fireworks ページを使用した Web サイトとインターフェイスのプロトタイプの作成

このFireworks拡張機能はInstallしておくと便利かも。

• 数値入りアタリ画像を作成できるFireworks機能拡張 Placeholder | ブロックワークス
• Placeholder - Adobe Fireworks Extensions, Commands and Panels - johndunning.com

 

 

< Related Posts >

• Google Docsの図形描画を使って画面設計する(Wireframe)