GraveDollの備忘録ブログ

勉強したことや捗るグッズの備忘録です。

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

画面設計のイメージを伝えたいとき、ワイヤーフレームツールを使えば簡単にスマホの画面を描くことができます。
私はAndroidアプリの画面設計を伝えるとき、Pencilというフリーのツールを使っています。
Home - Pencil Project

使い方はドラッグアンドドロップでUIパーツを並べるだけなのでとても直感的で簡単です。
f:id:GraveDoll:20150120221950p:plain

こんな感じのワイヤーフレームをすぐに作ることができます。
UIパーツをただ並べただけですがw
f:id:GraveDoll:20150120224901p:plain

UIパーツにリンクを付加し、HTMLファイルで出力することで、画面遷移も表現することができます。
現在AndrodのUIパーツはICS時代のUIデザインですが、、、これからのアップデートに期待。