Resource - インスピレーション

グラフや図など、データ可視化の表現パターンをギャラリー化して紹介する・「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とか割と有名なサービス等が中心みたいです。解説は細かくではなく、簡...
Ads

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をアニメーション画像で収集しているデザインギャラリーサイトです。と言っても管理者が収集しているのではなく、ユーザーが集めるキュレーションサービスのようです。実際...

クリエイティブな404ページをTumblrで収集している・「FourZeroFour」

FourZeroFour FourZeroFourはクリエイティブな404ページを収集しているギャラリーサイトです。Tumblrで作成されています。archiveで見ると分かりますが結構な量を収集しているので参考にするしない、インスピ...

モバイルのUIパターンを集めたデザインギャラリー・「Screen Patterns」

Screen Patterns Screen PatternsはスマフォのUIパターンを収集しているギャラリーサイトです。カテゴリは検索、チャット、リストや地図などさまざまです。ちょっと整頓されてない感もありますが・・これはこれで覚え...

LPや料金ページ、商品紹介ページ等のUIを中心に収集しているWebデザインギャラリー・「UI Temple」

UI Temple UI Templeはランディングページやプライスページ、プロダクトページ、コンタクトフォームページ、ポートフォリオ等、コンバージョンに結びつきやすいページのUIをコレクションしているキュレーションサイトです。特にそ...

製品紹介ページのWebページのデザインのみを収集しているWebギャラリー・「Product Pages」

Product Pages Product Pagesは企業サイトやメーカーサイト等の製品紹介ページ、プロダクトページのデザインのみを収集しているWebデザインギャラリーサイトです。先日ご紹介したPricing Pages3の姉妹サイ...

Webサービス等によくある「料金ページ」のデザインを収集しているギャラリーサイト・「Pricing Pages」

Pricing Pages Pricing PagesはWebアプリ等によるある料金ページのスタイルをコレクション、ギャラリーにしているWebサイトです。それぞれのコースの特徴と金額が人目でわかる工夫や、特徴のアピールと決定ボタンへの...

ECサイト専門のWebデザインギャラリー・「Cart Craze」

Cart Craze Cart CrazeはECサイト専門のWebデザインギャラリーサイトです。かなり昔からあるギャラリーサイトで、記事内で紹介した事もあったのですが、必要にかられて久しぶりに見たら綺麗になっていたので改めて。9年もの...
Ads