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

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

クリスマス・ビジネス・教育関連がそろったカワイイ手書きアイコン84(psd・ai・eps・png)

カワイイ手書きのアイコンセットがあったのご紹介します。 手描きならでは温かい雰囲気と可愛らしさをも

記事を読む

キャンバス地/麻布の無料テクスチャでワンランク上のデザインを! キャンバス地/麻布のフリーテクスチャ

キャンバス地/麻布の商用利用無料テクスチャでワンランク上のデザインを! キャンバス地/麻布のフリーテクスチャ100+

キャンバス地/麻布で商用利用無料のテクスチャをまとめてご紹介します。 控えめでありながら、デザイン

記事を読む

Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」

Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ

記事を読む

無料のドメインを取得してレンタルサーバーに設定する方法

無料のドメインを取得してレンタルサーバーに設定する方法

ドメインって無料で取得できるサービスがあるのをご存知でしたか? ドメインというとお名前.comなど

記事を読む

デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.2

すぐれたパッケージデザインをご紹介する金曜日企画。 第二弾です。 早速今週も見ているだけで楽しく

記事を読む

無料の写真+名言でデザイン性は大幅アップさせるPabloのサービスがいい!

無料の写真+名言でデザイン性は大幅アップさせるPabloがいい!

無料の写真+名言でデザイン性は大幅アップさせるPabloをご紹介します。 「時間がないから、すぐに

記事を読む

無料で高画質なビンテージテクスチャ画像200+

無料で高画質なビンテージテクスチャ画像200+

無料なのに高画質!今回はそんなビンテージテクスチャ画像をまとめてご紹介します。 紙はもちろん、ポス

記事を読む

HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10

HTML5ビデオを利用したサイトも見かけるようになってきました。 今後はHTML5ビデオを利用する

記事を読む

無料の名刺・ビジネスカードテンプレート200+

クオリティが高いにもかかわらず、無料で利用できる名刺・ビジネスカードテンプレートって、かなり多く出回

記事を読む

Photoshopでテキストに氷のエフェクト、背景に集中線を入れる方法:海外チュートリアル翻訳

Photoshopでテキストに氷のエフェクト、背景に集中線を入れる方法:海外チュートリアル翻訳04

海外のサイトで公開されているPhotoshopやIllustratorをはじめとした代表的なソフトを

記事を読む