Webサイトやモバイルサイトのワイヤーフレームがたくさん！でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」

最近、自分の中でWebサイトの参考としてPinterestがとても便利で毎日みてるのですが、かっこよいサイトの他にレイアウトの例としてUIやUXに特化したボードなどもありチェックしています。

そんな時見つけた、Webサイトやスマホサイトを画面構成を作る際にたくさんのモジュールが用意されている「UI TITES」と「UX KITS」がシンプルだけですが組み合わせによって色々なレイアウトが作れるのでとても参考になりますので紹介します。

UI TITES

こちらは72個もモジュールがあり無料でダウンロードができます。

PHOTOSHOPデータやイラレデータがありますので、個々のモジュールを組み合わせてWebサイトのワイヤーフレームを作ることができます。

こちらは有料になりますが、WEBサイトのフローチャート&サイトマップとモバイルのフローチャート、そしてそれをカードにしたものなどがあります。

モバイル用はWebに比べてあまり例がないのでとても参考になります。

このようにサイトマップ風にしてフローチャートやグローバルナビゲーションなどにすると複数で作業するときにとてもわかりやすいですね。

モバイル用もこのようにサイトマップにするとすごいわかりやすい！

自分はあまりモバイルでここまで作ったことがないのでとても勉強になりました。

イラストレーターデータはPC用は$29、モバイル用は$35でした。

https://www.pinterest.com/_f7/gui-great-ui-collection/
レイアウトの他にアイコンなどもまとめられています。

モバイルサイトやAPPのUIがまとめられています。

WEBサイトやUIが大量にまとめられています。ずっとみてられます。

以前、WEBデザインクリップでまとめたロゴやグラフィックやポートフォリオなどのオススメのピンタレストをまとめた記事です。

ピンタレストにお気に入りのボードをフォローしておくと便利なので使ったことない人は是非使ってみてください。