Web制作に超便利!無料のプロトタイプ作成ツール

Webサイト『ASCII.jp』さんは、すてき過ぎるのでリンク集に登録済です。

メモ

日付 サイト名 はてブ おすすめ 直リン
2008/10/23 Web制作に超便利!無料のプロトタイプ作成ツール  Web制作に超便利!無料のプロトタイプ作成ツール

ASCII.jpさんからの引用

本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。

もっと記事を読むためにWebサイトへ飛ぶ »

Firefox3のアドオン「Pencil」

Webサイトの本格的な制作フェーズに入る前に、ちょっとどんな感じにするかプロトタイプを作成したい場合があります。そのようなときに役立つのが、Firefox3のアドオン「Pencil」です。

Pencilデモ画面

基本的な使い方は、次のような感じかと思います。

  • 左側にあるアイコン(部品)を、右側にドラッグ&ドロップします。
  • アイコン(部品)を右クリックし、「Properties...」を選択します。
  • 色やフォントを変更することができます。

ちなみに、自分で作成した画像を挿入したい場合は、「Bitmap image」をドラッグ&ドロップして、右クリックで[Actions]-[Change Image Source]を選べばよろしいかと思います。画像を選択することができます。

使用感

おそらく、すでにPhotoshopやFireworksなどで、プロトタイプを作成している人は「もどかしく感じる」のではないかと思います。「作っちゃった方が速いよ」といった感じです。

まったく画像編集ソフトを使用したことがない人や、あるいは今後、画像編集ソフトを使う必要がない人には、良いかもしれません。応用も利かないですからね。

関連情報

コメント

コメントするには、サインインが必要です。

また、SPAM、誹謗中傷などの不快なコメントは、当方の判断で削除させていただきますので、予めご了承ください。

コメント入力欄

トラックバック

このページにトラックバックする場合は、次のURLをご利用ください。トラックバックでは、言及リンクが基本になります。

また、当方の判断により、削除する場合があります。

トラックバック(0)

トラックバックURLです。

http://kumacrow.s79.coreserver.jp/mt4_21/mt-tb.cgi/222