作为一名网页设计师，您在计算机上绝对必须拥有什么软件？可能是Photoshop和Illustrator。尽管这些是设计工作流程中必不可少的要素，但有些较小的工具可能不知道您是否需要。
最好的是，您甚至不必下载它们，只需安装这些Chrome扩展，然后您就走了这些网页设计的Chrome扩展程序从识别页面上的字体到测量Web元素之间的距离，将使您的生活更轻松。
1。适用于Gmail的Dropbox
Dropbox最初是作为文件托管服务，但很快发现其主要受众是设计师，他们使用该服务与同事共享他们的工作。由于设计文件通常太大而无法容纳电子邮件附件，因此将Dropbox链接发送到该文件会更容易。
Dropbox for Gmail使该过程更加便捷。当您使用新电子邮件窗口底部的“投递箱"按钮链接到文件时，收件人可以先睹为快。指向图像文件的链接会将图像直接上传到电子邮件，而指向其他类型的文件的链接将生成方便的预览。
安装： Gmail的Dropbox
有成千上万的字体可用，您排版的可能性是无限的。特别是如果您可以识别出漂亮的字体，那么您会在某处看到该字体并将其借给您自己的项目。
FontFace Ninja是一个Chrome扩展程序，可以帮助您做到这一点。就像从图像中查找字体的工具一样，它可以帮助您识别在线看到的字体。唯一的区别是FontFace Ninja读取编码到页面CSS中的字体，例如标题和正文文本的字体。
启动FontFace Ninja时，它将向您显示有关您定向的字体的信息。不仅是字体，还包括重量，大小，高度，宽度和颜色。要为该字体添加书签，您需要在姐妹服务FontFace Dojo中拥有一个帐户。
安装： FontFace Ninja
3。 ColorPick滴管
无论您对色彩有多好，除非您知道其RGB或HTML值，否则很难重新创建在网上看到的特定阴影。幸运的是，您不必猜测是否有ColorPick滴管。
就像Mac上最好的颜色选择器应用程序一样，ColorPick滴管将为您显示所指向的任何颜色的值。区别在于它始终在您的浏览器中，您无需上传任何内容，只需单击图标，然后将目标移到正确的位置即可。
扩展程序可读取文本，图像，以及您在网页上可能看到的几乎所有内容（甚至是广告）。捕获颜色后，它将显示该颜色的HTML，RGB和HSL值。
安装： ColorPick滴管
4。尺寸
此开源扩展是网页设计师的理想之选，特别是如果您一次为小型企业做演出。当客户让您访问一个没有任何以前的文件或文档的网站并要求您设计“这样的页面，但具有不同的文本和图像"时，弄清楚布局是一件很麻烦的事情。
尺寸使您可以轻松地测量页面上任何元素的高度和宽度以及它们之间的边距。这样可以轻松地重新创建现有页面，并在投入生产后仔细检查自己的设计。
安装：尺寸
5。 Visual Inspector
Visual Inspector是面向设计团队的功能强大的反馈和协作工具，结合了前三个扩展的功能并添加了更多功能。
在 Inspect 标签，您可以选择页面上的任何元素以获取有关该元素的完整信息，从尺寸到文件名。 颜色和版式子标签可让您一目了然地查看调色板和所有字体，而资产可将页面上的所有图像集中在一个位置。
“ 协作"选项卡是您可以提供反馈并与团队进行讨论的地方，单击页面上的任何元素很容易发表评论。
与大多数高级工具一样，Visual Inspector带有价格标签：您需要支付每用户每月$ 9的费用来添加评论和同步更改。但是，它的基本功能（例如检查颜色，字体和图像）可以免费使用。
安装： Visual Inspector
6。简易屏幕捕获
屏幕捕获扩展程序似乎是多余的，因为在Mac上截屏只是麻烦一点。但是Easy Screen Capture具有很多卖点。
最重要的是，它使您可以捕获整个网页，而不仅仅是屏幕上看到的区域。当您需要在一个较长的页面上报告多个问题时，这是无价的，捕获所有问题需要三到四个屏幕截图。
另一个巧妙的技巧是能够将屏幕截图复制到剪贴板并将其直接粘贴到聊天或电子邮件中，而不是在计算机上less积无用的图像文件。
安装：轻松截屏
7。 Muzli 2
最后，每天早晨您必须处理一项重要任务：摆脱睡眠残留并进入困境。 InVision的Muzli 2将作为您的早报，其中包含有关艺术，设计，UX和技术的精选文章。
Muzli取代了您的默认Chrome标签，并允许您自定义在那里看到的内容。根据您的兴趣，Muzli将为您选择提要，其中包括Dribble和Behance到99designs和Creative Bloq的网站。喝第一杯咖啡时，有很多灵感可以滚动浏览！
如果您认为包含设计内容的整个浏览器标签过于紧张，则Muzli也提供精简版。它不会覆盖您的默认标签，只要您愿意，只需单击扩展图标即可访问源。
安装： Muzli 2
获取适用于您所有设计任务的Chrome扩展程序
此列表中的Chrome扩展程序与您的设计软件不匹配，但它们涵盖了成为设计师所伴随的所有小事情-印刷技术与您的同事进行智力交流或合作。
一旦您意识到Chrome网上应用店充斥着各种工具，就很难停止添加新工具。因此，请先了解如何管理Chrome扩展程序。
标签: 浏览器扩展程序 Google Chrome浏览器 Web设计
