個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

楽しみながらデザインの知識&スキルがアップするゲームまとめサイト「Games for designers」

デザイナーのための楽しみながら知識&テクニックがアップするゲームまとめサイトをご紹介。 海外ではデ

記事を読む

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。 ラ

記事を読む

画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法

アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を

記事を読む

超ハイクオリティ!商用利用無料の写真素材をダウンロードできるサイト17

超ハイクオリティ!商用利用無料の写真素材をダウンロードできるサイト17

無料の写真素材をダウンロードできるサイトは色々と増えています。 しかし、最初は有難がっていた利用者

記事を読む

アイコンはCSSで!フォントもSVGも使用しないCSSだけのアイコンセット「Icono」

アイコンはCSSで!フォントもSVGも使用しないCSSだけのアイコンセット「Icono」

CSSだけでつくられたアイコンセットのご紹介です。 近年のアイコンというと、アイコンフォントかSV

記事を読む

無料のPhotoshop用ぼかし(ぼけ)ブラシ17セットで幻想的な雰囲気を

幻想的な雰囲気を出すにはぴったりのPhotoshop用ぼかし(ぼけ)ブラシが「19 Free Pho

記事を読む

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊

記事を読む

CSSアニメーションでここまでできる!無料のCSSアニメーションコードサンプル

CSSアニメーションでここまでできる!無料のCSSアニメーションコードサンプル23

CSSアニメーションだけで、こんなこともできてしまうというコードサンプルをご紹介します。 掲載され

記事を読む

最初の印象がまるで違う!この名刺デザインがすごいベスト35

最初の印象がまるで違う!この名刺デザインがすごいベスト35

名刺を差し出した瞬間の第一印象が数段アップする、すごいインパクトのデザイン名刺をご紹介。 限られた

記事を読む

パッケージ/プロダクトデザインvol.30 参考になる優れたパッケージ/プロダクトデザインをご紹介

ギフトに最適!パッケージ/プロダクトデザインvol.30 参考になる優れたパッケージ/プロダクトデザインをご紹介

優れたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画、第30回目です。 30回目

記事を読む