グラフィックデザイナーのための5つの最高のChrome拡張機能

何を達成しようとしても、Chromeウェブストアにはほぼすべての人に役立つものがあります。グラフィックデザインがあなたの職業であるか、単にあなたの情熱であるかに関係なく、それらをインストールするだけであなたの生活を楽にすることができる多くのツールがオンラインで利用可能です。

グラフィックデザイナーに最適なChrome拡張機能を5つ紹介します。

1. WhatFont

このリストの最初に来るのはWhatFontです。ご想像のとおり、このChrome拡張機能を使用すると、ボタンをクリックするだけで、ウェブサイト上のほぼすべてのフォントを識別できます。

WhatFontを使用するには、Chromeウェブストアからインストールして、拡張バーで見つけるだけです。提供されているWhatFontボタンをクリックすると、カーソルにカーソルを合わせたフォントが表示されます。

ページ内を移動すると自動的に更新され、見ているフォントが正確にわかります。それがあなたが必要としたすべての情報であるなら、それは素晴らしいことですが、もう少し探しているなら、WhatFontはそこでもカバーしています。

あなたがする必要があるのはあなたがもっと知りたいテキストをクリックすることだけです、そしてWhatFontはそれが集めることができるのと同じくらい多くのテキストについてのあなたにあなたに告げる小さなボックスに拡大します。

フォントの名前、スタイル、太さ、サイズ、色などがすべてここに含まれています。拡張機能にはフォントのサンプルアルファベットも含まれているため、残りの文字だけがどのように見えるかを確認できます。

必要に応じて、これらのボックスを複数開くことができます。これは、目に似ているように見える2つの異なるフォントを比較する場合に最適です。

2. ColorZilla

このリストの次はColorZillaです。グラフィックデザインで作業するときに予想されるように、おそらく、かなり異なる正確な色の値で作業していることに気付くでしょう。 ColorZillaは、ウェブ上で見た色を見つけて識別するのに役立つ、驚異的な小さなChrome拡張機能です。

拡張機能のインストールは簡単で、そこから拡張機能バーのColorZillaボタンに移動するだけです。この拡張機能には、使用できるさまざまなツールが多数含まれています。

たとえば、ColorZillaスポイトツールを使用すると、任意のWebページの任意のピクセルの色をすばやく簡単に取得できます。画面上の要素をクリックするだけで、対応する色がRGB値と16進値の両方として表示されます。

ColorZillaには、特定の色を自分で選択するために使用できる高度なカラーピッカーも含まれています。このためのインターフェースは、カラーピッキングに精通している人、または最高のロゴデザインコースのいくつかを探している人にとっては非常に簡単なはずです。

興味深いことに、ColorZillaは、タグ名、クラスなど、色を取得している実際の要素に関する詳細情報も提供します。グラフィックデザインだけでなくウェブデザインにも手を出すなら、これは驚くほど便利な機能です。

3.サイトパレット

既存の画像、ブランド、またはウェブサイトからインスピレーションを検索したことがある場合は、画像の最も重要な特定の要素を分離するのにどれだけの作業が必要かを知っています。

幸い、サイトパレットを使用すると、このプロセスが非常に簡単になります。サイトパレットはChrome拡張機能であり、アクセスした任意のWebサイトからパレットをすばやく簡単に収集できます。

基本機能は非常にシンプルで、拡張機能をインストールした後に[サイトパレット]ボタンをクリックすると、サイトに存在する最も主要な色を特徴とするクイックパレットが生成されます。これは、どの色が機能し、何が機能しないかを理解するのに役立ちます。色の選択が適切でないことは、避けたいグラフィックデザインの大きな間違いであるためです。

それ自体は便利ですが、サイトパレットでできることはそれだけではありません。そこから、この拡張機能がサポートする驚くべき数の機能があります。

たとえば、作成したパレットからリンクを生成して、他の人と共有することができます。パレット画像を作成、プレビュー、ダウンロードして、他のプロジェクトに追加することもできます。

Adobe Swatchを使用している場合は、拡張機能にネイティブに組み込まれているサポートもあります。 coolors.coとGoogleArtPaletteで作成されたパレットのサポートは、拡張機能でもサポートされています。

4. Lorem Ipsum Generator（デフォルトテキスト）

このリストの次は、LoremIpsumGeneratorです。 Lorem Ipsumに精通している場合は、この拡張機能の機能を推測できると思います。

そうでない場合、Lorem Ipsumは、何も言わずに実際の文章のように動作するデフォルトのテキストの形式です。言葉は構成されていますが、構造は実際の文章と同じであり、ブランドの実際のメッセージや人の考えで満たされるスペースのテストとプレースホルダーとして最適です。

Lorem Ipsum GeneratorはChrome拡張機能であり、必要なときにいつでも適切なプレースホルダーテキストをすばやく簡単に生成できます。

生成する段落の数と、各段落に必要な文の数を調整できます。このようにして、プロジェクトのプレースホルダーテキストをいつでも作成できるようにすることができます。

5.インクスケープ

最後に、Inkscapeがあります。 Inkscapeは驚くほど強力な拡張機能であり、Chrome拡張機能だけでなく多くのことを実現できます。

Inkscape自体は、AdobeIllustratorに似たLinuxデスクトップアプリです。印象的なさまざまなツールを使用してベクターやその他のグラフィックを簡単に作成できるため、高速なグラフィックデザインを作成するための多くの素晴らしいアプリの1つです。この拡張機能は、そのすべての機能をブラウザにもたらします。

フリーハンド、単純なパス、およびベジェ曲線の両方を使用して、オブジェクトを最初から作成できます。 Inkscapeは、テキストツールとシェイプツール、およびオブジェクト操作用のツールもサポートしています。値または相互作用によって、回転やスキューなどの変換を実行できます。拡張機能は、オブジェクトのレイヤーとグループ化もサポートします。

パターンなどと同様に、カラーセレクター、ピッカー、グラデーションがすべてサポートされています。このソフトウェアを使用して、完全にブラウザからも実行できるベクトルを作成または編集するときに達成したいことのほぼすべて。