跳转至主要内容
Shopify 店铺装修

第 199 期 Shopify 店铺装修和网页设计必备免费工具 Visbug 用法详解

通过 YouTube 观看本期 Shopify 教程

在 Shopify 店铺装修的过程中,往往会参考 同行业的优秀网站,如果你想借鉴或者模仿对方的网页设计,大概率会想了解它们使用的字体名称或者字号、字重、行高、间距等信息。

本期教程分享的免费工具:Visbug 不仅可以快速查看这些信息,还自带元素对齐检查、视觉对比度检测、间距测算、间距微调、字号调整、快速调整文字颜色和背景色等。

store-design-tool-for-Shopify

并且支持设置快捷键快速调出和隐藏,复制以下内容在浏览器地址栏中粘贴访问,即可自定义快捷键:

chrome://extensions/shortcuts

调出工具之后鼠标悬浮到每个选项都会有对应的用法说明,方便查询,非常容易上手,而且完全免费。比起其他只能检测字体的工具,功能方面强大很多。

常用修改方法演示

第 135 期 零基础 Shopify 前端教程 常用方法演示 修改店铺内容必看
面向个人卖家和运营人员的 Shopify 零基础前端教程,修改店铺网页内容必看,