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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン
またまた旬なネタで。 必ず盛り上がるワールドカップ。 そのワールドカップを象徴するのがロゴデザイ
-
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
-
-
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
Photoshopにオブジェクト間の距離を計測できるツールがあればなあと思っていたら、無料のスクリプ
-
-
美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」
ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自
-
-
プロフェッショナルな写真を撮影するための簡単な方法9カ条
Digital Camera Worldは、海外で販売されているカメラ雑誌です。 サイトもあるので
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.10
優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第10回目です。 今回も、
-
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
-
ハイクオリティ無料素材サービス「DesignerCandies」は全部パブリックドメインだから商用利用可能!
以前、「無料の写真を手に入れる!クリエイティブ・コモンズの写真画像を手早く見つけられるサイト12」と
-
-
CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」
CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ
-
-
商用利用可能なハイクオリティ写真のまとめサイト「Pexels」
商用利用可能なのに、ハイクオリティ写真をコレクションしているサイトが次々と公開されていますね。 利
