作为一个网页设计师,你的电脑上绝对需要的软件是什么?很可能是Photoshop和Illustrator。虽然这些是设计工作流程的基本要素,但也有一些你可能不知道自己需要的小工具。
最棒的是,你甚至不需要下载它们——只要安装这些Chrome扩展就可以了。从识别网页上的字体到测量网页元素之间的距离,这些网页设计Chrome扩展将使您的生活更轻松。
Dropbox最初是一个文件托管服务,但很快发现它的主要受众是设计师,他们使用该服务与同事共享工作。因为设计文件通常对于电子邮件附件来说太大了,所以更容易向文件发送Dropbox链接。
Gmail的Dropbox使这个过程更加方便。当您使用新电子邮件窗口底部的Dropbox按钮链接到您的文件时,收件人可以看到您发送的内容。链接到图像文件将上传到电子邮件的权利,和链接到其他类型的文件将生成一个方便的预览图像。
安装:Gmail Dropbox
有成千上万的字体可用,你的排版的可能性是无穷的。尤其是如果你能找出一个漂亮的字体,你看到的地方,借用它为自己的项目。
FontFaceNinja是一个Chrome扩展,可以帮助您做到这一点。就像从图像中查找字体的工具一样,它可以帮助您识别联机看到的字体。唯一的区别是FontFaceNinja读取编码到页面CSS中的字体,比如标题和正文的字体。
当你启动FontFaceNinja时,它会显示你所使用的字体的信息——不仅是字体,还有重量、大小、高度、宽度和颜色。要为该字体添加书签,您需要在姐妹服务FontFace Dojo上有一个帐户。
安装:FontFace忍者
不管你对颜色有多好的鉴赏力,除非你知道它的RGB或HTML值,否则很难重现你在网上看到的特定颜色。幸运的是,你不用猜你是否有ColorPick滴管。
就像Mac上最好的颜色选取应用程序一样,ColorPick Eyedropper会显示你所指向的任何颜色的值。不同的是,它总是在你的浏览器里,你不需要上传任何东西——只需点击图标并将目标移动到正确的位置。
这个扩展可以读取文本、图像和几乎任何你在网页上看到的东西(甚至广告)的颜色。一旦你捕捉到一种颜色,它就会显示它的HTML、RGB和HSL值。
安装:ColorPick滴管
这个开源的扩展对于网页设计师来说是一个很好的选择,尤其是当你为小型企业做一次性工作的时候。当一个客户交给你一个没有任何以前的文件或文档的网站,并要求你设计“这样一个页面,但有不同的文本和图像”,找出布局是一件痛苦的事。
尺寸让您可以轻松地测量页面上任何元素的高度和宽度,以及它们之间的边距。这样就可以很容易地重新创建现有的页面,并在它们投入生产后重新检查您自己的设计。
安装:尺寸
visualinspector是设计团队的一个强大的反馈和协作工具,它结合了前三个扩展的特性,并添加了更多功能。
在Inspect选项卡中,您可以选择页面上的任何元素来获取有关它的完整信息,从维度到文件名。“颜色和排版”子选项卡使您可以一眼就看到调色板和所有字体,而“资源”则将页面上的所有图像集中在一个位置。
在“协作”选项卡中,您可以提供反馈并与团队进行讨论,单击页面上的任何元素都可以很容易地留下评论。
与大多数高级工具一样,visualinspector也有一个价格标签:您需要每月支付9美元才能添加评论和同步更改。但是,它的基本功能(如检查颜色、字体和图像)是免费的。
安装:目视检查
一个屏幕截图扩展可能看起来是多余的,因为在Mac上截图是轻而易举的事,而在Windows上截图只是稍微麻烦一点。但是简单的屏幕截图有很多卖点。
最重要的是,它可以让您捕获整个网页,而不仅仅是您在屏幕上看到的区域。这是无价的,当你需要在一个长页面上报告几个问题,并捕捉他们都需要三到四个屏幕截图。
另一个巧妙的技巧是能够将截图复制到剪贴板并粘贴到聊天室或电子邮件中,而不是将无用的图像文件囤积在计算机上。
安装:轻松截屏
最后,每天早上有一个关键的任务你必须处理:甩掉剩下的睡眠,进入最佳状态。InVision的Muzli 2将作为您的晨报,提供关于艺术、设计、用户体验和技术的策划文章。
Muzli替换了默认的Chrome选项卡,允许您自定义在那里看到的内容。根据你的兴趣,Muzli会为你挑选feed,网站范围从Dribble和Behance到99designs和Creative Bloq。当你啜饮你的第一杯咖啡时,有很多灵感可以让你翻阅!
如果你觉得整个浏览器的标签都是设计内容,那么Muzli也有一个精简版。它不会覆盖默认选项卡,只要单击扩展图标,您就可以随时访问提要。
安装:Muzli 2
这个列表上的Chrome扩展与你的设计软件不匹配,但是它们涵盖了作为一个设计师所带来的所有小事情——无论是排版,还是与你的同事合作。
一旦你意识到Chrome网络商店里充斥着各种工具,你就很难停止添加新的工具了。所以,在你的Chrome扩展失控之前,学习如何管理它们。
...中,Adobe Flash插件捆绑在浏览器中,但在Firefox中,该插件必须单独安装。 •Firefox允许用户进行比Chrome更多的定制。不过,Chrome界面比Firefox简单得多。 •谷歌没有单独的搜索框。地址栏本身就是搜索框,但在Firefox中,有一个单...
...fox想象成Linux的internetexplorer或Safari。在Windows和macOS上,你必须自己安装Mozilla浏览器。在Linux上,预装了Firefox。这不是坏事。Firefox是目前最好的web浏览器之一,在我们看来,它是Linux最好的浏览器。 ...
...列表或上载并打开新文档。请注意,第一次使用扩展时,必须使用Microsoft帐户登录。您可以通过单击个人资料图片旁边顶部的箭头退出分机。 ...
...ogledrive的web界面上直接预览或编辑它们是非常困难的。你必须上传它们,它们被转换成Google套件的格式,然后你必须把它们导出回去。值得庆幸的是,Google有一个专门为离线查看和编辑Office文档而设计的扩展——不改变格式。 ...
...有一个巨大的警告。免费版本只允许您存储15个密码。你必须每年支付20美元才能储存所有的登录。坦白地说,真正的钥匙没有什么特别的,值得付出代价。LastPass或其众多替代方案之一将执行相同的工作,并免费存储您的所有密...
... 虚假的在线评论是网络的祸害,这就是为什么你必须学会如何发现虚假评论的原因。但造假者的情况越来越好,尤其是在**商和其他大品牌开始采取自己的举措操纵在线评论之后。 ...
...可以使用Google书签从任何浏览器访问你喜欢的网站。我们必须提醒您,它没有上面的其他选项先进,但它可能只适合您。如果你已经设置了Chrome同步,你的Google书签与那些与你的Google帐户同步的Chrome书签是不同的。 ...
... 使用此方法时,必须打开书签的属性才能查看注释。当鼠标移到书签上时,关键字框中的文本不会显示。 ...
...JavaScript和插件的一键切换、窗口大小调整以测试响应性设计、图像的测试和调试等等。 ...