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、读读陶渊明、看看戈达尔,生活就很美好。

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

时间: 2024-10-12 12:36:33

15款Chrome浏览器插件让设计师告别拖延症的相关文章

使用 Chrome 浏览器插件 Web Scraper 10分钟轻松实现网页数据的爬取

本文标签: WebScraper Chrome浏览器插件 网页数据的爬取 使用Chrome 浏览器插件 Web Scraper 可以轻松实现网页数据的爬取,不写代码,鼠标操作,点哪爬哪,还不用考虑爬虫中的登陆.验证码.异步加载等复杂问题. Web Scraper插件 Web Scraper 官网中的简介: Web Scraper Extension (Free!)Using our extension you can create a plan (sitemap) how a web site

chrome浏览器插件开发经验(一)

chrome浏览器插件开发经验(一) 最近在进行chrome浏览器插件的开发,一些小的经验总结随笔. 1.首先,推荐360的chrome插件开发文档:http://open.chrome.360.cn/extension_dev/overview.html 2.从chrome18开始往后,chrome浏览器插件开发的 manifest.json 文件中的 "manifest_version": 2 属性就必须被显式(固定)的声明了. 3.chrome插件开发,很大程度上需要chrome

chrome浏览器插件启动本地应用程序

chrome浏览器插件启动本地应用程序 2014-04-20 00:04:30|  分类: 浏览器插件|举报|字号 订阅 下载LOFTER我的照片书  | chrome的插件开发这里就不多讲了,本篇文章只讲如何调用谷歌浏览器的api启动本地的程序并与之通信 要启动本地的应用插件需要包括两部分的内容: 1)安装到浏览器的插件部分 2)放置在本地的json文件 第一部分就跟普通的谷歌浏览器插件是一样的,包括两个必须的文件: 1)background.js(名字不一定为background......

chrome浏览器插件 Octotree 让你浏览GitHub的时候像IDE 一样提供项目目录

GitHub 作为代码托管平台,竟然没有提供项目目录,方便用户在线快速浏览项目结构.所以,在线分析项目源码就会变得很繁琐,必须一层一层点击,然后再一次一次地向上返回.要知道,本来 GitHub 网站在中国区的访问就已经很慢了.最无奈的做法就是,下载到本地,再使用 vs 等编辑器打开. Octotree 作为 Chrome 浏览器的一款插件,刚好解决这个使用痛点.他能够像 IDE 一样提供项目目录,快捷导航,方便浏览.同时支持 GitHub 和 GitLab 两个常用的代码托管网站.更贴心的是,你

2016-4-12 FQ记录(chrome浏览器插件FQ试用)

chrome浏览器FQ简单记录 由于最近踏入了WEB开发的旅程,所以昨天想找一个免费的vpnFQ查阅wiki资料和使用Google搜索.蓝灯在MAC还可以用,但是windows就不是那么给力.但是Lantern的贴吧依然给力,昨天不经意间又发现了新的FQ方法.就是使用她已经配置好的chrome进行FQ,虽然chrome的版本才是36,最新的已经50+.但是我问过lz,她说升级可以保存插件,当然我还未升级,你们升级了可以告诉我下哈. 废话不多说,上地址 http://tieba.baidu.com

chrome浏览器插件推荐——Vimium 篇

Vimium 是chrome底下的一个插件,所有chrome浏览器或者是基于chrome内核的浏览器(比如我用的Vivaldi)都可以使用这个插件.它提供了大量快捷键来方便键盘党浏览网页.目前在Chrome网上商店已经有3000+的好评了,基本都是五星好评! 其中 f 快捷键可以标识页面中所有可以点击的元素简直属于黑科技范畴. 当然,一次性记忆大量快捷键是不科学的.值得一提的是,Vimium的大量快捷键和Vim重合,本人没有用过vim(只知道insert那种).大大方便了使用者类比记忆快捷键.

nodejs + webpack4 + babel6 结合写Chrome浏览器插件记录

最近任务不忙,有时间了看一下Chrome插件相关的东西,于是想用nodejs + webpack写一个能直出插件的小工具. 1.nodejs + babel6 + webpack4 在写之前,是有把它写成依赖包之类的工具的,但是现在处于编码调试阶段,各个部分还没有进行封装,只是实现了相关的功能,后续会实现预计的构想. 1.nodejs部分 nodejs部分主要实现了对manifest.json文件的解析和输出功能,对接webpack功能.这里使用了nodemon来代替webpack自身的watc

介绍一款chrom浏览器插件 DHC是一款使用chrome模拟REST客户端向服务器发送测试数据的谷歌浏览器插件

先打个小广告哈 公司招java架构师,月薪25K以上,负责电商平台架构工作,工作地点在北京 1号线永安里站 附近,如有意向 请把简历发我邮箱[email protected] 可以内部推荐. DHC是一款使用chrome模拟REST客户端向服务器发送测试数据的谷歌浏览器插件. DHC的开发背景 在web开发中,服务器端和客户端的开发和测试必不可少,但是测试的工作往往需要服务器端完成之后,客户端才能进行测试,这无疑延后了测试流程,导致服务器端开发完成后,无法进行充分的数据测试,很容易造成服务器端和

Postman接口调试神器-Chrome浏览器插件

首先大家可以去这个地址下载 Postman_v4.1.3 这个版本,我用的就是这个版本 http://chromecj.com/web-development/2014-09/60/download.html 下载完以后以后加压大概就是这个模样,其中.crx是我们要执行的文件,红色框里的叫私有秘钥文件 此时不能直接拖拽到谷歌浏览器的扩展程序界面,如果你直接把.crx文件拖拽到扩展程序的界面会有如下错误提示,说只能通过谷歌浏览器的 网上应用商店添加该程序,为什么会出现该情况呢? 是因为自 Chro