2014/09/09
UIデザインのインスピレーションで溢れてる「UXPorn」
サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。
UIをつくるうえで、参考になりそうなサイトがあったのでご紹介します。
海外サイトを中心にUIがコレクションされているサイトですが、カテゴリー分けが非常に細かく、また、無限スクロールで閲覧できるので、とっても見やすいのもポイントです。
UIデザインの参考になれば幸いです。
UIデザインのインスピレーションがたっぷり「UXPorn」
「UXPin」はUIデザインをコレクションしたサイトです。
スマホなどモバイル系のサイトが中心に多く集められていますが、リンク先のサイトに行けばPC版も見ることは可能です。

細かくカテゴリー分けされているので
目的のUIを見つけやすい
UXPinは、単にトップページだけをコレクションしているわけではなく、パーツごと、ページごとに非常に細かくカテゴリー分けされているのが特長です。
実際には以下のカテゴリーに分かれています。

たとえば、「ナビゲーション」を選択すると以下のようにずら~りと、UIが表示されます。

無限するスクロールになっているので、次々とUIが読み込まれます。
これはうれしい機能ですね! しかも広告なし!!
有料版にすれば掲載されているUIのワイヤーフレームを流用できる
無料版は単に閲覧するだけですが、有料版に契約すると高機能なワイヤーフレームツールを利用できるようです。
また気に入ったUIがあれば、そのUIを瞬時にワイヤーフレーム化して、ワイヤーフレームツールに取り込み、流行してアレンジすることも可能になるとか。
有料版は月額制となりますが、無料版でも十分役立ちそうですね。
ご参考になれば幸いです。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
商用利用可能でクレジット表記不要!高画質な写真素材を無料ダウロードできる「KaboomPics」
つい先日も商用利用可能でなおかつ高画質な無料の写真素材サイト「Raumrot」をご紹介させていただき
-
-
Mac OS X に対応した使えるMacショートカットで作業驀進!
Macの良さは使いやすいショートカットにあると思うのですが、みなさんはいかがでしょうか? 自分のへ
-
-
デザインをやってて頼りになった素材集12+
デザインの仕事をしていて「助かった」と思わずつぶやいた素材集をご紹介します。 作業をしていると、「
-
-
CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」
CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊
-
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.3
すぐれたパッケージデザインをご紹介している金曜日企画。 第3弾です。 先日、お手伝いしている
-
-
商用利用可能のハイクオリティな無料写真/画像が探しやすい「Stock Up」
商用利用可能な無料の写真・画像を公開するサービスが続々と登場しています。 利用する側にとっては、こ
-
-
HTML,CSS,JSのコードを美しく整形し?部分の指摘もしてくれるDirty Markup
HTML,CSS,JSのコードを美しく整形し、?部分の指摘もしてくれるDirty Markupをご紹
-
-
CSSアニメーションを使ったエフェクトライブラリー9
CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい
-
-
無料で使えるPhotoshop用フリーの紙・ペーパーシームレスパータン素材
Photoshop用パターンファイル(.pat)の使い方 こちらでご紹介しているファイルにはjpg
