查看内容

不能当设计工具的浏览器不是好的网页--Chrome【转载】

哈喽小伙伴们~

要问设计师最喜欢用的浏览器是什么?

那一定是Chrome啊!

人性化的操作、简洁的设计

还能一键翻译各国语言

找灵感和素材的时候不要太方便~

不过虽然大家可能常常用它

但却未必知道他的“正确打开方式”

 

今天小编就给大家安利

10个设计师必备的Chrome插件

绝对让你灵感爆棚效率逆天!

赶快收藏!

 

 

01

Productdesign.tips

 

Productdesign.tips是一款UI设计师必备的插件,它收录了很多来自设计领域大神的干货文章,包括设计教程、UX流程分析、用户研究、信息体系结构、设计和原型制作、可用性测试等等,而且每天都会更新,是一个非常好的学习站点。BIGD翻译过的不少好文章都来源于此,非常赞!

 

https://chrome.google.com/webstore/detail/productdesigntips/jfkbdlhcdoooljpkfjfllhlgeejhabbb

 

02

Site Palette

 

Site Palette是一款非常实用的网站配色提取工具,可以一键解析网页的所有色彩,并给出三种不同模式的配色方案,轻松复制和分享色值,还能下载sketch和adobe的色卡文件,直接导入软件。

 

 

除此之外,选择我们最喜欢的色板并点击【OPEN AT GOOGLE PALETTE】后还能直接进入Google Arts&Culture(谷歌文化艺术),查看相似配色的艺术品图片寻找灵感。或者进入 Colors 再次调整和修改生成的色板。

 

 
https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh
 
 
03

ColorZilla

 

ColorZilla是一款网页色彩吸管工具,只要将鼠标悬停网页任意元素中,即可快速查看RGB,HSL,Hex色值,并且自动复制到粘贴板上。除此之外我们还能随时查看你采集过的色彩,非常方便~

 

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

 

04

Muzli

 

如果你喜欢在国外的设计网站上汲取灵感,那么一定不要错过它!Muzli是一款集合了Dribbble、Behance、InVison,Techcrunch等120多个设计资讯和资源的灵感网站,它每天都会为我们更新最新鲜前沿的设计项目和新闻。包括设计灵感,免费资源,设计趋势,设计工具,教程文章等等。绝对让你最快掌握一手设计信息!

 

https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc

 

 

05

Onetab

 

找灵感找素材网页打开太多一片混乱?Onetab可以帮助你一键管理所有标签页,节省高达95%的内存!单击OneTab图标,就可以把所有网页转换成一个列表,再次点击即可单独或全部恢复,设计师必备!

 

https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall

 

06

Window Resizer

 

Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,当设计师们需要在不同分辨率下查看网页设计时,可以轻松将浏览器窗口设定为320x480、480x800、1024x768等大小,也可以选择自定义尺寸,既方便又快捷,有需要的小伙伴一定要用起来哦~

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

 

 

07

Loom

 

Loom是一款非常强大且轻量的免费录屏工具,它无需你下载任何软件,只在网页中就能使用,还提供了云存储和在线剪辑功能,如果设计师需要记录一些网页动画、操作和运行情况的话,用它绝没错!

https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb

 

 

08

SVG Grabber

 

有时我们在网站上看到非常好看的图标,想要保存下来借鉴学习,应该怎么做?SVG Grabber是一款SVG图片提取器,能够帮助设计师们预览,下载和复制网页中所有SVG图标和插图,非常方便快捷。像这样的小工具虽然不会经常用到,但收藏以备不时之需绝对没错!

 

https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg

 

 

09

Page Ruler

 

Page Ruler是一款帮助设计师测量网页元素大小的工具,只需要拖拽鼠标即可绘制标尺并查看网页元素的宽度,高度以及顶部,底部,左侧和右侧的位置等等。

 

https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme

 

 

10

Fonts Ninja

 

Fonts Ninja是一款非常实用的字体提取工具。不仅可以查看网页中所有文字的字体名称、是否免费、下载网站和价格等信息,单独将鼠标悬停在某段文本时,还能查看文字的字号、行间距、字间距、色号,在弹出框中输入文本还可查看字体预览效果。

 

https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh

 

 

今天的内容就到这里啦
你还想知道什么样的设计工具
记得留言告诉我们哦~
联系方式
0592-5796756
在线咨询
扫一扫

扫一扫
关注我们

返回顶部