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

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

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

  2. WEB制作関連

    ユーザビリティを向上させる25の高品質なアイコンセット

    絶妙な質感も持っていてWEBサイトのユーザビリティとデザインクオリティ…

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

    WEBディレクターがスケジュールを引いてはいけない理由

    プロジェクトを進める際には必ずスケジュールの提出を求められると思います…

  4. WEB制作関連

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

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

  5. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選

    そろそろ本格的に学びたいHTML5ですが、そんな時にぜひ参考にしたいW…

  6. WEB制作関連

    話題の「about.me」でプロフィールページをつくってみた。

    最近、Twitterなどでも自己紹介ページとして利用している人が増えて…

コメント

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

    あとよむめも

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

  1. ソーシャルメディア

    あなたも「いいね!」したくなるファンページのまとめ 海外編
  2. 話題・トレンド

    iTuneからの重大発表、その後。
  3. Design Items

    移動もできるスーツケースって?
  4. ソーシャルメディア

    Twitterがリニューアル。
  5. Design Items

    スタイリッシュな自転車用エアバッグ
PAGE TOP
Top