WEBディレクターズマニュアル

WEBディレクターなら参考にしたい手書きの画面設計書

様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってますが、ぜひとも参考にしたい手書きのワイヤーフレームを紹介します。

まずはPCサイトですが、実物とあわせてどうぞ。

Five Years of Firefox


sketched_wf_01.jpg

Cartoonity.com


sketched_wf_02.jpg

Cloudvox


sketched_wf_03.jpg

続いて需要も増えてきたスマートフォン用のワイヤーフレームです。


sketched_wf_04.jpg


sketched_wf_05.jpg


sketched_wf_06.jpg

もっと見たい方はこちら

ちなみにいろいろ試してみて自分なりにはPower Pointに落ち着いた感じはあるんですが、手書きの方がいい場合もありますね。

あわせてこちらの記事もどうぞ

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(1)作業スケジュール

    個人的な感覚値ですが、優秀なWEBディレクターさんは総じてMS Exc…

  2. WEB制作関連

    より良いナビゲーションにするためのjQueryプラグイン40個

    見た目だけでなく、動きやスピードなどの最適化も求められるナビゲーション…

  3. WEB制作関連

    色とWEBデザイン -オレンジ編-

    色別WEBデザインのまとめです。今回のテーマは「オレンジ」です。…

  4. WEB制作関連

    MT4.2でブログ記事に関連記事一覧を表示

    サイト内回遊を高めるために有効な関連記事表示。これを自分のブログに…

  5. WEB制作関連

    円形を効果的に使用したWEBデザイン50個

    WEBデザインはコーディングを含めグリッドをベースに考えることが多いと…

  6. WEB制作関連

    行政機関・自治体のWEBサイトまとめ

    首相官邸のWEBサイトの構築費が4500万で高すぎるなんで話題なってい…

コメント

  1. WEBディレクタなら参考にしたい手書きの画面設計書|designaholic -Creative Column-

    あとよむめも

  1. この記事へのトラックバックはありません。

  1. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」
  2. WEBマーケティング

    マーケティング心理学|両面提示と片面提示
  3. 話題・トレンド

    チョークで描かれた3Dアートがスゴすぎる。
  4. Design Items

    ドアストッパーが大変なことに
  5. WEB制作関連

    WEBサイト心理学|アフォーダンス理論
PAGE TOP
Top