ワイヤーフレーム・プロトタイプ作成に使えるツール・素材のまとめ

スポンサードリンク

ワイヤーフレーム作成に使えるツール・素材をまとめてみました~。

ワイヤーフレームの素材

http://theycallmecrowe.com/advice/crowe-wireframekit.html
C.ROWE – Wireframe Kit
フォーマットは EPS なので、Illustrator で編集できます。
個人でも商用でも無料で利用可能。

http://zurb.com/playground/foundation-stencil-sets
Foundation 3 Stencil Sets
CSS フレームワークの Foundation が配布している UI キット。
フォーマットは PDF なので、Illustrator で編集できます。

http://www.pixeden.com/web-wireframing/webpage-wireframe-stencil
Webpage Wireframe Stencil
フォーマットは AI なので、Illustrator で編集できます。

http://www.teehanlax.com/blog/iphone-sketch-elements-ai/
iPhone Sketch Elements AI
フォーマットは AI なので、Illustrator で編集できます。

http://graphicburger.com/app-wireframes-kit/
App Wireframes Kit
フォーマットは AI なので、Illustrator で編集できます。
個人でも商用でも無料で利用可能。

ワイヤーフレーム作成ツール

ワイヤーフレームを作成するのに便利なツールをまとめました。

http://pencil.evolus.vn/
Pencil Project
ローカルマシンインストール型。
無料で使えます。
使用感レビュー 書きました。

http://www.justinmind.com/
Justinmind: Interactive wireframes for web and mobile
無料版で使えるのは、各パーツのウィジェット、PDF・画像書き出し、リンク機能のみです。

https://prottapp.com/ja/
Prott – Rapid prototyping tool. Now gets an app.
有料プランじゃないとワイヤーフレームは描けない。

ワイヤーフレームを書くツールをまとめているページ

プロトタイプ作成ツール

プロトタイプを作成するのに便利なツールをまとめました。基本的に画像を読み込んでインタラクションを付けるツールです。

http://popapp.in/jp
POP – ペーパープロトタイピング | Mobile App Prototyping Made Easy
紙に書いたワイヤーフレームを読み込んで、ホットスポットを設定できるツール。

http://www.invisionapp.com/
Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision
デザイン画像を読み込んでインタラクションを設定できる。

https://marvelapp.com/
Free mobile & web prototyping (iOS, iPhone, Android) for designers – Marvel
未試用

他にも見つけたら追記します!

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。