参考デザインの管理やインスピレーション向上に役立ちそうなChromeエクステンション

参考デザインの管理やインスピレーション向上に役立ちそうなChromeエクステンション

自分はデザインが得意ではなく引き出しもあまりないので、日頃から参考にさせてもらうために素敵だなと思うサイトやデザインを見つけてはメモしたり、時間がある時は沢山のデザインをできるだけ見るようにしているのですが、同じような方に便利だなと思ったChromeエクステンションです。いずれも参考デザインの管理に役立つものやChromeの新規タブを使って様々なデザインなどを見ることができるものになります。結局いろいろと試した結果愛用しているのは2つだけなのですが、他のも今後使用することがあるかもしれないし、折角使ってみたので備忘録兼ねて試してみたものをひと通りご紹介します。

ちなみにここではChromeのエクステンションとしてご紹介していますが、中にはブラウザ問わずWeb上で使用できるものやFirefoxのアドオンとして利用できるものもあります。

Clipular

Clipular

エクステンションと言いつつ、ひとつ目からいきなりサービスじゃん!って感じですが…。
特にデザイナーさんの場合に、気になるデザインや参考にしたいデザインを見かけるとそれらを何らかの形でメモしたりキャプチャを撮ったりして管理しているという人も少ないと思いますが、そのような方におすすめなサービスです。
ClipularはWebサイトのスクリーンショットやキャプチャを管理することができるもので、グループ化したりタグやコメントを付ける機能、登録しているものを他の人にシェアすることもできます。 また、エクステンションを入れることでより便利に使うことができ、キーボードで簡単に機能を立ち上げてクリップしたいところを切り抜きということが可能です。

特に難しくないとは思うのですが、使い方がよくわからないという場合は下記OZPAさんのエントリーでわかりやすく解説されているので、こちらを見ればどのようなことができるかわかると思います。
Evernote、Pinterest、Tumblrなど同じように自分だけのデザイン管理場所みたいなものを作れるサービスはいろいろありますが、どれもいまいちしっくりこないという方やこういったものを探しているという方は一度使ってみてください :)

Taberareloo

Taberareloo

こちらも上で少し書いたように参考になるデザインなどをサービスを使って管理している時に便利なエクステンションで、特に何らかの理由で複数のサービスを利用していてそれら全てにメモをしておきたいという方に便利だと思うものです。
はてぶなどの各種ブックマークサービスをはじめ、Evernote、Pinterest、Tumblrなど様々なサービスへ同時にメモしたり投稿できたりすることができます。
使い方については基本的なことからショートカットの設定方法なども含めて下記で説明されています。

Muzli

Muzli

新規タブを開くとDribbbleやAwwwardsをはじめ、CSS Winner、Behance、Design Milkといったインスピレーションを沢山もらえるようなデザインギャラリーやブログの投稿を表示してくれるエクステンションです。
また、普通にブラウザのブックマーク機能使えば良い話ですが、ページ右下にリンクアイコンが追加され、そこでは個人的なリンク集みたいなものを作ることができます。

Panda

Panda

こちらも同じく新規タブにインスピレーションがもらえるギャラリーやブログをはじめ、CSS-TricksやSmashing MagazineのようなWebデザイン系ブログのエントリーなどもチェックすることができるエクステンションです。
閲覧できるサイト数も多く、レイアウトなども幾つか用意されている中から好みで選んだりと自分好みにいろいろとカスタマイズなどもできます。

Palettab

Palettab

新規タブを開くとGoogle Fontsを利用したタイポグラフィとCOLOURloversを利用したパレットの組み合わせが表示されます。
気になるフォントがある場合はフォント名が表示されているところにリンク設定されているのでそのまま使用方法の画面に飛ぶこともでき、パレットはホバーすればカラーコードが表示され、ページ下部からそのパレットの詳細を確認することも可能になっています。
他の組み合わせも見たい時は、ページ上部真ん中に配置されたボタンをクリックすれば表示内容が切り替わっていきます。

Color Tab

Color Tab

様々な配色パターンがまとめられているColor Huntの中からランダムで新規タブに表示してくれるエクステンションです。
それぞれのカラーにホバーすれば左下にカラーコードが表示され、更に詳細を見たい時はページ右上にあるアイコンから詳細ページに飛びます。

Google Art Project

Google Art Project

Googleが美術館や博物館などと協力しているプロジェクト Google Cultural Institute が作成したエクステンションで、新規タブを開くとランダムで世界の名画が表示されます。

Dribbble New Tab

Dribbble New Tab

新規タブを開くとDribbbleに投稿されているイメージが表示され、PopularやRecentといった切り替えもできます。

Flickr Tab

Flickr Tab

新規タブを開くとランダムでFlickrに投稿されているイメージが表示されます。

Pinterest タブ

Pinterest タブ

こちらはPinterestを利用したもので、新規タブを開くとランダムでイメージが表示されます。
表示されるイメージはカテゴリー選択可能で、「Cute」「Food」「Design」などのカテゴリーがあります。

LIMBOTAB

LIMBOTAB

新規タブを開くとランダムでTumblrやInstagramに投稿されているイメージが表示されます。

animatedTabs

animatedTabs

最後はタブを開く度に息抜きしたいという方に。
新規タブを開くと可愛い癒し系のものからちょっとおバカなものまで、様々なGIFアニメーションが表示されます。

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。