名古屋でホームページ制作を通じてWEB集客を支援する(株)オンカの「お知らせ・コラム」ページ

WEBデザイナーがより良いホームページを生み出すには、デザインに費やす時間をどれだけ増やせるかが重要なポイントとなり、そのためには日々の作業やインプットを効率よく行う必要があります。作業効率化を図るための手段は様々ですが、気軽に取り入れやすい手段として、日本だけでなく海外においてもシェア率が高いGoogle Chromeの拡張機能を活用することもお勧めです。
今回はWEBデザイナーにおすすめのGoogle Chrome拡張機能を8つご紹介します。

Fonts Ninja

Font Ninjaは、ホームページで使用しているフォントを確認することができる拡張機能です。ソースを確認する手間なくワンクリックで使用フォントが表示されるだけでなく、任意の文字列でフォントを試すことも可能です。

Fonts Ninja
Chromeに追加

WhatFont

WhatFontは、気になる箇所のテキストをクリックすることにより、フォントやフォントサイズ、行間、カラーを確認することができる拡張機能です。見出しや本文のフォントの種類だけでなく、サイズや行間を確かめたい時にお勧めです。

WhatFont
Chromeに追加

ColorZilla

ColorZillaは、ホームページで使用している色を確認することができる拡張機能です。RGBだけでなく、CMYKやHLS、カラーコードもコピーすることが可能で、ヒストリー機能も持ち合わせています。

ColorZilla
Chromeに追加

CSS Peeper

CSS Peeperは、現在開いているページの使用フォントと使用カラー、アイコンや写真等のアセットを確認することができる拡張機能です。使用カラーはワンクリックでカラーコードをコピーすることができ、アイコンや写真はダウンロードすることも可能です。
また、ボタンやテキストをクリックすることにより、コンテンツのサイズやマージン等を確認することができます。

CSS Peeper
Chromeに追加

Image Downloader

Image Downloaderは、現在開いているページで使用されているアイコンや写真をダウンロードすることができる拡張機能です。複数の画像を同時にダウンロードしたい場合や、フォルダを分けて保存したい場合にお勧めです。

Image Downloader
Chromeに追加

Window Resizer

Window Resizerは、ウィンドウサイズを任意のサイズに変更することができる拡張機能です。あらかじめ用意されているウィンドウサイズだけでなく、好みのウィンドウサイズを登録することも可能です。

Chromeに追加

Clear Cache

Clear Cacheは、ホームページの公開作業後や修正後にワンクリックでキャッシュを消去することができる拡張機能です。設定を行うことによりキャッシュだけでなく履歴やクッキー、ダウンロード履歴等も消去することが可能です。

Chromeに追加

Muzli

Muzliは、デザイン関連の情報収集に役立てることができる拡張機能です。新しいタブを開くたびにトレンドデザインを見ることができ、検索機能も付いているため、「logo」「web design」等で絞り込んでトレンドデザインを確認することも可能です。

Muzli
Chromeに追加

今回のまとめ

WEBデザインは、時間を費やせば費やすほど良い制作物ができるわけではありません。しかし、限られた時間の中で少しでもデザインに充てる時間を増やすためには、作業やインプットを効率よく行う必要があります。デザインの質を上げるためにも、今回ご紹介した拡張機能を用いて日々のインプットや業務効率化に是非ご活用ください。