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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.3
すぐれたパッケージデザインをご紹介している金曜日企画。 第3弾です。 先日、お手伝いしている
-
-
最新スマホからTシャツなどのプロダクトまで!無料のモックアップ用PSDファイル150+
モックアップを自分でつくるのは時間がかかりますし、ありもので間に合うならそれに越したことはありません
-
-
クリスマス用の無料デザイン素材141:ベクターイラスト、パターン、ブラシ、フォント、アイコン
クリスマスは1年間でもっとも物販が賑わうときと言われているそうです。 そうなると忙しくなるのが、デ
-
-
よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル
初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム
-
-
HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10
HTML5ビデオを利用したサイトも見かけるようになってきました。 今後はHTML5ビデオを利用する
-
-
レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)
レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ
-
-
Joomla!の無料テンプレート123 レスポンシブWEBデザイン対応もあり
Joomla!(ジュームラ)は高機能で使いやすいと評判のCMSです。 ドメイン、サーバー込みで無料
-
-
複雑なものからシンプルなものまで!シームレスなパターンを作るための方法/チュートリアル33
シームレスパターンを利用する場合、配布されているものを利用するよりは、自分でイチから作成した方がいい
-
-
おしゃれな名刺は自作に限る!DIY名刺のデザインがカッコ良すぎる
名刺というと印刷するものというイメージが、私の場合はすっかり根付いているのですが、海外の名刺を見てい
-
-
CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」
最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし
