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制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  2. WEB制作関連

    WEBサイト高速化に便利!「Google PageSpeed Insight」

    「0.1秒の遅れが1%の売上に影響する」と言われるくらいWEBマーケテ…

  3. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  4. WEB制作関連

    ダウンロードしておきたい便利なシルエット素材85セット

    人のいろいろな動きから動物、植物や街並みまでモチーフや世界観作りなどに…

  5. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選

    CSSをで制御して様々な演出をしているjQueryプラグインのまとめで…

  6. WEB制作関連

    無料で使えるワイヤーフレーム作成ツールまとめ

    ワイヤーフレームやモックアップを作成する際に利用できるWEBツールのま…

コメント

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

    あとよむめも

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

  1. Design Items

    紹介ムービーがカッコイイ!「魔法のハサミ」
  2. 話題・トレンド

    iTuneからの重大発表、その後。
  3. WEBマーケティング

    2010はてブ年間ランキングに学ぶ記事タイトルのつけ方。
  4. Design Items

    着替えも片付けもひとりでできる「Training Dresser」
  5. Design Items

    メビウスをモチーフにした信号機のアイデア
PAGE TOP
Top