品牌形象
高质量的设计是网上商店的重要组成部分,这主要取决于主题的设计和内容。主题的设计应简洁、一致、不杂乱、令人难忘、直观、高效且实用。在为 WooCommerce 设计新的主题时,应特别注意以下几点:
布局
主题的布局应符合行业标准,包括层级结构、流程、内容平衡和留白。
主题作者必须确保商店页面(商店、产品页面、分类、购物车、结账、个人资料页面等)与主题无缝集成,因为它们是 WooCommerce 主题的核心。
主题应完全可用,并经过优化,可在常见的设备类型(如笔记本电脑、平板电脑和智能手机)上访问。
排版
主题应提供优雅且易于阅读的字体组合,以提供舒适的阅读体验。
所有页面和设备类型都必须采用一致且和谐的字体大小、线宽和间距。
主题的排版应由少量相互补充的字体组成,通常不超过两种。
应使用正确的首字母大写,避免全部大写(除非是某些用户界面元素,如按钮、选项卡等)。
图标
主题中使用的图标应直接表达其所代表的动作/情况,并且在尺寸、位置和颜色方面应保持一致。
颜色
主题必须遵循和谐且一致的颜色方案,应用于用户界面元素和所有页面。颜色方案应包含少量颜色,包括:
- 一种主要的/强调的颜色
- 一种或两种与主要颜色互补的辅助颜色
- 纯色(白色、黑色、灰色)
文本和图形用户界面组件中使用的调色板必须符合 WCAG AA 兼容性级别 或更高。
模式
主题必须采用一组一致的模式,这些模式应在所有页面中使用,例如:
- 导航、侧边栏、页脚
- 内容块(标题、段落、列表、产品详情、评论、图片展示等)
- 表单的结构和元素(字段、下拉菜单、按钮等)
- 表格
- 列表
- 通知