字体

红书小程序内使用的字体与系统运行的字体保持一致，可以根据字体类型来定义字体大小，通常分为标题、正文、说明等。

顶部导航栏

底部导航栏

• 保证简洁性：选项不宜过多，Tab 数量大于等于 2 个，小于等于 5 个；文字尽量简洁，控制在2-4个字符以内。
• 点击反馈明确且状态清晰：通过 Tab 高亮或至灰状态来明确当前定位。
• 支持自定义：图标和文字均支持自定义，同时需遵循保持一致的视觉风格。

按钮

• 在 1 个场景内仅能有 1 个主要操作，次级按钮需要弱化。
• 按钮的颜色和大小根据使用场景和重要程度进行定义，并能确保用户易于操作。
• 文案保持简短，遵循【谓语 + 宾语】或【谓语】结构。

弹窗

• 明确弹窗的必要性：弹窗通常用于短暂地打断用户的当前操作，以显示重要信息或要求用户立即采取行动；应尽量减少使用弹窗，避免打扰用户，同时更需避免连续弹窗。
• 弹窗内容简洁：弹窗的文案内容需要简洁明了，避免冗长和复杂的内容影响用户理解；弹窗需要提供用户明确的操作选项，例如使用“是/否”、“确定/取消”等容易理解的文字，避免使用模糊或有歧义的按钮文案。

轻提示

• 内容清晰且高效展示：Toast 的文案应简短清晰，通常控制在一到两行内，确保信息在短时间内即可被理解；另外 Toast 通常显示 2至 3 秒，不应超过 5 秒。
• 避免频繁显示：不要在短时间内连续显示多个 Toast，避免用户忽略重要信息。

列表

列表支持含状态、开关、勾选等多种类型，针对同一场景内的列表需要保证一致的规范布局。

布局

• 在页面布局种可以遵循使用 4 的倍数（8，12，16，20，24...以 4 的倍数增加）作为内间距和外边距的基准，保证一致的视觉比例和布局规范。
• 规范的间距作用于提高当前场景的可读性和易用性，并创建视觉层级和焦点。单个页面内间距的使用类型不要超过 4 种，根据当前信息的层级制定梯度。