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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80
WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ
-
-
参考にしたい! コーヒーのブランディング例19
コーヒーのブランディング例をご紹介します。 最近では大企業にとどまらず、小さな会社や個人事業主でも
-
-
商用利用可能のハイクオリティな無料写真/画像が探しやすい「Stock Up」
商用利用可能な無料の写真・画像を公開するサービスが続々と登場しています。 利用する側にとっては、こ
-
-
よくわかる 初心者のためのCSSアニメーションチュートリアル
初心者のためのCSSアニメーションチュートリアルです。 海外の有名ブログでわかりやすいチュートリア
-
-
見とれる!世界中の多様なマップ/地図がコレクションされた「Beautiful Maps」
世界中の多様なマップ/地図がコレクションされたサイトをご紹介します。 地図といえば、Googleマ
-
-
デザイナーが作成したPhotoshop用カスタムシェイプ無料パック(矢印/カーソル/シンボルなど)
Dribbbleに作品を数多く出しているデザイナー・Brice Séraphinさんが個人的に作成・
-
-
Photoshopでテキストに氷のエフェクト、背景に集中線を入れる方法:海外チュートリアル翻訳04
海外のサイトで公開されているPhotoshopやIllustratorをはじめとした代表的なソフトを
-
-
無料で使えるPhotoshop用フリーの紙・ペーパーシームレスパータン素材
Photoshop用パターンファイル(.pat)の使い方 こちらでご紹介しているファイルにはjpg
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.8
すぐれたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画。 第8回目になります。
-
-
商用利用無料で利用できるテクスチャがすぐ見つかるサイト10
商用利用無料で利用できるテクスチャがすぐ見つかるサイトをご紹介します。 当サイトでも、オリジナル無
