跳到主要内容

品牌形象

高质量的设计是网上商店的重要组成部分,这主要取决于主题的设计和内容。主题的设计应简洁、一致、不杂乱、令人难忘、直观、高效且实用。在为 WooCommerce 设计新的主题时,应特别注意以下几点:

布局

主题的布局应符合行业标准,包括层级结构、流程、内容平衡和留白。

主题作者必须确保商店页面(商店、产品页面、分类、购物车、结账、个人资料页面等)与主题无缝集成,因为它们是 WooCommerce 主题的核心。

主题应完全可用,并经过优化,可在常见的设备类型(如笔记本电脑、平板电脑和智能手机)上访问。

排版

主题应提供优雅且易于阅读的字体组合,以提供舒适的阅读体验。

所有页面和设备类型都必须采用一致且和谐的字体大小、线宽和间距。

主题的排版应由少量相互补充的字体组成,通常不超过两种。

应使用正确的首字母大写,避免全部大写(除非是某些用户界面元素,如按钮、选项卡等)。

图标

主题中使用的图标应直接表达其所代表的动作/情况,并且在尺寸、位置和颜色方面应保持一致。

颜色

主题必须遵循和谐且一致的颜色方案,应用于用户界面元素和所有页面。颜色方案应包含少量颜色,包括:

  • 一种主要的/强调的颜色
  • 一种或两种与主要颜色互补的辅助颜色
  • 纯色(白色、黑色、灰色)

文本和图形用户界面组件中使用的调色板必须符合 WCAG AA 兼容性级别 或更高。

模式

主题必须采用一组一致的模式,这些模式应在所有页面中使用,例如:

  • 导航、侧边栏、页脚
  • 内容块(标题、段落、列表、产品详情、评论、图片展示等)
  • 表单的结构和元素(字段、下拉菜单、按钮等)
  • 表格
  • 列表
  • 通知