Pinterest
What is Responsive Web-Design? This InfoGraphic explains how responsive design displays your website on various devices (e.g. desktop, iPad, iPhone, Android, etc.)

What is Responsive Web-Design? This InfoGraphic explains how responsive design displays your website on various devices (e.g. desktop, iPad, iPhone, Android, etc.)

Responsive Web Design: 50 Examples and Best Practices

Responsive Web Design: 50 Examples and Best Practices

Webデザイン例, Webデザインのレイアウト, アプリのデザイン, Webレイアウト, 最高のウェブデザイン, デザインパターン, ウェブデザイン, グラフィック, セキュリティ

Website design layout. Inspirational UX/UI design samples. Visit us at: www.sodapopmedia.com #WebDesign #UX #UI #WebPageLayout #DigitalDesign #Web #Website #Design #Layout

Website design layout. Inspirational UX/UI design samples. Visit us at: www.sodapopmedia.com #WebDesign #UX #UI #WebPageLayout #DigitalDesign #Web #Website #Design #Layout

Webサイトやモバイルサイトのワイヤーフレームがたくさん!でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 | HTML5でサイトをつくろう                                                                                                                                                                                 もっと見る

最近、自分の中でWebサイトの参考としてPinterestがとても便利で毎日みてるのですが、かっこよいサイトの他にレイアウトの例としてUIやUXに特化したボードなどもありチェックしています。 そんな時見つけた、Webサイトやスマホサイトを画面構成を作る際にたくさんのモジュールが用意されている「UI TITES」と「UX KITS」がシンプルだけですが組み合わせによって色々なレイアウトが作れるのでとても参考になりますので紹介します。 UI TITES http://pixelbuddha.net/ui-tiles/ こちらは72個もモジュールがあり無料でダウンロードができます。 PHOTOSHOPデータやイラレデータがありますので、個々のモジュールを組み合わせてWebサイトのワイヤーフレームを作ることができます。 UX KITS http://uxkits.com/ こちらは有料になりますが、WEBサイトのフローチャート&サイトマップとモバイルのフローチャート、そしてそれをカードにしたものなどがあります。 モバイル用はWebに比べてあまり例がないのでとても参考になります。…