Twittermotoyamayuki.comBlog手書きワイヤーフレームのすすめ(PDFファイル付き)2011.03.08web皆さんワイヤーフレームは何で書かれてますか?私は最近、手書きでだいたいの枠組みだけ仕上げています。以前は「絵も字も苦手やし、最終的にPCで制作するんやから最初からPCの方が早い」と考えていました。実際、手書きでワイヤーフレーム書いてもなんやよ~分からん箱の集まりになるだけでイメージできなかったんです。そんな時、たまたまPCの無いところでイメージが浮かんで、たまたま目の前にあった紙が方眼紙でちょっと書いてみたろかいなと思ったところ、何とまぁスラスラ書けたんですね。それからはサイトデザインする前にワイヤーフレームを紙に書いています。書くと言っても上の写真に載せているような段階までです。おおまかなデザインまで仕上げる方もいらっしゃいますが、私の場合は枠組みだけです。イラストが苦手な私がなぜ手書きのワイヤーフレームなのか?理由をいくつか挙げてみます。複数パターンを書き出したときに見比べしやすい写真や文字はそもそも入らないと割り切れるので配置に集中しやすい丸っこさやとがってる感が出しやすい頭で描いているイメージはマウスではなくペンの方が具現化しやすい最も大きな理由は、やはり最後です。マウスでPCのツールを操るより、やっぱり手で直接書き出した方がよりダイレクトにアウトプットできると思うんです。今まではそれが出来ませんでした。いうより苦手意識ですかね。2つのツールを使うだけで、劇的に手書きワイヤーフレームが便利にそして見やすくなりました。グリッド付きの紙で書くと直線が書きやすいのと文字がまっすぐ書けます。これは手書きワイヤーフレームにとって非常に重要です。鉛筆は何度も書き直せることと、濃淡、太さが出せること。柔らかい芯がよいと思います(私は2Bを使っています)。方眼紙ではwebサイトというイメージが視覚的に捉えにくいので、ブラウザの枠を印刷して使用しています。理由はUIがシンプルで一番書きやすかったからってだけです。(ちなみにFF派)状況に合わせてA4の用紙に1つか2つ印刷して書いていきます。いつも印刷に使っているpdfを公開いたしますので、もし良ければお使いください。A4にブラウザが1つのページと2つのページがあります。ワイヤーフレーム用紙(グリッド付きブラウザ)今までワイヤーフレームもPC上で書かれていた方。1度手書きで作ってみてください。ツイートContactお仕事のご依頼、面白いことのお誘い、一度お話してみたい!などなど、完山祐毅へのお問い合わせは、下記のフォームよりお願いします。確認のメールが届きます。※多くのご相談・ご依頼をいただき誠にありがとうございます。当面のスケジュールが決まっているため、直近での作業が必要なご依頼についてはお請けいたしかねます。恐縮ではありますが、あらかじめご了承くださいませ。