第一款，浏览器CSS overview这简直就是神器，可以在任意站点查看他们的颜色使用情况、字体使用情况，甚至能分析出是否符合wcag的可用性标准；我在最常用的两款浏览器上（Chrome / edge）都测试了一下，响应速度超快，通过自带的分析基本可以推导出每家企业的基础规划和应用，棒的一比~而且只需要非常简单的操作就可以解锁这神仙工具：

文章插图
第二款，VisBug这款插件是Chrome开发者峰会上，Google推出的新开发工具，它简化了使用简单的点击式界面编辑网页的任务，更适合产品设计师使用，操作如下：

文章插图
这款工具的应用意味着，页面初步开发完成之后，完全可以在一个简单的GUI完成所有的细节调整。开发者和设计师再也不用在浏览器和开发工具之间来回切换、调整、部署了。
四、总结一下不得不说，产品设计一直以来都是侧注重于规则和方法，比如设计组件、设计规范、转化方法、引流方法等等等等；但产品在视觉上因为无法使用方法，以至于权重或多或少的被降低了，这也涉及到一个概念——方法之所以称之为方法，具备一定的流程性和可复制性，所以这篇文章尽可能的把视觉总结归纳成现实可用的方法，希望对铁子们有那么一丁点的启发吧~
#专栏作家#负能量补给站，微信公众号：负能量补给站，人人都是产品经理专栏作家。专注设计观点输出和资源共享。
本文原创发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议

• 太阳系有两个“太阳”，科学家提出“太阳伴侣”假说，它终会回来
• 腾讯|Reno8系列发布新色花仙紫：工艺全新升级，暑假换机还有限时礼盒
• IBM研发“电子舌头”，16个传感器替代上千味蕾，能辨假酒
• 日本|日本匠人又要“鞠躬”！巨头企业三菱电机承认造假十年
• 主板|暑假装机：这一套3A性能平台，谁用谁知道！
• Uber|大量假冒健身环！网店卖假冒switch配件被查
• 科学家提出新假说，外星生命像蒲公英一样遍布宇宙，为什么这么说
• 假如牛顿穿越到现在，他能看懂相对论和量子力学吗？
• 阿里巴巴|老方丈为求“自保”，转型电商，直播人气下滑，销售数据疑似作假
• 公园|关闭近两个月：北京环球度假区终于要开放了！