TOP  >  Design  >  ワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」
2015年12月20日

ワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」

サイトを設計する際に必要なワイヤーフレームの制作。これを行っておくことで、web制作のクオリティやスピードを高めることができるため、できるだけ精度の高いものを作っておきたいもの。今回そんなワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」を紹介したいと思います。

wire1220_1
Movies app wireframe on Behance

どのワイヤーフレームも、そのままwebレイアウトのベースとして使えそうなほど、ハイクオリティなものばかりが揃っています。

詳しくは以下

wire1220_2
Dribbble – Wireframe-Kit-Full-Preview.jpg by Neway Lau
スマートフォン設計のためのワイヤーフレーム。非常に画面が豊富に揃っているので、これがあれば一通りのページ設計ができそうです。
 
 
 
 
wire1220_3
Dribbble – hd.jpg by Eddie Lobanovskiy
手描きのラフな雰囲気は、手で描きながら構想する方におすすめ。イメージビジュアルとしても利用できそうです。
 
 
 
 
wire1220_4
Dribbble – Moderation Dashboard Wireframes by Theresa Garritano
リンクするページ遷移もワイヤーフレームに盛り込んだ、サイト構成をより把握しやすいワイヤーフレーム。シンプルで使いやすいのも特徴です。
 
 
自分にマッチしたワイヤーフレームをマスターしておくことで、これからの制作をよりスムーズにしてくれるのではないでしょうか?気になったものはぜひ参考にしてみてください。

23 Beautiful Wireframe Sketches for Web Designers

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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