2014/09/09
UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。
UIをつくるうえで、参考になりそうなサイトがあったのでご紹介します。
海外サイトを中心にUIがコレクションされているサイトですが、カテゴリー分けが非常に細かく、また、無限スクロールで閲覧できるので、とっても見やすいのもポイントです。
UIデザインの参考になれば幸いです。
UIデザインのインスピレーションがたっぷり「UXPorn」
「UXPin」はUIデザインをコレクションしたサイトです。
スマホなどモバイル系のサイトが中心に多く集められていますが、リンク先のサイトに行けばPC版も見ることは可能です。
細かくカテゴリー分けされているので
目的のUIを見つけやすい
UXPinは、単にトップページだけをコレクションしているわけではなく、パーツごと、ページごとに非常に細かくカテゴリー分けされているのが特長です。
実際には以下のカテゴリーに分かれています。
たとえば、「ナビゲーション」を選択すると以下のようにずら~りと、UIが表示されます。
無限するスクロールになっているので、次々とUIが読み込まれます。
これはうれしい機能ですね! しかも広告なし!!
有料版にすれば掲載されているUIのワイヤーフレームを流用できる
無料版は単に閲覧するだけですが、有料版に契約すると高機能なワイヤーフレームツールを利用できるようです。
また気に入ったUIがあれば、そのUIを瞬時にワイヤーフレーム化して、ワイヤーフレームツールに取り込み、流行してアレンジすることも可能になるとか。
有料版は月額制となりますが、無料版でも十分役立ちそうですね。
ご参考になれば幸いです。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25
jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
-
-
名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート45
今回もDribbbleから。 Dribbbleは世界の名だたるデザイナーが作品をアップしているコミ
-
-
無料のフレーム・囲み枠200種類のPhotoshopブラシでデザインをエレガントに美しく
デザインをエレガントに美しくしてくれるのが飾り罫。 今回はその飾り罫の中でも、無料で利用できるフレ
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.27
優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第27回目です。 今回も世
-
-
大英図書館所蔵のデジタルデータ100万点以上が無料で利用できる「The British Library」
イギリスの大英図書館が所蔵する、画像データ100万点以上が「Flickr」にて無料で公開されています
-
-
商用利用可!Photoshop用シームレスグリッドパターン120+
商用でも無料で使えるPhotoshop用のシームレスグリッドパターンがあったのでご紹介。 シンプル
-
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
-
レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」
レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ
-
-
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
Photoshopにオブジェクト間の距離を計測できるツールがあればなあと思っていたら、無料のスクリプ
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.8
すぐれたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画。 第8回目になります。