陌北默

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

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

详细从以下开始。

01.?Responsive?Web?Design?Tester

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

 

02.?What?Font

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

 

03.?Page?Ruler

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

 

04.?Colorzilla

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

 

05.?Palette?for?Chrome

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

 

06.?Image?Downloader

Image?Downloader?是可以在您当前浏览的网页上使用,将所有的图片全部以平铺状态表示,你可以随意的检查并下载他们,对设计师来说是非常重要又不为人知的宝物。在制作情绪版时使用也非常的方便。(mood?board?=?early?presentation?of?art?&?background?design.情调设计草图,嗯,讲实话我没懂,下次我翻译这个让大家一起研究一下吧,当然如果有大神懂也可以在下面留言~ムードボード

 

07.?Design?Mode

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

 

08.?OneTab

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

 

09.?TrackDuck

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

 

10.?Momentum

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

 

11.?Muzli?2

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

 

12.?Website?Destroyer

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

 

13.?Dimensions

Dimensions?可以帮助你查看网页上各个要素之间的距离,是一种即时测量的工具??梢杂行У娜媚憧吹奖晏?、正文等要素之间留白是否恰当的宝物。

 

14.?UX?Check

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

 

15.?LightShot?(Screnshot?Tool)

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

原文地址:photoshopvip

译文地址:喪心病狂十六夜貓

译者:喪心病狂十六夜貓

 

转载请注明:学UI网—UI设计师学习教程平台 » 设计师值得入手的15个Chrome扩展插件

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
八分钟了解未来的 UI 设计工具:InVison Studio八分钟了解未来的 UI 设计工具:InVison Studio
十分钟了解排行第一的 Sketch 插件 :CRAFT十分钟了解排行第一的 Sketch 插件 :CRAFT
设计师必备!10分钟电脑配置挑选速成攻略设计师必备!10分钟电脑配置挑选速成攻略
5分钟掌握8个常用交互组件,轻松进阶原型设计5分钟掌握8个常用交互组件,轻松进阶原型设计
UI设计师必备收藏素材、教程利器!UI设计师必备收藏素材、教程利器!
实用!谷歌设计师开发的SKETCH插件实用!谷歌设计师开发的SKETCH插件
SketchSize一键生成多尺寸,为何你的设计效率如此之高?SketchSize一键生成多尺寸,为何你的设计效率如此之高?
手残党福利!谷歌新推智能绘图手残党福利!谷歌新推智能绘图
设计师这两大网站必收!背景美图与配色狂设计师这两大网站必收!背景美图与配色狂
?