ウェブサイトの設計図ワイヤーフレームを活用しよう

428 10

ウェブサイトの設計図ワイヤーフレームを活用しよう | DesignWalker

http://www.designwalker.com/2009/04/wireframe-2.html 本文へ

（本文から引用）

ウェブサイトを構築する際にワイヤーフレーム（骨組み）からしっかり作り込んでおくとデザインの作業もスムーズに進めることができます。また、クライアントに提示するプレゼンテーションとしても利用できるので、ワイヤーフレームを作って、要素の抜けや動作の矛盾などをなるべく最小限にすることができるのではないでしょうか。今回は、ウェブサイトの設計図とも言える、ワイヤーフレームについていろいろとまとめてみました。以前にこのブログでご紹介した『ウェブの画面設計に使えるまとめ』もあわせてどうぞ〜。I ♥ wireframesワイヤーフレームがどんどんアップされています。とても参考になります。The Fine Art of Wireframes まるで漫画のような仕上がりの手描きのワイヤーフレーム。The Paper Version of the Webこちらも手描きのワイヤーフレームがいくつかまとめられております。Download a Stencil Kitワイヤーフレームを作成する際によく使われる要素があらかじめ用意されている便利なツール。Web Browser Elementsブラウザごとに、ボタンやチェックボックス、ラジオボ...
続きを読む

この記事をクリップする

この記事をクリップしたユーザー一覧

アルバイト求人情報さん 2009/05/03 09:15
タグ：
勉強になる。
lionさん 2009/05/02 18:23
タグ：
ぺんちゃんさん 2009/04/28 21:13
タグ：
- 【ウェブデザイン】
- 【ワイヤーフレーム】
dodopidoさん 2009/04/28 16:32
タグ：
bitさん 2009/04/27 10:06
タグ：
nullさん 2009/04/24 13:26
タグ：
- 【デザイン】
(・ω・)ノさん 2009/04/23 16:32
タグ：
- 【web design】
うるみさん 2009/04/23 11:17
タグ：
ワイヤーフレームについてのまとめサイト。
事例やパーツ集。実在のサービス(Y!とかFacebookとか)のワイヤーフレーム化は面白い。
つきのさばくさん 2009/04/23 10:50
タグ：
- 【ウェブデザイン】
- 【ワイヤーフレーム】

この記事にコメント！

みんなのおすすめ商品（Amazon.co.jp）

　　あなたもアフィリエイトを始めませんか？　　　　


楽しく、気軽にできるウェブデザインレシピブック ~BiND for WebLiFE*2で作るアイデアいっぱいのウェブサイト~ 著者：ななきち出版社: 毎日コミュニケーションズ	ウェブはバカと暇人のもの (光文社新書) 著者：中川淳一郎出版社: 光文社	ウェブ進化論本当の大変化はこれから始まる (ちくま新書) 著者：梅田望夫出版社: 筑摩書房	迷惑メーリングGIRL/MOSAIC.WAV 2人がクリックしました販売元：MOSAIC.WAV

楽しく、気軽にできるウェブデザインレシピブック ~BiND for WebLiFE*2で作るアイデアいっぱいのウェブサイト~

楽しく、気軽にできるウェブデザインレシピブック ~BiND for WebLiFE*2で作るアイデアいっぱいのウェブサイト~

著者：ななきち
出版社: 毎日コミュニケーションズ

他にもこんなクリップがオススメ

1054 13

Webデザインとグラフィックの総合情報サイト - MdN Interactive - TOP 本文へ
2453 23

動画素材高品質ストックフォトのPixmann(ピクスマン) 本文へ

バーチャルCDを毎週無料でもらえます
961 25

日本の伝統色 - 2xup repos 本文へ

日本の伝統色っていえば業界的には、DICの日本の伝統色っていう先入観があるな。DTPエキスパート認証試験の郡司さんが作る問題がこれに関連する傾向があるので、DTPエキスパートのタグを付けておく。