15个值得设计师们入手的Chrome扩展插件

15个值得设计师们入手的Chrome扩展插件


平面设计的世界是不断进化的,如今就算是在网络上,也出现了面向大众的各种各样的简单工具。为了让我们的设计工作变得更加方便快捷,在 Chrome上也出现了各种各样的扩展功能。

为了让设计的过程更加顺畅,我们主要来看一看以缩短时间为中心的项目。你可以自己去挑选能够让你的设计变得更加方便的扩展功能来使用。

详细从以下开始。

01. Responsive Web Design Tester

只要你安装了Responsive WebDesign Tester,你就可以自由地查看网页上画面的尺寸和分辨率。在智能手机已经普及的现在,对于响应式网站来说这可是必不可少的工具。

15个值得设计师们入手的Chrome扩展插件


02. What Font

这能在网页上直接使用,让你知道当前网站上使用了哪种字体的工具。如果你还在使用像Firebug 或 Webkit这样的工具,不如来试试What Font吧!只要通过点击就能够很方便的确认网站上使用的字体,是不是非常的方便呢?

15个值得设计师们入手的Chrome扩展插件

03. Page Ruler

Page Ruler是可以实时的测量网站上设计要素的宽度高度的扩展功能。只要在画面上设置好你需要测量的地方,便能够很快的显示出来。

15个值得设计师们入手的Chrome扩展插件

04. Colorzilla

Colorzilla 是可以即时的看出网站上所使用颜色的RGB和HEX值,并且可以随时保存的一个浮动工具栏。他的另一个特长是点击「Webpage Color Analyzer」就可以看到网站的配色。

15个值得设计师们入手的Chrome扩展插件

05. Palette for Chrome

只要你安装了Paletter for Chrome 这个扩展功能,就可以右键点击你所喜欢的图片,取得这张图片的配色来做参考。它可以更直观的选择颜色的配色方案,是非常有创意的工具。

15个值得设计师们入手的Chrome扩展插件

06. Image Downloader

Image Downloader 是可以在您当前浏览的网页上使用,将所有的图片全部以平铺状态表示,你可以随意的检查并下载他们,对设计师来说是非常重要又不为人知的宝物。在制作情绪版时使用也非常的方便。

15个值得设计师们入手的Chrome扩展插件

07. Design Mode

Design Mode 是不管是那种网页上使用的文字,都可以自由地变更的编辑工具。作为一种网页全体的布局都可以进行直观的确认的工具而被广泛使用着。

15个值得设计师们入手的Chrome扩展插件

08. OneTab

OneTab 能够将你在不禁意间收藏的许许多多的书签给简洁化,让它们比原来占用的内存占用至少消减了95%的工具。并且以列表的形式将每一个保存起来,然后生成一个你可以自定义名字的URL与其他人共享。无论是用在整理自己的收藏夹上也好,还是想制作一个收藏网页的项目列表,它的用途是多种多样的。

15个值得设计师们入手的Chrome扩展插件

09. TrackDuck

安装了TrackDuck 之后,再登录正在制作中的网站,你可以自由地将想要修改的地方或者新的灵感记录在备忘录中,是面向合作化的一种工具。追加上的新条目,会在管理画面以列表的样子进行确认,你也可以点击上面的按钮来确认是否进行修改。

15个值得设计师们入手的Chrome扩展插件

10. Momentum

Momentum 这个扩展功能可以帮助繁忙的设计是管理好时间。当你打开它之后可以看到美丽的照片作为背景,上面显示着现在的时间、天气、气温和当前所需要完成的任务。

15个值得设计师们入手的Chrome扩展插件

11. Muzli 2

Muzli 2上则显示了最新的网页设计总结和平面艺术的汇总,以瓷砖状拼接在一起,可以很方便的进行搜索。当你没有了创作灵感时,可以为你提供帮助的扩展应用。而在左侧边栏上,这些被单独的列出来的,你可以在上面看到网页的最新设计思路。

15个值得设计师们入手的Chrome扩展插件

12. Website Destroyer

如果你安装了Website Destoryer 这个扩展,你就可以使用手榴弹、榔头,火箭筒等各种各样的武器来将网站[破坏]。当你感到不满的时候,可以用这个来发泄一下。

15个值得设计师们入手的Chrome扩展插件

13. Dimensions

Dimensions 可以帮助你查看网页上各个要素之间的距离,是一种即时测量的工具。可以有效的让你看到标题、正文等要素之间留白是否恰当的宝物。

15个值得设计师们入手的Chrome扩展插件

14. UX Check

UX Check 是一款能够帮助你查看UX设计中的错误的重要工具。在网页上确认使用之后,文字、图像会变成黑白的矩形状态,能让你直观的看到设计是否平衡。

15个值得设计师们入手的Chrome扩展插件

15. LightShot (Screnshot Tool)

Lightshot (Screeshot Tool) 是一款简单的截图工具,除了截图之外,还能够给你的截屏区域添加上简单的文字和气泡。

15个值得设计师们入手的Chrome扩展插件

封面丨Ollin