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

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

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ

記事を読む

ハイクオリティなケーキ/スイーツの無料イラスト・画像のフリーベクター素材90

ケーキを中心としたスイーツ関係で、無料で利用できるイラスト・画像のベクター素材を集めてみました。

記事を読む

料理や食べ物の高品質画像・写真を無料でダウンロードできる「Foodie's Feed」

料理や食べ物の高品質画像・写真を無料でダウンロードできる「Foodie’s Feed」

料理や食べ物の高品質画像・写真を無料でダウンロードできるサイトをご紹介します。 商用利用可能にもか

記事を読む

CCSだけで見出しに自動で連番を記入する方法

当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま

記事を読む

2013に登場した無料で利用できるアイコンセット53

2013年も無料で利用できるiconが数多く発表されました。 今回はそんななから、psd, ai,

記事を読む

雷・サンダーの無料Photoshopブラシ25セットでデザインにインパクトを

何かを目立たせる必要があるとき、たとえば、安さ、値段、新発売、リニューアル、注目、衝撃などを目立たせ

記事を読む

無料のPhotoshop用リソース/素材を配布しているPSD Repo

無料でハイクオリティーのPhotoshop用リソース/素材を配布しているPSD Repo

無料でハイクオリティーのPhotoshop用リソース/素材を配布しているPSD Repoをご紹介。

記事を読む

初心者のためのCSSアニメーションチュートリアル

よくわかる 初心者のためのCSSアニメーションチュートリアル

初心者のためのCSSアニメーションチュートリアルです。 海外の有名ブログでわかりやすいチュートリア

記事を読む

Sketch用の無料フリー素材1500+ 2015年04月

Sketch用の無料フリー素材1500+ 2015年04月

Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos

記事を読む

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

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

記事を読む