TOP  >  WebDesign  >  WEBデザイナーのためのワイヤーフレームスケッチテンプレート集「Printable Web Browser Sketching and Wireframe Templates」
2010年07月15日

WEBデザイナーのためのワイヤーフレームスケッチテンプレート集「Printable Web Browser Sketching and Wireframe Templates」

制作の手順や方法は人によって様々で、一概には決まっていませんが、ソフトウェアで制作を始める前にラフを書き、イメージを固めてという手順を踏むという方も多いかと思います。今日紹介するのはWEBデザイナーのためのワイヤーフレームスケッチテンプレート集「Printable Web Browser Sketching and Wireframe Templates」です。


Web Design Sketchbook

ブラウザのウィンドウが最初から描かれていて、グリッドが引いてあるなど、WEB制作において、ワイヤーフレームが書いていきやすい工夫されたテンプレートが多々公開されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

Paper Browser: It’s a Browser only in Paper
シンプルながらも、様々なバリエーションが用意された、ブラウザウィンドウタイプのテンプレート。

tempweb02
 
 
 
 
 
960 Grid System Sketch Template
名前のとおり960グリッドシステムに準拠したテンプレート。普段から利用されている方へ。

tempweb03
 
 
 
 
 
iPhone Sketchbook Preview
こちらはダウンロードでは無く、ノートとして販売されているテンプレートブック。iphoneの開発者の方へ。

tempweb04
 
 
上記の他にも様々なテンプレートが公開されています。ウィンドウがあって、グリッドが区切ってあるだけでも、曖昧なラフの精度が格段に上がると思います。制作にも直結したラフを便利に書きたいという方にはオススメのエントリーです。

A Collection of Printable Web Browser Sketching and Wireframe Templates

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:56  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る