Resource - インスピレーション

様々な企業が採用しているブランドカラーをまとめた・「BrandColors」

BrandColors BrandColorsは様々な企業がブランドカラーとして採用しているカラースキームを確認、各フォーマットでダウンロードできるWebサービスです。掲載されている企業はメーカーからWebサービス運営企業まで様々です...

Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」

Dribbbleboard DribbbleboardはDribbbleに投稿された作品をシンプルなインターフェースでブラウジング出来るクライアントツールです。ソートは人気の作品、すべての作品、最新の作品のみで、ギャラリー形式に作品が...

フリーの写真を公開している複数のストックフォトサイトからまとめて探せるMacアプリ・「Zoommy」

Zoommy Zoommyはフリーの写真素材を公開しているストックフォトサイトを1箇所に集めて探しやすくしたMacアプリです。現在18のストックフォトサイトが纏められており、どのサイトも素敵な写真がCC0などのライセンスで公開されてい...
Ads

アニメーションエフェクトのパターンと、その実装コードをコレクションしている・「AniCollection」

AniCollection AniCollectionはよく見かけるアニメーションエフェクトと、そのエフェクトを実装する為のコードをコレクションしているWebサイトです。各エレメントにマウスホバーするとエフェクトを見ることが出来ます。...

写真やエッセイの為のシンプルなブログサービス・「Stampsy」

Stampsy Stampsyは写真やエッセイ等を目的としたシンプルなブログサービスです。ブログと言うと語弊あるかもしれませんが、この方が伝わりやすそうなのでブログという括りで書いています。UIは少しMediumに似た印象を受けます。...

マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」

MaterialUp MaterialUpはマテリアルデザインを取り入れたWebサイトやモバイルアプリを紹介するショーケースです。カテゴリはWebサイト、モバイルアプリ、コンセプトデザインやちょっとしたエレメントのスタイルなどに分けら...

インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」

Hover States Hover StatesはWebサイトに導入したIxD例をアニメーションで確認出来るWebデザインギャラリーです。うまくIxDを取り入れて設計されたWebサイトをアニメーション画像で紹介しています。開発者やデ...

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」

Give ’n’ Go Give ’n’ GoはDribbbleに投稿されたものとCodepenで再現されたものを比較しているWebギャラリーサイトです。デザイナーの方がDribbbleに投稿したデザインコンセプトと、そのデザインをC...

3Dモデルを公開・シェア出来る・「Sketchfab」

Sketchfab Sketchfabは3Dモデルのデータを公開・共有出来るビューアサイトです。3Dモデル専門のPixivのような感じでしょうか。お気に入りやEmbed等が出来るようになっています。スマフォにも対応しているそうです。無...

AwwwardsやDribbble、Behanceなどの投稿をざっと見れるインスピレーション向上の為のChromeエクステンション・「Muzli」

Muzli Muzliはデザイナーのインスピレーション向上を目的としたChromeエクステンションです。基本的にはAwwwardsやCSS WinnerなどのデザインギャラリーサイトやDribbble、Behance等のデザイナーのコ...

デザイナー向けのソーシャルなポートフォリオ・「socialdoe」

socialdoe socialdoeはデザイナー向けのソーシャルポートフォリオサービスです。投稿はPinterestライクなレイアウトで表示されます。フィードバックを送り合ったり、インスピレーションやアイデアを共有するのに役立ててて...

Webサイトで使用されているフォントの情報を共有出来る・「Typ.io」

Typ.io Typ.ioはWebサイトで使用されているフォントの情報を共有出来るWebサービスです。使用フォントの名前や、そのフォントの販売先の共有や、タグ付け等が可能のようです。アカウントはTwtterとの連携で取得するみたいです...

美しいグラデーションカラーをまとめている・「uiGradients」

uiGradients uiGradientsは美しいグラデーションカラーをまとめているシンプルなWebサイトです。シンプルにグラデーションとCSSを纏めており、それ以上でも以下でも無いサイトです。単純ですがいいアイデアですね。インス...

映画のシーンで使われた色を抽出し、カラースキームにしているプロジェクト・「The Colors Of Motion」

The Colors Of Motion The Colors Of Motionは有名な映画のシーンで使われたカラーを抽出し、平均色を割り出して公開しているプロジェクトサイトです。ハリーポッターやマトリックス、ブラックスワンなどいろ...

BingのTOPページで利用された高品質な写真を壁紙用としてダウンロード出来る・「Bing Homepage Gallery」

Bing Homepage Gallery Bing Homepage GalleryはBingが過去5年間に渡ってTOPページで使用してきた高品質な写真を壁紙としてダウンロードできるギャラリーサイトです。カテゴリや色などから探すこと...

動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」

CAPPTIVATE.co CAPPTIVATE.coはiOSアプリのUIモーションを動画やGIFで確認出来るデザインギャラリーです。様々なアプリのUIモーションを手軽に確認出来るのは有難いですね。実際に触ってみないと何とも言えない部...

コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」

Call to Idea Call to IdeaはWebサイトのコンポーネント別でデザインをまとめているギャラリーサイトです。ログインページやタブ、フォーム等の様々なデザインが展示されています。全体のバランスが重要なWebデザイン...

Webデザイナーの為のキュレーションサービス・「oozled」

oozled oozledはWebデザイナー向けのキュレーションサービスです。RWDやJS、CSS、Photoshop、モックアップツールやテキストエディタ、タイポグラフィなどなど様々なカテゴリが用意されています。無駄な情報もなく、シ...

フラットデザインのWebデザインギャラリー・「Flat Inspire」

Flat Inspire Flat InspireはフラットなデザインのWebサイトのギャラリーサイトです。コンテンツ別、色別、使用フォント、デザインスタイル等でカテゴライズされています。よくあるデザインギャラリーですが、フラットデザ...

インスピレーション向上に使えるビジュアルブックマークサービス・「Icebergs」

Icebergs Icebergsは画像やスクショなどを保存、整理できるビジュアルブックマークサービス。Zootoolというサービスが以前あったのですが、閉鎖、OSS化してしまったのでその代替としてリリースしたそうです。この手のはよく...

映画のワンシーンからカラーパレットを生成・公開している・「Movies In Color」

Movies In Color Movies In Colorは映画のワンシーンから、使用されている色を抽出し、カラーパレットを生成しているTumblrのWebサイトです。映画である特別な理由は無く、更新者の知的好奇心から始めたみたい...

デザインの情報に特化したキュレーションサービス・「」

Panda Pandaはデザイン関係の情報に特化したキュレーションサービスです。DribbbleやBehance、Hacker Newsの情報を収集し、提供してくれます。試してはいませんが、Chromeエクステンションも用意されていま...
Ads