パーツ別のUI UXのデザインが参考になるサイトCollect UI

パーツ別のUI UXのデザインが参考になるサイトCollect UI

  • このエントリーをはてなブックマークに追加

以前にUI/UXデザイン制作の参考に!見てるだけでも楽しいアプリデザインのギャラリーサイト9選という記事でアプリに関連するUI UXの参考サイトを紹介しましたが、今回も個別に紹介したいと思います。

目次

Collect UI

Collect UIは、Ahmet Sülek氏によるサイトで、Web及びアプリの様々なデザインやイラスト、およびUI / UXをパーツ別にコレクトしたギャラリーサイトです。

ざっとですが、こんなパーツデザインがまとめられています。

  • サインアップ
  • チェックアウト
  • ランディングページ
  • 計算機
  • アプリアイコン
  • ユーザープロフィール
  • 設定
  • 404ページ
  • ミュージックプレイヤー
  • SNS共有
  • カウントうダウンタイマー
  • オン・オフスイッチ
  • 検索パーツ

http://collectui.com/

UI UXデザインサンプル

いくつかのパーツ別UI / UXのデザインサンプルをピックアップしてみたいと思います。

アプリアイコンのデザインです。アプリのアイコンにできによってダウンロード数は大きく異なってきます。
アプリアイコンのデザイン

ユーザープロフィールのデザインは、ユーザーが最初に没頭する大事なパーツの一つです。
ユーザープロフィールのデザイン

サービスを拡散させるためには、必須なSNSへの共有ボタンデザイン。
SNSボタンデザイン

数値をチャートで見せることによって、ユーザー理解を深めます。
チャートのデザイン

ユーザーのモチベーション高めるという意味ではランキング・スコアボードも重要な要素の一つといえます。
ランキング・スコアのデザイン

検索の表示の仕方一つでもユーザーのUXは違ってきます。
検索ボタンのデザイン

ドロップダウンも遊び心一つで、だいぶ違ったものになります。
ドロップダウンのデザイン

ついついお問い合わせに関するパーツのデザインは後回しにされがちです。
お問い合わせのデザイン

フォームはコンバージョンにつながるので、ユーザーに労力を掛けさせないようなUI / UXにしたいところです。
フォームのデザイン

  • このエントリーをはてなブックマークに追加

記事作成者の紹介

マーツ(その他)

ビールが好き。 でも最近はワインと日本酒もいいなぁと思える今日この頃。

関連するSONICMOOVのサービス

Webデザイナー募集!

イラストーレーター募集!

×

SNSでも情報配信中!ぜひご登録ください。

×

SNSでも
情報配信中!
SONICMOOV Facebookページ SONICMOOV Twitter

Webデザイナー募集!

新着の記事

mautic is open source marketing automation