本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
![Web制作に超便利!無料のプロトタイプ作成ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d5c0c4147de139aa44be6a55e5e0e119256574b/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2008%2F10%2F23%2F1567961%2Fl%2F5f1cd45fbe650ac9.jpg)