デザイナーに最適な Chrome 拡張機能

拡張機能Chrome

グラフィック デザイナーとして、他のデザイナー、イラストレーター、クリエイターのトレンドを意識するのは普通のことです。そのため、インターネットを使用することになります。 しかし、 Chrome には、仕事に役立つ拡張機能があることをご存知ですか?

おすすめの Chrome 拡張機能をまとめました。 なじみのあるものもあれば、新しいものもあるでしょう。 重要なことは、これらがあなたの仕事に大いに役立つことがわかるということです. 彼らと一緒に行きませんか?

インスタント ワイヤーフレーム

まず、Web ページを作成する人に最適な Chrome 拡張機能から始めます。 そして、これで見えるのはウェブサイトの骨組み、つまりワイヤーフレームです。 このようにして、それがどのように構築されているかがわかります。

現時点ではあまり意味がありませんが、クライアント向けの Web ページを作成するときは、競合他社がどのようにそれを行っているかを知る必要があります。 これにより、視覚的な結果を向上させるために要素をどこに配置する必要があるかがわかります。

ユーザーの視聴温度 (つまり、ユーザーが Web 上で最もよく見る部分) についての知識もあれば、非常に効果的な結果を得ることができます。

WhatFont

ブラウザを開いた状態のラップトップ

インストールすべきもう XNUMX つの Chrome 拡張機能 (これらは無料であることを思い出してください) は、これです。 Web ページで使用されている書体を発見するために使用されますが、あなたにとっても便利ですが、 WhatFont Web サイト内で、ポスター、画像などのタイポグラフィが何であるかを調べます。

拡張機能の場合、ソースを選択するだけで、それが何であるかを検索するか、少なくとも非常に類似したものをいくつか表示します。

気に入ったフォントが欲しい時にとても便利です しかし、盲目的に何時間もかけて探すことはできません。

完璧なピクセル

クライアントのために Web ページに関連するスケッチを作成するとき、それが常に同じであるとは限らないことがわかっています。 しかし、あなたが非常に完璧主義者であるなら、そうするために可能な限りのことをするかもしれません。

この拡張機能は、作成したデザインとコンピューターに表示される結果を比較するのに役立ちます。 このようにして、すべてが正しく適合するか、正しくないものがあるかを知ることができます. その部分を修正して、最初に考えて考案したものとまったく同じに見えるようにすることができます。

デザイナーツール

これは、試してみるべき Chrome 拡張機能の XNUMX つです。 さらに、テキストで使用されているフォントの識別子、ページに追加された色、さらには制限を確認する可能性など、多くのツールを XNUMX つにまとめて提供します。

これまでに説明した拡張機能 (および以下で説明する拡張機能) の多くが含まれているため、オールインワンであると言えます。

スタイルボット

Web のデザインを変更してクライアントに表示したいですか? そして、ウェブ上で何も触れずに? まあ、この拡張機能で可能です。 これを行うには、CSS プロパティに触れます。それが行うことは、配置した内容に基づいて Web を変更し、希望する外観でプレビューすることです。

そして今、あなたは言うでしょう、そして何のために?

まあ、それにはいくつかの用途があります:

  • 一方では、潜在的なクライアントに、ウェブサイトを改善するために何をするかを示すことができます (そして、これはどんな履歴書よりも優れていると私たちが言うとき、私たちを信じてください)。
  • 一方で、あまり触れずにウェブを変えるためにできることを、ライブで会議で見せることができるからです。 またはもし。

ページ定規

クロム

これはあまり知られていない Chrome 拡張機能の XNUMX つですが、 真実は、多くの用途を与えることができるということです。 まず、ウェブサイトの要素をピクセルレベルだけでなく、他の要素間の距離も測定するために使用されることをお伝えします。

たとえば、横に XNUMX つのボックスを配置したとします。 そして、XNUMX つすべてを同じ距離に離す必要があります。 さて、このツールはそれらを二乗するのに役立ちます。

あまり役に立たないと思っていても、完璧主義者で見栄えを良くしたいのであれば、きっと使うでしょう。

フルページの画面キャプチャ

これは最もよく知られているものの XNUMX つで、Web ページのスクリーンショットを撮ることができますが、ブラウザーに表示されている部分だけでなく、Web 全体を撮影できます。 たとえば、プロジェクトをクライアントに提示する必要があり、キャプチャごとにキャプチャする必要がない場合に理想的ですが、最終結果のより一般的なビューです。 ネットで見て、デザインや色などが気に入ったので参考にしたいものも同様です。

カラーコントラストアナラ​​イザー

この拡張機能は、特定のオーディエンスに集中するのに役立つため、非常に気に入っています。 このツールは、テキストの読みやすさと、一般的に存在する視覚的なコントラストを保証するために使用されます。

つまり、選択したテキストと色の見栄えがよく、すべてが読みやすいかどうかがわかります。

今、 気に入った理由は、いくつかの変数に応じて結果を確認できるからです。 たとえば、ウェブが白内障の高齢者に焦点を当てている場合はどうなるでしょうか。 さて、あなたはそれをこのように見て、それが正しいかどうかを知るでしょう. 一般人が色盲の人だったら? まあ同じです。

このようにして、これらのグループに焦点を当てるため、最終結果が改善されます。

ロレムイプサムジェネレーター

パズルピース延長記号

ご存知のように、Web ページを作成するときは、それがどのように表示されるかを知るためのテキストが必要です。 このために、現在多くの変数を持つテキストである Lorem Ipsum が使用されます。

さて、Lorem Ipsum Generator を使用すると、単語、フレーズ、文字の数に応じてテキストを作成できます...したがって、コピーして貼り付けるだけで済みます。

ColorZilla

の拡張子を覚えていますか? WhatFont? それを使って書体を特定しました。 さて、これであなたがすることは、彼らが使用した色を特定することです. このようにして、コードが提供されるので、画像編集プログラムで使用して、好みの色調を得ることができます。

ご覧のように、デザインの仕事をしているなら有効にしておくべき Chrome 拡張機能がたくさんあります。 実際には他にもありますが、これらを試して、どれが自分の作業に最も適しているかを確認するのが最善の方法です. 他におすすめはありますか?


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。