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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
商用利用無料で高画質・ハイクオリティな写真を探すなら「picjumbo」もチェック!
先日、「超ハイクオリティな写真素材を無料ダウンロードできるサイト12」「高画質な写真が商用でも使える
-
-
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC
-
-
カラー展開のパッケージが秀逸!パッケージ/プロダクトデザインvol.32 参考になる優れたデザインをご紹介
優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第32回目です。 32回目
-
-
商用利用可!Photoshop用シームレスグリッドパターン120+
商用でも無料で使えるPhotoshop用のシームレスグリッドパターンがあったのでご紹介。 シンプル
-
-
ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+
ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。 ラ
-
-
レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で
-
-
脱初心者!Photoshopを使用するなら注意したい11のこと
Photoshopを使っている方は多いと思います。 でも、先生や先輩などについて教えてもらった場合
-
-
見とれる!世界中の多様なマップ/地図がコレクションされた「Beautiful Maps」
世界中の多様なマップ/地図がコレクションされたサイトをご紹介します。 地図といえば、Googleマ
-
-
インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」
Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張をご紹介します。 メール
-
-
デザイナーが作成したPhotoshop用スタイル無料パック
ついさきほどの記事で、Photoshop用カスタムシェイプをご紹介しましたが、今回はPhotosho
