個人的に役立ったデザイン素材や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であらゆるものを計測できる無料スクリプト「Size Marks PS」

Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」

Photoshopにオブジェクト間の距離を計測できるツールがあればなあと思っていたら、無料のスクリプ

記事を読む

WordPressで格安レンタルサーバーを選ぶなら?エックスサーバーかミニバードがおすすめ!

WordPressにベストな格安レンタルサーバーはこれです!

WordPressでレンタルサーバーを選ぶ場合のおすすめサーバーご紹介します。 新しくWordPr

記事を読む

高画質な写真が商用でも使える無料のストックフォトサービス「SplitShire」

以前、「超ハイクオリティな写真素材を無料ダウンロードできるサイト12」で、無料で利用できる高画質なス

記事を読む

Amazonがアートカテゴリーのストアをオープン「Amazon Fine Art」

芸術もAmazonで手軽に買える!アートストア「Amazon Fine Art」がオープン

Amazonがアートカテゴリーのストアをオープンさせました。 その名も「Amazon Fine A

記事を読む

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」

UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl

記事を読む

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

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

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

記事を読む

モルタルのフリーテクスチャ素材35

モルタルというタイトルをつけましたが、正式にはスタッコ(化粧しっくい)の素材になります。 しかし、

記事を読む

商用利用できる無料のキッチン・料理関係フリーアイコン240

Freepikは、フリー素材を紹介しているサイトして有名ですが、無料の素材をまとめて配布するという太

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

無料で使えるフリーのSVGアイコン60セット

無料で使えるフリーのSVGアイコン82セット

無料で使えるフリーのSVGアイコン82セットをご紹介します。 SVGはベクターグラフィクスのための

記事を読む