プロジェクトメンバーが幸せになれるワイヤーフレームの作り方 : LINE Corporation ディレクターブログ

こんにちは、livedoor Blog 担当の飯田です。 ちょうど新機能のワイヤーフレームを描いている最中だったので、今回は正解があるようで無いディレクターのメイン業務の一つ、ワイヤーフレームについて自分なりにどう考えて作っているかを簡単にまとめてみました。 特にワイヤーフレームをこれから初めて作ってみるという人の参考になればと。 ワイヤーフレームって？ ウェブサイトを構成する要素・動作をまとめた資料になります。構成書・モック・スケルトン・青写真と呼び方は人それぞれです。 ということで、実際以下の感じでワイヤーフレームを作っていきます。 とりあえず紙に描く 頭の中で考えていることをとにかく裏紙などを利用して紙に描いてみます。ワイヤーフレームと聞いてデジタルなイメージがありますが、こうした構想やアイデアベースの状態のときは、たくさん手を頭を動かして思いを出し切った方が整理がしやすくなります。

[tyr777]

1.誰でも容易に閲覧できる 2.変更・修正が簡単にできる 3.二次利用することができる 4.デザイン・レイアウトを示す要素は極力省く

[d4-1977]

ワイヤーフレーム、結局、HTMLで書いた方がいいんだろうなあ。一カテゴリーの階層を深くまでワイヤーフレームで用意するとか

[yomogi]

ワイヤーはHTMLで、という流れがあるとか。そういえば名古屋の某社はHTMLでつくってたなぁ。

[matuix]

ワイヤーフレームをマークアップで作るって、Dreamweaverのようなエディタを使わないと厳しいんじゃないかな。。。

[site159]

ワイヤーに引っ張られるデザイナーも嫌いだけど　ワイヤーを強制するディレク、クライアントも大嫌いだ　ああデコレーションすればいいんですね　わかりました

[jun200]

大事だから2回いう