设计师专属！有哪些强大好用、鲜为人知的Chrome插件？
热度0票&&浏览10次
时间：日 14:12
编者按：提高工作效率好帮手！今天贝尼同学将自己的私人珍藏分享出来，从配色方案到搜图搜资源，都有超方便的Chrome插件能帮设计师们事半功倍搞定工作，最后还有小编呕血推荐的一款超方便的免费科学上网插件（你懂的），千万低调地马克呦！
ColorZilla（颜色工具）
这款插件我最常用是用它来吸网页里的颜色，无论是页面css渲染的颜色还是图片（或canvas）的颜色都能够采集到，并且能够设置颜色的格式（RGB，HSL，Hex）。每次你采集完后，它会根据你的设置自动吧颜色信息存到剪贴板，你只需要进入设计软件黏贴即可。同时它还会记录下你之前采集过的所有颜色。
除了吸色的功能外，还有一个类似于adobe kuler的配色器，当你选择页面颜色后，能够实时生成一张模拟的页面预览。
Palette for Chrome（配色工具）
曾经看到一篇文章是介绍如何简单的从照片中得到配色方案的灵感。而这款工具正好能够帮你很方便的实现这个功能。安装之后对网页里你认为颜色漂亮的图片右击选择这个应用，它就会生成这张图片中的色卡，默认是16个颜色。你可以根据需求进行调整。其实类似功能的web app也相当多，但是它好就好在我随时用随时右击就可以了，比较方便。不足之处是不支持本地图片。
Search by Image（搜索工具）
顾名思义，以图找图。谷歌很早就推出这个功能了，这款插件也是谷歌官方制作的。当你在某个地方看到一张图片，觉得甚是喜爱，想要找到大图，或者更多资讯时，又碍于不知道搜索什么关键字的时候，这个就派上用处了，直接对图片右击选择这个应用，自动就会链接到谷歌的图片搜索页面。
注：最新版已有这个功能 ：）
Search All（辅助搜索工具）
作为一个设计尸，工作中经常会需要搜索，而设计素材的资源平台种类繁多，每次找东西，先打开资源平台，等页面加载完后再输入搜索的内容，再等待搜索结果的加载显得很麻烦也很慢。而这个插件能够帮助我们解决这个问题。它可以自定义多个搜索平台，比如常用的iconfont、dribbble、花瓣等等。当你设置完之后，每次搜索只需要点击按钮，输入需要搜索的关键字并选择平台，就能直接搜索了。对于我这种懒人来说太适合了。另外，当你使用谷歌搜索内容时，这个插件额外会在你的收藏夹中进行关键字的搜索。不足之处是这个扩展的设置并不会通过谷歌账号同步，所以不同的电脑需要分别设置一次。
对本文中的事件或人物打分:
当前平均分：0 （0次打分）
对本篇资讯内容的质量打分:
当前平均分：0 （0次打分）
【已经有0人表态】
[感动最多的]
[路过最多的]
[高兴最多的]
[难过最多的]
[搞笑最多的]
[愤怒最多的]
[无聊最多的]
[同情最多的]
上一篇：上一篇没有文章了
下一篇：下一篇没有文章了
看客网为广大的个人站长提供素材、技术、文章等网站建设相关资源,以及站长相互合作、学习、沟通的交流平台。42186人阅读
自Chrome推出以来，由于其极快的启动速度和页面加载速度、日益剧增的强大的插件以及简洁清新的界面，越来越受用户及开发者的欢迎，其市场占有率也在不断攀升，人们也相信，其取代IE、Firefox的地位也只是时间问题。在Chrome浏览器中，用户可以轻松添加各式各样的插件来提高日常工作的效率，这里我们为设计者和开发者精选了27款实用的Chrome插件，希望能够对您有所帮助。&当您添加了以上插件后，您肯定会需要工具管理您的插件。 AppJump是一个Chrome插件，让您能从工具栏下拉菜单上快速找到并启动您的应用程序和其他插件。AppJump的一个很酷的功能是能将应用程序和插件组织进入不同组。例如，您可以轻松将个人插件同工作插件隔开，以进行更有效的时间管理。AwesomeScreenshot顾名思义，可以对整个和局部页面快照，在截图后可以使用圆圈或下划线突出相关部分，也可以模糊掉不相关的内容，并做出批注。您可以保存图片到本地或上传和接受图片链接进行共享。&在介绍AwesomeScreenshot后，我们再介绍一个截图工具，也许您会感觉到奇怪为什么我们要介绍两个截图工具，这是由于Awesome Screenshot有一个缺点，它需要访问您电脑和浏览器的历史记录上的所有数据，对于用户来说这无疑是在侵犯他们的隐私权，而Aviary就无需获取用户个人信息。Chrome Sniffer可让您检查任何网站使用的框架。它可以定位并显示在网站上的任何已知的内容管理系统（CMS）或JavaScript库。此插件功能对于浏览那些令人兴奋的非人力所及的网站无疑是伟大的。目前，Chrome Sniffer可以检测超过100框架。面临从本地操作到在云上工作的巨大转变。作为设计者和开发者，您习惯于在网络上工作，但您是否在线保存重要的文件？如果您的借口是，这种保存方式不怎么方便，那您也许需要看一下什么是云储存。它允许您保存支持云储存的任何网站的文件，如：Amazon、Dropbox和Flickr。CodeCola允许用户编辑网站内的个别网页，它允许您点击网页的一个区域，并自动编辑CSS。CorporateIpsum对于标准Lorem Ipsum文本补白是一个有趣的替代插件。借助此插件，您可以用“corporate”speak（企业的公关说辞）和流行语补白您的网站。Corporate Ipsum的一个例子是，“胜任的和目标企业的数据，并带有多功能的构想。” 该插件基于流行的同名Mac产品。Diigo是互联网信息组和其他事物的简称。它是一个在线的研究工具，使用户能够管理信息。以多种颜色突出显示网页，即时贴在您的社交网络的交流页面，并创建组以共享您的研究。&Drag2up是一个易于使用的文件附件系统。不是通过点击各种窗口，而只需从您的电脑拖动您想要上传的文件到上传框中就可以了，您也可以将文件上传到各种托管网站，包括Flickr、ImageShack、Twitpic和Box.net，此插件是必须下载的功能插件之一。您不时会遇到一些完美的绿色阴影，而且您想把它融入到您的页面设计当中，那么Eye Dropper插件就能帮助您找到确切的阴影，而且它能跟踪您的颜色历史记录。&Firebug是个伟大的工具，使人们难以从Firefox过渡，从而放在一旁。幸运的是，Chrome有一个叫Firebug的插件，提供了一项类似的功能。Firebug Lite同Chrome开发工具一同工作，使开发人员能够检查和编辑HTML和DOM元素。它还允许您轻松地调试。Firebug Lite实际上是一个JavaScript文件，一旦插入网页，就如同原来的Firebug。&Greplin允许在您的私人数据中进行搜索。使用此插件来查找您在不同网站中提交的信息，如Twitter、Facebook甚至是Gmail。它给数据添加索引使数据易于搜索，不需通过您的历史记录来搜索，所以您可以方便地调用Greplin中的数据。HTMLInstant是一个实时的HTML工具。它具有画面分割功能。当您在分隔屏幕的左边键入代码时，您可以在右边实时查看效果。HTML Instant不但支持HTML，而且它也支持CSS和JavaScript。您还可以从Image Shack、Photobucket或随机的托管图片的网站上传图片。此HTML编辑器对于新手来说还具有易使用的特点。&IE Tab插件允许您从一个模拟的IE中查看网页，同时仍使用Chrome浏览器，由于 IE仍然是大部分网民首选的浏览器，目前仍有一些网站在IE下运行的最好，甚至只支持IE。此tab允许您使用InternetExplorer而又无需牺牲你的尊严。首先，IE Tab仅适用于Windows。这是因为它使用了Windows的内置Internet Explorer渲染引擎。出于这个原因，只能怪Mac用户运气不好。&图片属性环境菜单是一个有用的Chrome插件，它提供与所选图片相关的一切信息，用户可以找到图片的位置和源图片，它还显示图片的尺寸和文件大小。这是一个简单而有效的插件，不知什么原因该功能没有包含在Chrome浏览器中。&MeasureIt是设计者的一把尺子，您可以用它来量度页面上任意元素的尺寸，只要点击一下该插件，并且拖出尺子就可以快速而且方便地度量尺寸。一个伟大的网页设计师和一个好的网页设计师的区别在于是否知道去哪里获取称心的图片。任何设计师都知道，要寻找合适的图片是设计中最耗时的部分之一，尤其是如果您在几个地方寻找图片资源。此插件就能够帮助您在5个顶级图片库轻松搜索到图片，包括Dreamstime、Fotolia及 Shutterstock。Chrome调色板十分实用，您只需右键点击任何图片。此插件可以创建一个16、24或32调色板。另外，您还可以创建自定义调色板，选择您喜欢的图片然后获取其中的颜色添加到您页面设计中。强大的Pendule插件结合了几个在此列表中的插件的功能。Pendule允许您查看和更改JavaScript和CSS。您还可以查看特定的图片信息，或完全隐藏起来。这是一个强大的开发工具，包括颜色选择器，HTML和CSS验证器和链接检查。PlainClothes是一个有趣的而且有用的插件，您可以通过它查看一个网站的概要。有时更容易看到设计中的错误或当它变成黑白时分析它的工作原理，PlainClothes允许您拆开一个网页到一个文本颜色、一个背景颜色和一个链接颜色中。链接被下划线，文字是默认的。其实，对于添加可达性到您的网页设计中，PlainClothes非常实用。&您可以通过更改浏览器的大小来测试您网页的显示效果。Resolution Test可以测试您网页在不同分辨率下的显示效果，而且您可以查看当前测试分辨率。Searchby Image是我最喜欢的Chrome插件之一。此插件可以在不同的网站上搜索您指定的图片。借助此插件也可以搜索类似图片。只需右击利图片，并选择“通过Google搜索该图片”您将查找到包含该图片或匹配该图片的网页。SessionManager 可以保存当前打开的标签，特别对多次打开的同一网页很有用，此插件可以把不同的网站进行分类保存。例如，将您的所有社交网站捆绑在一起，使您可以快速访问他们，而无需单独打开每个站点。关闭他们也一样快，并保证您的标签已保存。&类似于Session Manager ，TabJump可是青出于蓝胜于蓝。它不仅管理您的标签，此插件也可以锁定标签，防止您意外关闭一个重要的标签。如果您错误关闭一个标签，TabJump允许您重新打开它，但要记住，该插件无法还原历史记录。&因为永远不会有一个完美的插件来管理浏览器的标签，TooManyTabs是另一个必须具备的插件，其显示了所有已打开的标签缩略图。当您打开了许多标签时，可以不再需要阅读标签标题，因为它提供了一个直观的视图效果。&WebDeveloper是另一个全面的开发者工具。它的开发者同时也开发很多受欢迎的Firefox插件。有了此插件，用户可以查看和编辑CSS、显示图片文件的大小和清除会话cookie。&对于大多数的网页设计师，字体可算是头等大事。您是否经历过，在一个随机的网站上找到了完美的字体，然后只有搜索无尽的代码来寻找答案吗？如果您想事情变得简单，可以安装这种字体寻找插件。只需将鼠标悬停在一个文本上，并找到使用的字体。此插件不仅会告诉您字体的名称，它也提供字体大小和颜色。PS： 杰奎琳托马斯是一位屡获殊荣的作家和网页设计顾问，您可以在上找到她，并关注。您有任何不在此列的喜欢的插件吗？请在评论中与我们分享。英文原文：
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
CSDN下载频道是Google Chrome浏览器官方指定下载站点，可以确保您下载到免费的最新版本无插件绿色软件。在推广期下载并安装Chrome浏览器通过其下载任何资源可获得30分下载积分。免费体验高效办公还有积分相送你还不快来试试！
Chrome使用心得经验技巧介绍
Chrome精彩插件集锦
Chrome概况及背景介绍
(33)(40)(10)(10)设计师专属！有哪些强大好用、鲜为人知的Chrome插件？
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
设计师专属！有哪些强大好用、鲜为人知的Chrome插件？
编者按：提高工作效率好帮手！今天贝尼同学将自己的私人珍藏分享出来，从配色方案到搜图搜资源，都有超方便的Chrome插件能帮设计师们事半功倍搞定工作！
（颜色工具）
这款插件我最常用是用它来吸网页里的颜色，无论是页面css渲染的颜色还是图片（或canvas）的颜色都能够采集到，并且能够设置颜色的格式（RGB，HSL，Hex）。每次你采集完后，它会根据你的设置自动吧颜色信息存到剪贴板，你只需要进入设计软件黏贴即可。同时它还会记录下你之前采集过的所有颜色。
除了吸色的功能外，还有一个类似于adobe kuler的配色器，当你选择页面颜色后，能够实时生成一张模拟的页面预览。
配色神器大合集：
（配色工具）
曾经看到一篇文章是介绍如何简单的从照片中得到配色方案的灵感。而这款工具正好能够帮你很方便的实现这个功能。安装之后对网页里你认为颜色漂亮的图片右击选择这个应用，它就会生成这张图片中的色卡，默认是16个颜色。你可以根据需求进行调整。其实类似功能的web app也相当多，但是它好就好在我随时用随时右击就可以了，比较方便。不足之处是不支持本地图片。
上文提到的文章在此：
（搜索工具）
顾名思义，以图找图。谷歌很早就推出这个功能了，这款插件也是谷歌官方制作的。当你在某个地方看到一张图片，觉得甚是喜爱，想要找到大图，或者更多资讯时，又碍于不知道搜索什么关键字的时候，这个就派上用处了，直接对图片右击选择这个应用，自动就会链接到谷歌的图片搜索页面。
注：最新版已有这个功能 ：）
（辅助搜索工具）
作为一个设计尸，工作中经常会需要搜索，而设计素材的资源平台种类繁多，每次找东西，先打开资源平台，等页面加载完后再输入搜索的内容，再等待搜索结果的加载显得很麻烦也很慢。而这个插件能够帮助我们解决这个问题。它可以自定义多个搜索平台，比如常用的iconfont、dribbble、花瓣等等。当你设置完之后，每次搜索只需要点击按钮，输入需要搜索的关键字并选择平台，就能直接搜索了。对于我这种懒人来说太适合了。另外，当你使用谷歌搜索内容时，这个插件额外会在你的收藏夹中进行关键字的搜索。不足之处是这个扩展的设置并不会通过谷歌账号同步，所以不同的电脑需要分别设置一次。
【超赞的取色工具大合集】
除了找现成的图片来配色之外，你还可以试试「彩通配色」：
取色工具多不胜数，不过Kuler应该还是口碑最好的几个取色工具之一：
当然，行走江湖怎么可以没有备用方案！所以，这个时候不妨看看：
原文地址：
作者：贝尼
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量90万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
官方微信：想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗？添加优设哥微信号：youshege
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注适合网页设计师的11个不错的Chrome插件 - 博客 - 伯乐在线
& 适合网页设计师的11个不错的Chrome插件
& 4.3K 阅读
英文原文：，编译：
有着各种好用的扩展程序和应用程序，其中有许多都让设计师们的生活变得轻松很多。但其中也有许多滥竽充数的程序，安装他们实在是浪费大家的时间。
所以，为了让各位免去这些困扰，我们总结了一些对于设计师们来说最好用的工具。
以下就是我们找到的11个网页设计师们必须拥有的程序：
Bounce 对于在网站上分享评论、想法和笔记等内容绝对是最佳之选。这可以说是与客户进行反馈交流最好用的工具，它解决了在设计过程中最恼人的一个问题。
对于大多数创造者来说，寻求意见是最难的。毕竟没有谁能轻轻松松地面对各种批评。不过，反馈意见是设计过程中极为重要的一环，而且整个团队都很需要它。
Tape 是一个用来测量像素值的网站设计工具。它能够智能地截取页面内容，并且非常方便的测量元素的位置和大小。如果你也经常需要截图来检测页面布局是否完美，那么你需要 Tape。
Adblock Plus
有很多网站，广告就是用户体验的死神。如果不想每次使用电脑的时候都被无数的广告连环攻击的话，做个深呼吸，安装这个扩展程序然后放松一下，因为那些推销产品的广告已经少了很多了！
注意：这个扩展很有争议，因为它让很多网站的潜在盈利都变少了，当然是否使用它还是取决于你的。（其实景德镇内的很多网站的广告已经直接秒杀用户了吧，屏蔽有时候还是必要的）
来自 Adblock Plus ：Adblock Plus 是一个开源项目，致力于让互联网更好用。最初是为了火狐浏览器设计的并且拥有超过1亿次的下载量成为了全球最受欢迎的扩展程序。现在我们推出了 Chrome 版本的 Adblock Plus （之前是 AdThwart），同时开源社区也在努力让它也具有火狐版本的所有功能。
Evernote 是一个写作和整理的强有力工具，能够完美的追踪设计构思、建立模型、回顾历史记录甚至是管理收据。Evernote 是给所有使用电脑、智能手机或者平板的没有过目不忘能力的人的。换言之，是给所有人的。
Ge.tt 是在与用户及团队间传输文件的最好方法之一。不用担心那些电子邮件不支持的文件格式，Ge.tt 可以完美的解决这些问题。你可能也会想到用 Dropbox 的公共文件夹来共享文件，但是 Ge.tt 客户可能可以更快地理解。 Ge.tt 还能让你立刻获取对方上传的文件。
Color Pick
Color Pick 是一个获取网页上任何地方的十六进制颜色值的滴管工具。有时候它会让人感觉些许笨拙，但是总的来说它是网上商店中最好的之一。
如果你在寻找一个有着放大镜预览功能的便捷滴管工具，那么 Color Pick 绝对适合你。
Screen Capture (来自 Google)
在所有 Chrome 的截图扩展程序中，Google 自己的 Screen Capture 是最简单也是最可靠的。这个扩展让你可以截取整个网页、可见区域或者是用户自定义区域。在截取图像后，在一个新标签中你可以添加文字、线条及隐藏特别的信 息，然后再下载下来或者分享到 Facebook 或者 Picasa。
ColRD (Gradient Creator!)
CoIRD 是一个 CSS3 的渐变创造器。CoIRD 本身是颜色块的形式——就好像是一个调色板。在每一个色块中间你可以看到一个中间值控制框。这些控制框能让你滑动颜色偏向色块的左边或右边。
色块可以通过拖动来重新排列，同时你也可以将变化曲线中的不同区域拖走来删除他们。
无论你画什么，甚至你不会画画都没关系。每次你在 Harmony 中拖动鼠标的时候，都会有着很绚丽的图画。这算不上什么设计工具，到更是一个带来灵感的工具。设计者描述它是“一个程序绘画工具，带有各种特别的画刷”。
Aviary Image Editor
Aviary Image Editor是一个最接近 Photoshop 的浏览器程序了。我不推荐大家单独使用这个程序来进行设计，但是它对于电脑上没有图像设计程序的人来说却是相当有用。
有时候激发你创造力的最好办法就是休息一下。Pulsate 简单来说就是一个通过动听的声音进行放松的程序，和 Harmony 很相似，只不过后者是视觉刺激。如果对 Pulsate 感兴趣，你也许可以再去看看 ，一个 iPad 上的音视觉娱乐程序。
可能感兴趣的话题
为作者带来更多读者；为读者筛选优质内容；专注IT互联网。
最新评论（期待您也参与评论）
汇集优质的Python技术文章和资源。人生苦短，我用Python！
JavaScript, CSS, HTML5 这里有前端的技术干货！
关注安卓移动开发业界动态，分享技术文章和优秀工具资源。
关注iOS移动开发业界动态，分享技术文章和优秀工具资源。
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线博客团队正试图以我们微薄的力量，把优秀的原创/译文分享给读者，做一个小而精的精选博客，为“快餐”添加一些“营养”元素。
欢迎关注更多频道
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选博客文章
– JavaScript, HTML5, CSS
– 专注Android技术分享
– 专注iOS技术分享
– 专注Java技术分享
– 专注Python技术分享
（加好友请注明来意）
网站使用问题
请在询问或者反馈
& 2015 伯乐在线
赞助云主机摘要 : 我是设计师是一款Chrome浏览器中的三维建模插件，此插件由纯HTML5开发，非常的有趣和强大。
我是设计师是一款同时支持Chrome和Firefox浏览器的三维建模插件，但是限于本主题只介绍在Chrome浏览器中的用法，在Firefox中的使用方法也是大同小异，这次不再叙述。 首先要在Chrome中下载和安装我是设计师这款插件，具体的做法可以在Chrome商店中搜索并下载，或者是点击本站下方的下载链接下载crx文件到本地计算机中，然后通过Chrome浏览器载入该插件。
在Chrome浏览器中安装了我是设计师插件以后，可以通过Chrome插件的扩展管理器中启动我是设计师插件。启动以后可以看到在插件的左侧是工具栏，中间位置是绘画的图纸，下方是一些图片大小调整、旋转等工具。 在左侧的工具栏中主要提供了绘制三维图像的一些图形工具，如矩形、圆形、多边形、三角形、颜色等工具，这些工具是绘制三维图像的基本工具。选中其中的一个工具按钮后，可以在中间部分的空白图纸中画出相应的图形。
在下部位置是一些放大、缩小、旋转等按钮，通过这些按钮可以实现三维图像的绘制，在绘制一个基本的形状图形以后，可以将图形反转进而绘制立体的三维图像。当绘制完成基本的图像以后，可以选择调色板进行着色，着色以后一个基本的三维图像的大部分工作已经绘制成功了。
当然，如果用户觉得绘制整个三维图像比较吃力，或者希望从一些基本的三维图像进行扩展绘制，可以选择我是设计师的云端模版库来启动一个项目，这样就可以快速地在原有的图像上面进行修改绘制。 我是设计师是一个简单而强大的Chrome HTML5插件，使用它可以在用户的工作或者学习者获得一定的帮助，如果您对这款插件有兴趣可以选择到Chrome商店中进行下载并安装，或者是点击本站下方的下载链接下载我是设计师的crx离线版本。
转载必须注明来自：
相关Chrome插件推荐：
Chrome插件技术开发工程师
04-19 01:35
02-01 22:31
05-24 21:25