神刀安全网

【清单】产品人必备的 12 个 Chrome 扩展程序

懂得寻求利器来提升工作效率,应该是当下产品人的必备能力之一。

以下列举了 12 个 Chrome 扩展程序,相信能够帮你——无论你是 GUI 设计师、前端工程师还是产品经理,节省不少工作时间。

1. WAVE Evaluation Tool

评估页面哪些地方会影响无障碍浏览体验。最常见的,莫过于前端工程师经常忽略图片的 alt 属性。如果你极其注重内容无障碍体验设计的话,这个扩展程序是必备的。

【清单】产品人必备的 12 个 Chrome 扩展程序

2. UX Check

快速、简便地在页面块面上记录问题并生成报告,在写测试报告时尤为方便,告别旧时代截图和标注。

【清单】产品人必备的 12 个 Chrome 扩展程序

3. Windows Resizer

顾名思义,按照你想要的屏幕尺寸来快速调整浏览器尺寸,在查看响应式设计效果时尤为方便。已经提供了一些常用的尺寸,你也可以自定义。

【清单】产品人必备的 12 个 Chrome 扩展程序

4. FireShot

这年头已有不少截图工具了,不过在 Chrome 上还是推荐这个。在 Windows 中它还提供了高级功能(需另装插件)。BTW,在 MacBook 中推荐使用 截图 这个小应用。

【清单】产品人必备的 12 个 Chrome 扩展程序

5. Dimension

快速测量元素之间的尺寸。好用,易用,谁用谁知道。

【清单】产品人必备的 12 个 Chrome 扩展程序

6. ColorZilla

取色器,方便地从页面中取色,还能分析页面的配色方案。

【清单】产品人必备的 12 个 Chrome 扩展程序

7. Page Ruler

随意测量页面元素的尺寸大小。上面提到的 Dimension 更多用于测距,而 Page Ruler 则更多用于测宽高。

【清单】产品人必备的 12 个 Chrome 扩展程序

8. WhatFont

快速查看页面呈现的什么字体。不过,要看页面使用了什么 font-family,还是得检查元素查看为好。

【清单】产品人必备的 12 个 Chrome 扩展程序

9. Search by Image

看到心水的图标后,立马在 Google 中搜索相似图片。

【清单】产品人必备的 12 个 Chrome 扩展程序

10. Multi-highlight

同时标注页面中的多个关键词。

【清单】产品人必备的 12 个 Chrome 扩展程序

11. Pinterest

将心水的图片 Pin 到你的 Pinterest,嗯,就不多解释了。

【清单】产品人必备的 12 个 Chrome 扩展程序

12. OneTap

Chrome 本来就很吃内存,现在还装辣么多的扩展程序?不用怕,我有杀手锏—— OneTap,轻松节省内存。用不惯的话,可以考虑同类神器 The Great Suspender

【清单】产品人必备的 12 个 Chrome 扩展程序

其它

上面所提及的扩展程序主要是产品设计方面的,下面几个也是我所常用的,一起推荐给你:

  • Raindrop.io:智能云标签。如果你只用 Chrome 的话,也同时推荐你使用国内大神开发的 Infinity,但如果你也跟我一样,需要在 Chrome 和 Safari 中切换使用,那 Raindrop 是更好的选择。偶尔延迟。

  • 为什么你们就是不能加个空格?:解决空格癖(比如我,哈哈)的心头病。

  • 印象笔记 · 剪藏:收藏你喜欢的任何内容。

  • AdBlock:屏蔽广告,还原清爽的页面体验(但有些网站的广告还是别出心裁的,比如豆瓣、知乎、纽约客等等,可以加入白名单)。

  • Google 翻译:划词翻译或翻译整个页面。

  • Highly Highlighter:如果你也是 Medium 的读者,想必非常喜欢划句标注和分享功能。而这个扩展程序就能解决这个问题。

  • Imagus:鼠标移到图片上放大细节。实用,但常常出现也略烦人。

  • 添加到奇妙清单:如果你是 奇妙清单 的用户,那这个扩展是必备了。

  • Save to Pocket:同上,Pocket 用户必备。


本文作者: Dominic Huang,一枚开始喜欢码字的产品经理。最近他还提供了另一个清单吧:《24 个高效率产品设计工具》,别错过。

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 【清单】产品人必备的 12 个 Chrome 扩展程序

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址