ファーストブランド

ユーザーエクスペリエンス

情報アーキテクチャ

Webブランディング

古上正時

素敵なサイト・資料

制作実績

ブログパーツ

リアルタイムインタラクティブ

ニコニコ動画

宣伝会議

高見龍也

パナソニック

岡田誠一

採用情報

Flash

One Show

SlideShare

ひろゆき

コミュニティ

ボールペン字

メナード

堂島マジック

新聞

視線設計

誰でも書ける!ワイヤーフレームキット

私は職種上、ワイヤーフレームを書く機会が多いのですが、昔デザインを少しやってたこともあり、Fireworksで書いてます。Fireworksが1番早い。で、最近ページ機能やテンプレ機能も充実してきたことで、弊社IA陣もFireworksで書いてます。・・・ということで、

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

をつくりました。

wireframe_Basic0702.gif

download_png.jpg

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

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

↓こんなワイヤーなんて一瞬で書けます。

WireFrame_Basic0702_sample.gif

グリッドの最小単位は30pxに設定。
ガイドはベースとなる基本比率に、黄金比 / 白銀比あたりを取り込んだ設計。

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

ついでにYahoo! Design Stencil Kit version 1.0の中から、
Webサイトでよく使いそうなものをレイヤーにまとめて同梱しておきました。
(問題がありそうなら削除します。)

download_png.jpg

ワイヤーフレームを書く時によく使われるソフトたち

Visio
OmniGraffle
Adobe Fireworks
Axure RP
SmartDraw
Adobe InDesign / Illustrator

お役立ちリンク

このブログをRSSリーダーで購読
Twitter
Tumblr

買った本の中からオススメをピックアップ。
新しいネタ探しはSlideShare

このブログについて

岡田誠一
インフォメーションアーキテクト。近畿大学理工学部卒業後、いくつかの企業・プロダクションを経て、2006年9月ファーストブランドに入社。

2008年度から宣伝会議 Webディレクション講座「ユーザーエクスペリエンスとコミュニケーションデザイン」の講師をやらせて頂いてます。

コメント・連絡先

このブログへのご意見・ご感想はメールアドレスまで。

ブログパーツ

あわせて読みたいブログパーツ
« クリックトラッキングとアイトラッキング | HOME | 採用活動いったん終了のお知らせ »