collect-ui-1

Webやアプリを開発する際に必要となる「Webデザイン」の勉強&参考に最適なサービス「Collect UI」のご紹介です!

圧倒的なコンテンツ数を誇っているのが魅力的ですが、細かくカテゴライズされているので「ログイン画面」や「フォーム」など、自分が必要としているシーン別に探しやすいのも特徴でしょう。


使い方!

サイトにアクセスすると、およそ2000種類を超えるオシャレなWebデザインの一覧を見ることができます。

これらのデザインは、「Dribbble」などから抽出されているのですが、ランダムに選ばれているのではなく、人の手によって「最もイケてる」と思われるデザインだけをキュレーションしているのが特徴です。


さらに、ユニークなのは画面左側にズラッと並んでいるカテゴリ!

collect-ui-2

2016年2月29日現在で、なんと117カテゴリに分けられているので、かなり細かい絞り込み検索ができるでしょう。

ほんの一部ですが、いくつかピックアップしてご紹介してみたいと思います。


まずは、Web開発に欠かせない「ログイン画面」のデザイン一覧…、

collect-ui-3-2


こちらは、ユーザーの「プロフィール画面」に関連したデザイン。

collect-ui-4


イケてる「404 Not Found」ページを集めたモノや、

collect-ui-5


SNSなどの「シェアボタン」の斬新なデザインだったり、

collect-ui-6


Webサービスなどの料金表も、デザインが違うだけで印象が大きく変わりますね。

collect-ui-7


もちろん、多彩な場面で役立つ「アイコンセット」などもあります。

collect-ui-8

このように、数多くの洗練されたデザインだけを抽出してくれているので、これから作ろうと思っているWebデザインの勉強などには最適ではないでしょうか。

コンテンツは毎日追加されているので、日々新しい発見を楽しむのも面白いと思います。

ご興味ある方は、ぜひブックマークしておくことをオススメしておきます!

「Collect UI」公式サイト