ウェブマーケティング、ウェブテクノロジーも進化した昨今、ページを1枚つくるのにも、Flashはもちろん、AJAXやら視線設計やら離脱率やらクリッカブル要素のCTRまで考えないといけません。

ですので、主要な画面や各ページのデザインパターンについて、書く役割の人がいる / いない、クライアントに提出する / しないに関わらず、コミュニケーションツールとして、ワイヤーフレームは必要です。

私はインフォメーションアーキテクトという職種上、ワイヤーフレームを書く機会がわりと多いのですが、Fireworksで書いてます。テンプレ機能やページ機能が便利。弊社IA陣もFireworksで書いてます。

・・・ということで、

「誰でも書けるワイヤーフレームキット for Fireworks」

をつくりました。

ダウンロード（Fireworks PNG）

よく分からない人でも、ガイドとグリッドに沿って四角形を直感的に書いていくだけで、それっぽいワイヤーフレームが・・・

ディレクターさんやデザイナーさんには、あーこのガイド位置便利！！と感じて頂ける仕様になっているかと思います。

グリッドの最小単位は30pxに設定。

ガイドはベースとなる基本比率に、ちゃっかり、うっかり、ミキさん話題の黄金比、hilokiさん話題の白銀比をおおよそ取り込んだガイド設計になっております。

ダマされたと思って本ガイドを活用ください。

ついでにYahoo! Design Stencil Kit version 1.0の中から、

Webサイトでよく使いそうなものをレイヤーにまとめて同梱しておきました。

(Yahoo!Design Stencil Kitの同梱、問題がありそうなら削除します。)

これから知恵とコネを最大限生かして、あれこれ書かせて頂きます。

まず最初に自己紹介をしますと・・・と、思ったけど、

記事が書きにくくなるので細かいことは書くのをやめました。

大阪にあるWebプロダクションで働いておりまして、

私がインフォメーションアーキテクチャ、KGMがインタラクティブディレクションを担当しております。

受注単価的には、おおよそ700〜1000万円、社員数30名くらいの規模の会社で働いています。

業務を通じて考えたこと・学んだことを紹介・共有することで、

関西のWeb業界がほんの少しでも元気になればいいなぁと思います。

来週からどうぞ皆様よろしくお願い致します。