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

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

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

  2. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  3. WEB制作関連

    紙のテクスチャが素敵なWEBデザイン35個

    紙のテクスチャを用いたWEBデザインのまとめです。…

  4. WEB制作関連

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

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

  5. WEB制作関連

    特化したテーマのWEBデザインギャラリー7選+1

    昨日に引き続いてWEBデザインギャラリーのまとめです。今回はECサイト…

  6. WEB制作関連

    カッコいいグランジ風のフォント45個まとめ

    グランジ系フォントのまとめです。個人利用向け中心ですが好みのものが多か…

コメント

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

    あとよむめも

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

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

    WEBディレクターがスケジュールを引いてはいけない理由
  2. WEBマーケティング

    マーケティング心理学|バーナム効果
  3. WEB制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-
  4. WEB制作関連

    MT4.2にFCKEditorを導入しました。
  5. LifeHack・仕事術

    シンプルで高機能なタスク管理ツール「todoist」
PAGE TOP
Top