個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

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

UIのインスピレーションに最適な「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。
UIをつくるうえで、参考になりそうなサイトがあったのでご紹介します。
海外サイトを中心にUIがコレクションされているサイトですが、カテゴリー分けが非常に細かく、また、無限スクロールで閲覧できるので、とっても見やすいのもポイントです。
UIデザインの参考になれば幸いです。

UIデザインのインスピレーションがたっぷり「UXPorn」

UXPin」はUIデザインをコレクションしたサイトです。
スマホなどモバイル系のサイトが中心に多く集められていますが、リンク先のサイトに行けばPC版も見ることは可能です。
UIのインスピレーションに最適な「UXPorn」

細かくカテゴリー分けされているので
目的のUIを見つけやすい

UXPinは、単にトップページだけをコレクションしているわけではなく、パーツごと、ページごとに非常に細かくカテゴリー分けされているのが特長です。
実際には以下のカテゴリーに分かれています。
UIのインスピレーションに最適な「UXPorn」
たとえば、「ナビゲーション」を選択すると以下のようにずら~りと、UIが表示されます。
UIのインスピレーションに最適な「UXPorn」
無限するスクロールになっているので、次々とUIが読み込まれます。
これはうれしい機能ですね! しかも広告なし!!

有料版にすれば掲載されているUIのワイヤーフレームを流用できる

無料版は単に閲覧するだけですが、有料版に契約すると高機能なワイヤーフレームツールを利用できるようです。
また気に入ったUIがあれば、そのUIを瞬時にワイヤーフレーム化して、ワイヤーフレームツールに取り込み、流行してアレンジすることも可能になるとか。
有料版は月額制となりますが、無料版でも十分役立ちそうですね。
ご参考になれば幸いです。

UXPin

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 4

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

Photoshop用の泡・バブル・水滴系フリー/無料ブラシセット

Photoshop用の泡・バブル・水滴系フリー/無料ブラシ380+

Photoshop用の泡・バブル・水滴系フリー/無料ブラシをご紹介します。 幻想的な雰囲気や柔らか

記事を読む

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ

記事を読む

table作成の決定版!html/cssで素早く手軽に表組みをしたいなら「Tables Generator」がおすすめ!

table作成の決定版!html/cssで素早く手軽に表組みをしたいなら「Tables Generator」がおすすめ!

html/cssでtableを組むのって、手間がかかりますよね。 そんなとき便利なのがジェネレータ

記事を読む

レジご担当者も思わずニヤリ!おしゃれすぎるデザインされたバーコードたち56

ふだん見かける味気ないバーコード。 バーコードってこんなもの、という先入観から、何の疑問ももつこと

記事を読む

全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121

2013年も気がつけば、もうあとすこしとなりました。 そんななか、無料で利用できるフリーのレスポン

記事を読む

「仕事を頼みたい」と思わせる名刺ビジネスカード・コレクション1000+第3部

名刺の役割はなんといっても、自分らしさの表現でしょう。 限られたスペースのなかで、相手の心を一瞬で

記事を読む

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ

記事を読む

リボン風の見出しをCSS3だけで実装する方法

リボン風の見出しをCSS3だけで実装する方法

見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。 利用するのはboderプロパテ

記事を読む

無料で使えるIllustrator用シームレスパターンセット82

シームレスパターンのうち、ドット、オーナメント、チェック、ストライプをはじめ、和柄、季節もの、変わり

記事を読む

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

FIFAワールドカップ1934〜2014年大会までのFIFAワールドカップロゴデザイン

またまた旬なネタで。 必ず盛り上がるワールドカップ。 そのワールドカップを象徴するのがロゴデザイ

記事を読む