様々なアプリのUIデザインのパターンを学習したり共有する・「UIPattern Hub」
UIPattern Hub UIPattern HubはWebアプリやスマフォアプリ等のUIデザインのパターンを学習、共有したり作成する為のプラットフォームです。各ページでは実際のスクリーンショットとプロトタイプライクな画像が並べられ...
Resource - インスピレーション
スマフォアプリの良質なデザインパターンを収集しているギャラリーサイト・「Mobbin」
Mobbin Mobbinはスマフォアプリで良質なデザインパターンを手作業でコレクションしているデザインギャラリーサイトです。一つのアプリにつき、かなりの量のスクリーンショットを撮っているようです。収集しているアプリの種類もかなりあり...
料金表やランディングページ、製品紹介ページなど、コンバージョンに関わるWebデザインのみをコレクションする・「Pages」
Pages Pagesは製品やサービスの料金表ページやLP、プロダクトの紹介ページ、アプリ紹介ページなど、コンバージョンに大きく関わるWebページのみに焦点を絞った良質なWebデザインのみをコレクションしたギャラリーサイトです。以前ご...
すっきりしたデザインのランディングページをコレクションしたギャラリーサイト・「Hyperpixel」
Hyperpixel HyperpixelはすっきりしたデザインのLPをコレクションしたWebデザインギャラリーサイトです。そういったもの中心に集めているという説明はありませんので個人的な主観ですが、見やすいものばかりが集められている...
CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」
Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自...
Product Huntで投票の多かったコンテンツからカラースキームを作成、公開している・「COLORWISE」
COLORWISE COLORWISEはコンテンツの投票サイト、Product Huntで投票数の多かったコンテンツが使っているカラースキームを公開しているプロジェクトです。投票が多い＝人気が出たコンテンツからカラーインスピレーション...
グラフや図など、データ可視化の表現パターンをギャラリー化して紹介する・「Data Viz Project」
Data Viz Project Data Viz Projectはデータビジュアライズの表現パターンを紹介するプロジェクトサイトです。数値的なデータなどをわかりやすく表現するデータ可視化の表現方法をいろいろと紹介しています。その数、...
タイポグラフィの為のデザインギャラリー・「fontinspiration.com」
fontinspiration.com fontinspiration.comはタイポグラフィの為のデザインギャラリーサイトです。ロゴのアイデアやグラフィックデザインなど、フォントを活用したデザインをキュレート、ギャラリーとして公開し...
良いUXをスクリーンショットとともに解説、紹介する・「Really Good UX」
Really Good UX Really Good UXは良いUXをスクショを交えて解説、紹介するUXギャラリーサイトです。SlackとかTumblrとかPaypalとか割と有名なサービス等が中心みたいです。解説は細かくではなく、簡...
Sketchユーザー向けのリソースを収集している・「Sketch for Designrs」
Sketch for Designrs Sketch for DesignrsはSketchユーザー向けのリソースを収集しているWebサイトです。プラグインやアイコン、エレメントのサンプルやアプリなどさまざま。まだ作られたばかりで収集...
vimのカラースキームを大量にまとめたギャラリー・「colorswat.ch/vim」
colorswat.ch/vim colorswat.ch/vimはvimで使えるカラースキームをまとめたコレクションサイトです。大量に作成されているカラースキームから自分好みのものを探すのはとても大変なのでこういったコレクションは嬉...
イケてるWebデザインやコピーライティングを収集しているギャラリーサイト・「Pixels」
Pixels Pixelsはkick-assなWebデザインやコピーライティングのWebサイトを集めているデザインギャラリーサイトです。そのWebサイトのメインカラーも書いてあり、クリックでカラーコードをクリップボードにコピーする事が...
1996〜2005年までのWebデザインのトレンドを確認出来る・「Web Design Museum」
Web Design Museum Web Design Museumは1996〜2005年までのWebデザインのトレンドを収集したWebプロジェクトです。当時のWebデザインのトレンドを取り入れたWebサイトのスクリーンショットを公...
ブランドのWebサイトのUIをコレクションしているギャラリーサイト・「 Interfaces.pro」
Interfaces.pro Interfaces.proはいわゆるブランドのWebサイトに絞ってコレクションしたUIギャラリーサイトです。ブランドといってもいろいろ解釈が分かれそうですが、本ギャラリーでは「世界で成功しているブラ...
デザイナーのポートフォリオをまとめているデザインギャラリー・「Bestfolios」
Bestfolios BestfoliosはプロダクトデザイナーやUI/UXデザイナー、グラフィックデザイナー等のポートフォリオをまとめたWebデザインギャラリーです。それぞれのポートフォリオは大きなSSが掲載されているのでその場であ...
よく出来たHTMLメールを紹介するデザインギャラリー・「Really Good Emails」
Really Good Emails Really Good Emailsは出来の良い企業のHTMLメールを紹介するデザインギャラリーです。レスポンシブなHTMLメールを紹介しています。SSのみではなく、コードをCodePenで書いて...
企業のデザインガイドラインをまとめている・「Design Guidelines.」
Design Guidelines. Design Guidelines.はAppleやGoogle、MSなどの企業のデザインガイドラインをまとめているWebサイトです。デザインと言ってもWebサイトのスタイルガイドに留まらず、プロダ...
さまざまなUIデザインをギャラリー形式で紹介している・「UIDB.io」
UIDB.io UIDB.ioはさまざまなUIデザインを紹介するデザインギャラリーです。パーツつごとではなく、ページ単位のSSを紹介しているようです。そのせいもあってか、少し見にくいかな・・？良いものを厳選してるというより、豊富な数が...
framer.jsで作られたモックアップやリソースを紹介する・「FramerJS Club」
FramerJS Club FramerJS Clubはframerjsで作成されたモックアップやリソースをまとめているWebサイトです。プロトタイプの紹介やチュートリアル記事、モジュールなどいろいろとまとめている様です。本家のギャラ...
クリエイティブな404ページを収集している・「Oops Pages」
Oops Pages Oops Pagesはクリエイティブな404ページを収集しているTumblrです。Archiveページ見る限り、相当な数が集められているようです。一応タグは付けられていますが探しやすいよう配慮したものではないよう...
良質なランディングページを厳選してWebギャラリーにしている・「Landingfolio」
Landingfolio Landingfolioは良質なランディングページを厳選して収集、Webデザインギャラリーとして公開しているWebサイトです。用意されているカテゴリはモバイルアプリやツールサービス、EC、本やファッションとい...
WebサイトやアプリのUIをアニメーションで収集するギャラリーサイト・「UI Movement」
UI Movement UI MovementはWebサイトやアプリのUIをアニメーション画像で収集しているデザインギャラリーサイトです。と言っても管理者が収集しているのではなく、ユーザーが集めるキュレーションサービスのようです。実際...