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デザイン50個まとめ

    キャラクターのイラストを用いたWEBデザインのまとめです。&n…

  2. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ

    WEBサイトをコーディングする際にMicrosoftのワードで原稿をも…

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

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  4. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選

    ECサイトのデザインの際に参考にしたいWEBサイトのまとめです。…

  5. WEB制作関連

    色とWEBデザイン -ピンク編-

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

  6. WEB制作関連

    商品の魅せ方がお洒落なECサイト25個

    商品の魅せ方が参考になりそうなECサイトのまとめです。 (さら…

コメント

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

    あとよむめも

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

  1. 話題・トレンド

    Google検索の新機能「Google Instant」
  2. 話題・トレンド

    CGのようなストップモーションがカッコいい
  3. WEBマーケティング

    マーケティング心理学|バーナム効果
  4. WEBマーケティング

    WEB探 vol.01『metaphase column』
  5. WEBマーケティング

    WEB担当者の為のプロジェクト成功術 後編
PAGE TOP
Top