应用截图

详细介绍

用户会快速浏览页面，您的设计需要适应这一点。模糊效果显示快速浏览者首先注意到的内容，灰度效果检验结构在没有颜色时是否仍然清晰。 在您用来创建设计的工具中，设计看起来很棒。 但它真的有效吗？ 事实是：大多数用户不会仔细阅读您的页面。他们只是扫一眼、快速浏览，并在 3 秒内决定某个内容是否值得关注。 Skimmet 告诉您他们看到了什么，又错过了什么。 ─────────────────────────────────────── 两项测试。一次点击。无需猜测。 ─────────────────────────────────────── 👉 模糊测试 显示眼睛在大脑反应之前首先注意到的内容 模糊页面，您就能立即像快速浏览者一样看待它。 什么内容最突出？什么内容消失了？如果最重要的操作在模糊后不够醒目，大多数用户就看不到它。 ❓问问自己： + 您的目光首先落在哪里？ + 最重要的操作是否足够醒目？ + 页面有一个清晰的焦点，还是有许多相互争夺注意力的元素？ + 布局是否引导视线，还是让注意力分散？ 👉 灰度测试 检验结构在没有颜色辅助时是否仍然清晰 去掉颜色，也就去掉了表象。剩下的才是真正的视觉层级。如果此时结构变得混乱，说明之前全靠颜色支撑，而颜色是人们首先忽略的东西。 ❓问问自己： + 注意力应该如何从一个元素转移到下一个元素，是否清晰？ + 没有颜色时，各元素看起来是否仍可区分，还是融为一体？ + 元素的位置是否让下一步操作显而易见？ ─────────────────────────────────────── 为关心设计是否真正有效的设计师打造 ─────────────────────────────────────── + 在交付前使用，而不是等别人发现问题。 + 在竞争对手的网站上运行，30 秒内了解其转化效果好的原因。 + 将它用于设计评审。它会提出没人提出的问题。 ─────────────────────────────────────── 使用方法 ─────────────────────────────────────── 1. 点击 Chrome 工具栏中的 Skimmet 图标 2. 应用模糊效果（低／中／高／最高）或灰度效果 3. 看清设计的真实效果 无需注册。不收集数据。适用于任何网页。 ─────────────────────────────────────── 这个方法在设计界有个名字 ─────────────────────────────────────── 它叫作眯眼测试。 设计师多年来一直在使用它。大多数人手动眯眼看屏幕，希望找出问题。Skimmet 只需一次点击，就能为您完成测试。 想了解这一技巧背后的原理吗？ 📺 https://www.youtube.com/watch?v=BCdhPxFnEt8 大多数设计工具帮助您让设计看起来美观。 Skimmet 帮助您让设计真正发挥作用。