ウェブデザイン

最近、自分の中で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に比べてあまり例がないのでとても参考になります。 ... もっと見る

Ecommerce 9 categories: Headers, Promo, Features, Catalog, Product, Contents, Checkout, Contacts, Footers.

設計實踐。 ：親屬; 網格和佈局發展... ... - 一個分組的圖像畫面 - 針把他們都

親族語彙（親族の呼び方）を網羅した一覧表が非常にわかりやすく網羅された図表を「大辞林の特別ページ」が公開しています。 親戚の呼び方、いとこの子供の呼び方、いとこの旦那さんの呼び方まで、わかりやすく1枚の図にまとまっています。 親族を紹介するとき、親戚で集まったときなんかには重宝しそうな情報です。 親族

EMD Website Flowcharts for Illustrator – UX Kits 好全的排版参考

PSD Web Design - One Page Website Wireframes » Graphic GFX PSD Sources Stock Vector Image Tutorials Download:

■配色イメージスケール 単色と同様、２軸上に配色がプロットされています。 配色を使うことで、単色では表現できなかったイメージもあらわせるようになり、スケール全体に広がっています。 複数の色を組み合わせることで、単色よりも複雑で繊細なイメージの違いを表現することができます。 イメージスケールは日本カラーデザイン研究所が研究・開発した感性マッピングツールです。 色に対して抱くイメージは人によって微妙に異なりますが、共通する部分も多く認められます。そのイメージの共通感覚を心理学的研究の蓄積で明らかにしたものが、イメージスケールです。

minimalist design 上質 ペールトーン

Responsive Web Design: 50 Examples and Best Practices

ASTRAEA on Behance