コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」
Call to Idea Call to IdeaはWebサイトのコンポーネント別でデザインをまとめているギャラリーサイトです。ログインページやタブ、フォーム等の様々なデザインが展示されています。全体のバランスが重要なWebデザイン...
Resource - インスピレーション
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エクステンションも用意されていま...
様々なスマフォアプリのFTUEをまとめている・「First Time User Experiences」
First Time User Experiences First Time User Experiencesは様々なスマフォアプリのUXで感じた良点や、改善点などをTumblrでレビューしているWebサイト。First Time U...
UIとインタラクションデザインのパターンをGifアニメで紹介する・「useyourinterface.com」
useyourinterface.com useyourinterface.comはUIやインタラクションデザインのパターンをGifアニメで紹介してくれているTumblrのサイトです。それぞれGifアニメーションで動きを確認する事が出...
合字を用いたタイポグラフィのデザインギャラリーサイト・「I Love Ligatures」
I Love Ligatures I Love Ligaturesはリガチャを用いたタイポグラフィをコレクションしているTumblrです。ロゴや動画、ポスターなど様々なシーンで使われている合字をギャラリーとして見る事ができます。インス...
クオリティの高めなTwitter Bootstrapテーマを紹介する・「Black Tie」
Black Tie Black Tieはクオリティの高いTwitter Bootstrapテーマを紹介するWebサイトです。アプリのライディングページやフラットデザイン、ポートフォリオなどなどが用意されています。数はまださほど多くあり...
7日に一度、7枚の高品質な写真素材をパブリックドメインで公開する・「Little Visuals」
Little Visuals Little Visualsは7日に一度、パブリックドメインの写真素材を提供してくれるTumblrです。どれもハイクオリティで美しい写真ばかり。素材としてこういった写真を使うシーンは限られますけど、覚えて...
アニメーションエフェクトの掛かったフォントと実装コードを公開しているWebギャラリー・「Anitype」
Anitype Anitypeはアニメーションするフォントを実装する為のコードを募集、公開している参加型のWebギャラリーです。文字ごとに複数投稿されており、様々なタイポグラフィーを参考にする事が出来ます。フォントごとのタイポグラフィ...
送信ボタンにプログレスバーを表示させる・「PROGRESS BUTTON STYLES」
PROGRESS BUTTON STYLES PROGRESS BUTTON STYLESは送信ボタンにプログレスバーを表示させる、というスタイルです。たまに見かけたスタイルですが、ユーザーにとっても分かりやすくて素敵です。スタイルは...
Flashを使わずに実装しているプリローダーアニメーションのギャラリー・「Preloaded」
Preloaded PreloadedはFlashを使わずに実装しているプリローダーのアニメーションを収集しているTumblrです。他サイトの例や、Codepenで書かれたモノなどがありますので一部のプリローダーはコードも参考に出来ま...
iOS7な色合いのカラーコードをコピペ出来る・「iOS 7 colors」
iOS 7 colors iOS 7 colorsはiOS7風の色合いのカラーコードをコピペ出来るようにまとめたWebサイトです。マウスを乗せるとカラーコードが表示されます。グラデーションの場合はそのグラデ用のカラーコードが表示されま...
Dribbbleでの人気の投稿を日々紹介する・DAILYBBBLE
DAILYBBBLE DAILYBBBLEはDribbbleで投稿された作品で人気や話題になったものを日々紹介するWebサイトです。紹介された作品は日ごとにアーカイブされており、RSSやメールで購読する事も出来るようです。ギャラリーと...
スマフォアプリのUIでクールなデザインを集めたギャラリー・「Inspired UI」
Inspired UI Inspired UIはiOSやAndroidのアプリでクールなUIのデザインを集めたWebサイトです。Tumblrで作ってるみたいですがリブログは出来ないようにしてるみたいですね。かなりの数を揃えているようで...
Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
Typewolf TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。まだ数は多くありませんが、増えれば良いインスピレーションを期待で...
UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
UI Animations UI AnimationsはUIアニメーションをGifアニメにしてTumblrで収集しているサイトです。実際に触って体感することも大事ですが、こうして見るだけでも参考になりそうですね。まだ数は少ないですが、...
Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
WebfontsCorner WebfontsCornerはWebフォントを使っているWebデザインをギャラリーにしているコレクションサイトです。まだ数は少ないですが、シンプルで見やすい印象ですので覚えておいて損は無さそうです。 ...
有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」
Popular UIs Popular UIsは有名なサイトのUIを再現したPSDを配布するサイトです。HerokuやGitHub、Designer News、AppleやFacebookなどがあるようです。 Popular U...
カラーパレットを共有できる・「PLTTS」
PLTTS PLTTSはカラーパレットを共有出来るWebサービスです。カラーコードで検索すると、そのカラーが含まれるパレットを調べられるので参考にしたりインスピレーションの向上にもなるかもしれません。まだ数は多くないですが、シェアサー...