15款Chrome浏览器插件让设计师告别拖延症

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了15款Chrome浏览器插件让设计师告别拖延症相关的知识,希望对你有一定的参考价值。

秋高气爽,分享一大波有效帮助设计师提高工作效率的Chrome浏览器扩展程序!

技术分享

高效是另一种王道

无论是在工作中,还是在生活中,有些词我们说来就满满正能量,而另外一些话提起就很沮丧,后者如拖延症,前者如事半功倍,在节奏快、时间少的现实面前,高效办公往往意味着更多的可能。当我们打开电脑,通过浏览器来协助我们的工作时,那么显然花在浏览器上的时间越短,越有利于工作。

正是因此,阿随君就分享12枚常用的Chrome浏览器的扩展程序,集中精力,告别拖延症,走上高效办公之路。

技术分享

爱用chrome浏览器的小伙伴求插件

前方高能教程

1、Power Zoom:放大看图

嗯,作为设计瞄或者只是一枚上网瞄,行走江湖离不开找图看图,而很多时候先看到的都是缩略图或是小图,需要点击才能看到大图,这个时候,Power Zoom就派上用场了,它能够帮助你省掉点击那一步,只要让鼠标悬浮在图片上就可以看到大图了。而且,这家伙不仅能放大看jpg,还能放大看gif图,棒棒哒。

技术分享

鼠标悬浮即可放大小图

技术分享

gif图也可以放大查看

PS:稍有遗憾的是,并非所有情况都能放大出来,偶尔会遇到没有反应的,目前阿随君也没找到原因,如果小伙伴有熟悉的,欢迎留言告知哦,么么哒。

2、joxi full page:截图插件

Chrome截图插件有很多,阿随君也用过很多,比较之后决定推荐“joxi full page”,它的优点是支持滚屏截图,再长的网页也不怕,一键截取。同时,支持对图片的简单编辑,边截图边修图,一款两用,很不错的。

技术分享

简单明了,两种截图

截图之后,正如下图所示,该款插件也支持简单的编辑工作,包括裁剪、箭头、添加文字、矩形和椭圆形状工具、标记序号、模糊工具等,而它的保存功能也很丰富,除了直接保存外,还支持直接复制使用、直接发到社交网站等。

技术分享

截图后的编辑功能

3、Picture Downloader Professional:下载网页图片

看图、截图外,很多时候还要存图,右键另存为的操作属于高频动作,一张张存的重复动作,做多了很烦人,而该扩展程序的作用就是:保存当前网页的所有图片,操作也比较简单。

技术分享

如图操作开始下载图片

技术分享

如图选择保存文件夹

4、Pixlr Editor:图片处理

PS的替代品是一个经常被提起的问题,虽然阿随君作为Adobe粉并不是很感兴趣啦,但是还是在这里分享一款轻量在线PS类工具吧:Pixlr,它具备了很多PS的常用功能,这从工具栏和菜单栏就能看出来了,画笔、裁剪、滤镜、图层等等都有。当一时用不了PS的时候,可以拿它应急。同类的插件中,Fotor也不错。

技术分享

欢迎界面,注册后支持网络图库

技术分享

感受一下工具栏、菜单栏

5、Page Ruler:网页量尺

这个插件主要提供了测量网页的功能,当我们在浏览网页发现一个页面元素非常好的时候,对它很感兴趣,想要模仿或者进一步了解时。就可以点击该插件,然后画一个矩形框住它就可以查看它的长、宽尺寸,以及左边距、右边距、上边距、下边距等属性。操作如下图所示:

技术分享

地址栏下方就是测量结果查看区

6、WhatFont:识别字体

顾名思义,这个插件的作用就是鼠标悬浮之处,会显示该处的文字是什么字体的,如下图所示效果。不过,目前该插件同PS的匹配字体功能一样,只能识别英文字体。如果有中文字体需求的话,推荐小伙伴们继续使用“求字体”网。

技术分享

悬浮即可显示字体

7、Bitmoji:制作卡通头像

利用这个插件,轻松制作卡通头像,而且能直接把头像用到邮件中、聊天软件中等等,而且可以直接应用facebook账号登录,当然了,wuli小伙伴们估计方便的还是注册账号使用了。

技术分享

好玩的卡通头像,浏览器也可以做

8、CloudConvert:文件转换器

正如这款插件的名字,它是一款在“云”上转换的工具,不用把文件下载到本地,在网上即可完成,而它另外一个优点就是支持格式多,包括但不限于:文档、音频、视频、压缩文件、图像、演示文件、电子表格、矢量文件、电子书、CAD文件、字体文件等等类型的文件,支持它们各种格式对的转换,非常实用,具体格式可以在https://cloudconvert.com/formats这里访问,或者只需点击首页的两个“anything”也可查看。此外,它在转换的时候,也有丰富的细节设置,包括分辨率、比特率等等。

技术分享

功能非常人性化,支持中文

9、Responsive Web Design Tester:自适应网页测试仪

简单来说,这个插件就是帮助网页设计师测试网页在PC端和移动端的显示效果的,操作也很简单,安装后,打开需要测试的网页,点击地址栏旁边的该插件图标,即可选择相对应的手机或者平板品牌和型号,稍事片刻,即可看到效果,如图展示所示,类似功能的插件还有Emmet Review(在不同的分辨率下测试网站的显示情况)等。

技术分享

点击图标,展开机型菜单

技术分享

选中测试机型

技术分享

显示效果预览

当觉得默认的品牌、机型或者分辨率不够时,我们还可以随时自己添加,并根据手机系统等对这些进行分组管理,非常方便。

技术分享

可添加新的测试机型

10、100000 Stars:宇宙星空

10万颗星星,这款插件酷到没朋友啦,有史诗般的配乐,戴上耳机效果更佳,通过鼠标移动、滚动滑轮等操作,可以从小到大,从大到小的观察、欣赏宇宙中最美丽的星星,可以点进任何一个星系去看,还带有科普文字,灰常涨知识。总之,这是一款非常棒的插件,强烈推荐,每一帧截图下来,都是完美的桌面,素材,棒棒哒。

技术分享

动图展示,强烈推荐使用,酷

11、smartUp:鼠标手势

用过Opera浏览器的童鞋们,应该都感受过它的鼠标手势功能吧,诸如后退、前进、刷新、回到顶部、滑到底部等等常用功能,只需点点鼠标就可瞬间完成,方便快捷。正如有人喜欢键盘快捷键,那可以在Chrome中安装Vimium插件,也有人喜欢羡慕Opera的鼠标手势,那就可以使用smartUp这款插件。

这款插件的设置简单,快捷操作很实用,通过几张截图感受一下,喜欢用鼠标的童鞋们可以入手了。

技术分享

通用设置,可自动识别中文环境,非常棒

技术分享

丰富的鼠标手势设置

技术分享

鼠标拖拽功能设置

12、Context:给插件分类

好了,最后再来一款效率类的,插件安装多了,难免找起来麻烦,这个时候,一款分类管理的插件就很重要了,Context就能满足这个需求,而且用上这家伙之后,你再次安装新插件的时候,它还会提醒你新插件分在哪一个组里,非常的便利。对于装了超级多插件的小伙伴来说,Context值得拥有。

既然提到了插件效率的问题,实际上,OneTap这款节省chrome内存资源的插件也值得一用,chrome一个缺点就是标签页开多了后,对电脑的内存是一个极大的压力,这个时候可以通过这个插件,一键把所有标签页面都集中到一个页面,然后看哪个网页就单独打开哪个网页,极大释放内存,不卡顿。

技术分享

欢迎界面,提示操作

技术分享

新建分组,命名选图标,形象好用

技术分享

只需拖拽即可完成分组

技术分享

使用方法

OK。这就是阿随君本文要分享的一些常用插件了,实际上,Chrome浏览器中好用的插件有超级多的啦,但是毕竟少即是多,选用自己喜欢的、提高效率的才是王道,而如果这12款还不能满足你,那么推荐两个Chrome插件资源网站,超多的而且带有说明,推荐收藏。PS:chrome应用商店,当然也是插件选择的地方啦,只要登录的上,否则的话,这两个网站值得拥有哦。么么哒。

http://chromecj.com/

http://www.cnplugins.com/

OK,我就是那个爱折腾软件的策划君阿随,没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔,生活就很美好。

如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。

以上是关于15款Chrome浏览器插件让设计师告别拖延症的主要内容,如果未能解决你的问题,请参考以下文章

Tim Urban:你有拖延症吗?

Tim Urban :“你有拖延症吗?”

#Chrome#6款高效的谷歌浏览器插件

chrome像素尺子插件Page Rule

拖延症与选择恐惧症

TED 你有拖延症吗? Tim Urban