画面設計による質の向上

皆さん画面設計してますか?

ウェブマーケティング、ウェブテクノロジーも進化した昨今、ページを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の同梱、問題がありそうなら削除します。)

コメントをどうぞ

トラックバック URL

トラックバック

このブログのフィード