当前位置: 首页 > Chrome插件推荐 > google chrome浏览器上最受设计师欢迎的扩展程序有哪些?
 
很多人都觉得设计师的工作非常的高大上,我们再生活中看到的房屋装修设计图案都看起来那么的fashion,再看看我们经常在网上看到的高清美图,设计师们是怎么创造出来的呢?虚幻的背景,漂亮的字体他们都是怎么弄出来的呢?在互联网圈,大部分设计师和工程师最常用的浏览器无疑是Google chrome浏览器了,除了是由谷歌开发,拥有高颜值和稳定快速的浏览体验以外,谷歌浏览器强大的插件库也让人忍不住想嗷嗷嗷!今天推荐的这11个chrome插件,都是能提高设计师生产效率,帮设计师事半功倍的好用小工具,一起来收!带你们打开新世界的大门啦。
google chrome浏览器上最受设计师欢迎的扩展程序有哪些?

网页取色器插件-ColorZilla Chrome插件

先进的吸管,颜色选择器,渐变发电机等丰富多彩的东西
Col​​orZilla,最流行的Firefox扩展开发者超过500万下载量的一个终于可以为Chrome!

随着ColorZilla你可以得到颜色从浏览器的任何一点阅读,快速调节这个颜色,并将其粘贴到另一个程序。它可以做这么多......

== ==特点

✓吸管 - 得到任何像素的颜色在页面上
✓高级颜色选择器(类似Photoshop的)
✓终极CSS渐变发电机
✓网页色彩分析仪 - 获得一个调色板任何网站
✓调色板浏览器7预装调色板
✓颜色最近挑颜色
✓显示元素信息,如标记名称,类别,标识,尺寸等历史✓
自动复制挑颜色到剪贴板
✓键盘快捷键
的✓获取颜色动态悬停元素
✓单单击开始采摘颜色(目前仅在Windows上)
✓挑选的颜色从Flash对象
✓挑选的颜色,在任意缩放级别
l


==为什么ColorZilla需要许可QUOT&;在所有网站上&QUOT存取数据;? ==

此权限需要ColorZilla其基本从网站上挑选颜色的功能。 ColorZilla **不**收集您的任何数据或浏览活动上的任何网站。我们是非常狂热的隐私自己,你的隐私是极其importan

Window Resizer:窗口自定义大小调节 Chrome插件

Window Resizer是一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定义浏览器窗口的尺寸。

WhatFont:网页字体识别查询 Chrome插件

识别网页上的字体的最简单的方法。
[请刷新安装后的标签加载WhatFont]

什么是找出在网页中使用的字体最简单的方法是什么?萤火虫和Webkit督察是很容易用于开发。然而,对于其他人,这不应该是必要的。有了这个扩展,你可以通过只徘徊在他们检查网页字体。就是这么简单而优雅。

它还检测用​​于服务网络字体的服务。支持Typekit和谷歌字体API

推荐有线网猴,Lifehacker的,和SwissMiss


反馈:。
电子邮件:chengyin.liu@gmail .COM


更多信息: http://chengyinliu.com/whatfont.html

———————————————————————————

History:
• 2.0.2
- 修复选项页的按钮样式
•2.0.1
- 使用本机屏幕的捕捉
•2.0
- 改进的共享
•1.7
- 增加了字体服务检测FontDeck(感谢马克·珀金斯)
- 改进的字体检测算法
- 提高整体性能
•1.6.1
- 增加颜色检测文本
•1.6
- 增加了鸣叫按钮即时通过Twitter分享
- 改进作风CH375复位
•1.5
- 超过

chrome屏幕尺子插件-Page Ruler Chrome插件

Page Ruler是一款可以测量Chrome浏览器中网页元素大小尺寸的谷歌浏览器插件。页面尺寸测量工具,前端设计师专用。可以测量页面元素、图片和文本的尺寸、位置。Page Ruler是一款可以快速测量出当前页面中某个元素大小尺寸的Chrome插件,在Chrome中安装了Page Ruler插件以后,可以点击浏览器右上角的Page Ruler插件在任何页面中启动它来测量相关的元素大小。

浏览器网页截图插件FireShot:Capture Webpage Screenshot Chrome插件

捕捉网页截图,编辑和保存截图为PDF / JPEG / GIF / PNG / BMP ;上传,打印,发送到Photoshop ,剪贴板或电子邮件
FireShot的抓住了镀铬的网页截图。您可以编辑和注释你的截图。

的屏幕截图瞬间产生任何流量。没有第三方网站和所需的登录!

& QUOT ;最好的免费谷歌Chrome扩展2013 & QUOT ;通过PCMAG.COM ( http://www.pcmag.com/article2/0,2817,2397682,00.asp )

可以用FireShot的网页截图做了什么:

✓捕获网页完全
✓捕获页面
✓捕捉选择
✓保存截图到磁盘PDF, PNG , JPEG和✓
副本截图中唯一可见的部分剪贴板
✓打印截图

此外,在Windows用户可以执行以下操作:

✓编辑截图:裁剪,调整大小,添加文字和箭头标注,模糊领域和应用等功效
✓打印
✓另存截图PDF文件
✓保存截图到磁盘PDF , PNG , GIF , JPEG , BMP
✓发送到OneNote (专业版)
✓上传到Twitter ,谷歌的Picasa , Facebook的, ImageShack的, Flickr后, EasyCaptures
✓截图复制到剪贴板
✓打印截图
✓电子邮件
✓出口在外部编辑器

Responsive Web Design Tester Chrome插件

响应式网页设计测试仪是一种快速简便的方法来测试你的反应灵敏的网站。
测试你的移动网站在移动设备上。
这个扩展既反映了大小和移动设备的浏览器。

PerfectPixel by WellDoneCode Chrome插件

这个扩展可以帮助每个像素精度开发你的网站!
扩展的Web开发人员和设计人员的标记。

此扩展允许开发人员把一个半透明的图像叠加在发达的HTML顶部和它们之间的每个像素比较执行

- &GT。扩展AD支持。广告注入PerfectPixel面板而已,没有任何注射到网站。如果您希望禁用的广告,你可以做到这一点的扩展选项菜单< -

------------------------ ------------------------
请发送错误报告和想法为未来版本to:
support@welldonecode.com
------------------------------------------------

Features:
*没有图片大小限制
*多覆盖支持
*单独覆盖每个网站
*重叠保存浏览会话
*简约易于使用的用户界面
*之间键盘上的方向键和鼠标滚轮支持
*扩建工程与文件://方案(本地文件)

温馨提示:
*双击标题展开/折叠主窗口< BR /> *使用Shift 箭头键为10px的位置变化
*使用Shift 鼠标智能移动

更新日志:http://www.welldonecode.com/perfectpixel/changesets/ < BR />快捷方式: http://www.welldonecode.com/perfectpixel/shortcuts/

---------------------------------------------------------
Like我们免费的产品?你可以支持我们捐赠! http://www.welldonecode.com/donate/

您可以派生我们在GitHub上! https://github.com/WellDoneCode/perfectpixel

Dimensions Chrome插件

Dimensions是一款可以在chrome页面元素距离测量的插件。

Mobile/Responsive Web Design Tester Chrome插件

测试响应的网页设计或检测特定的用户代理移动网页。测试在同一时间muliple设备!
的移动/响应式网页设计测试扩展允许Web设计人员和开发人员通过模拟用户代理和屏幕分辨率,以测试他们的网页,对常见的手机,平板手机和平板设备。优秀的测试响应的网页设计。同时测试多个移动设备!

当你的网站是在开发和测试在实际设备上是很困难的非常有帮助的。

**版本1.9(二○一四年十一月二十日)**
- 增加了后退按钮

**版本1.8(2014年11月19日)**
- 实现更好的滚动

** 1.5版 - 在滚动

**版本1.7(二○一四年十一月一十八日)**
Bug修复(二〇一四年十一月一十六日)**
- 更新/添加新设备
- 更新了布局
- 增加捐赠按钮
- 没有任何改变,但在鼠标滚动工作这一轮的发展。希望它为每一个人生产。我们会看到
- 这在https网页发生修正错误。

Muzli - Design Breakfast Chrome插件

有关设计和互动的环节最新鲜的,来自各地的网络。设计师的必备!
简洁,美观。
为您带来最新鲜的设计,UI , UX和互动的新闻和镜头来自各地的网络。所有你需要的设计灵感。

享受最鼓舞人心的东西在那里。决不会错过下一件大事

特点:
- Muzli精选:实时,手来自网络的挑投
- Dribbble受欢迎的项目
- Awwwards优胜者
- CSS得主(获奖者)
- Behance受欢迎的项目
- 亨特产品新** **
- Techcrunch的
- 混搭
- 下一个web
- 濒临
- Gizmodo的
- 商业内幕
- IO9
- 不断更新一套灵感,资源和设计环节博客

Muzli将取代默认的选项卡,它会成为你的主页,这样你就不会错过任何东西。

Designer Tools Chrome插件

一套有用的工具,包括滴管和标尺的网页设计师,前端开发人员等以后将增加更多的工具。
设计工具是一个开源的Chrome扩展为谷歌Chrome和铬。它可以让你从任何网页或高级拾色器挑颜色。这是web开发伟大的工具。后来,我将增加更多令人兴奋的功能,如标注,距离测量等

Github上的项目: https://github.com/chylvina/chromeDesignerTools

CHANGELOG
==========

版本1.0.0 - 2013年9月6日
版本1.1.1 - 2013年10月2日

- 支持本地的网页,你可能需要“允许访问文件网址” 。请参阅本页面: http://quick-markup.com/p/52663fcf6b3ce
- 支持颜色选择器
- 支持标尺A set of",1,[["一套",690,false,false],["一组",0,false,false],["的一组",0,false,false],["了一组",0,false,false],["的一套",0,false,false]],[[0,8]],"A set of useful tools including eyedropper and ruler for web designers, frontend developers, etc. Will add more tools later.
Designer Tools is an open source chrome extension for Google Chrome and Chromium.",0,1],["useful",2,[["有用的",440,false,false],["有用",15,false,false],["有益",0,false,false],["很有用",0,false,false],["有益的",0,false,false]],[[9,15]],,1,3],["tools including",3,[["工具,包括",323,false,false]],[[16,31]],,3,6],["eyedropper",4,[["滴管",342,false,false],["吸管",102,false,false],["点眼药",0,false,false],["眼药",0,false,false],["取色器",0,false,false]],[[32,42]],,6,7],["and ruler",5,[["和标尺",458,false,false],["和守护星",0,false,false],["和直尺",0,false,false],["行和标尺",0,false,false]],[[43,52]],,7,9],["for web designers",6,[["的网页设计师",409,false,false],["网页设计师",50,false,false],["Web设计",0,false,false]],[[53,70]],,9,12],[