一家店铺的视觉识别,从代码中读出。
petwell.example
设计
配色点击复制
你能看到什么
- 主题声明的品牌色,以十六进制色值显示
- 点击一种颜色即可复制其十六进制代码
- 店面加载的字体家族
- 每个字体家族加载的字重(字体文件注明时)
- 查找每种字体的链接
你拿到准确的颜色与字体,而不必对着截图猜测。
从主题设置到配色。
分析一家店铺
配色与字体随分析的其余部分一起读取,不产生额外请求。
查看颜色
从调色板中复制任意十六进制色值。
查看字体
查看每个字体家族及其字重,并打开它以查找字体文件。
精确研究一个品牌的视觉选择。
常见情况
你喜欢一家店铺的外观,想为情绪板或客户简报拿到它准确的颜色与字体。从截图中取色只能得到近似值,而字体也很难靠肉眼认出名字。
使用 Evidio
分析会读取主题声明的颜色与字体。你可以复制准确的十六进制色值并看到字体名称,而不必猜测。
它能帮你回答的问题
- 哪些颜色定义了这家店铺的品牌?
- 它使用哪些字体?
- 同一细分领域中各家店铺的配色有何不同?
主题声明的颜色,而非屏幕上的每一种颜色。
Evidio 从写入页面的主题设置中读取颜色,并过滤掉装饰性的值。保存在外部样式表中的设置,或以它无法读取的格式写入的设置,会被遗漏。只有当字体文件注明字重时,才会显示字重。图片与应用组件可能会带来未列出的颜色。
继续研究工作流的这一部分。
常见问题
颜色来自哪里?
来自 Shopify 主题写入页面的 CSS 变量,它们反映了商家在主题编辑器中选择的设置。Evidio 保留品牌色,并过滤掉装饰性的颜色。
在哪里可以看到调色板?
在扩展的工具中,你可以在那里复制每种颜色;也可以在你的 Cloud 工作区中该店铺的页面上查看。对比视图会把各家的调色板并排显示。
为什么有些字体没有显示字重?
字重是从店铺加载的字体文件名中读取的。自托管字体或其他格式并不总是带有这些信息。
此功能包含在哪个 Evidio 套餐中?
此基础功能可在免费套餐中使用。付费套餐可根据情况提供更高限额或补充能力。
在真实店铺上试试
看看 Evidio 在你的下一家 Shopify 店铺中能发现什么。
把 Evidio 添加到 Chrome,分析一家真实店铺,并把有用的信号保存在你的研究工作区中。
提供免费版每月 25 次免费分析无需信用卡