设计原则

视觉规范提供一组可供解释的共同标准。原则冲突时，按“可信、开放、克制、无障碍”的优先级决策。

可信

• 页面应清晰说明当前状态、数据来源和下一步预期。
• 错误信息需具体指出问题并提供建设性的解决建议，避免笼统的“操作失败”。
• 凡涉及教务系统对接、校园身份或第三方服务认证，应在初次交互中提供社区独立维护的说明。
• 若项目属于课程实验或已停止维护，应直接标注其状态，坦诚展现项目真实度。

开放

• Logo、模板使用 SVG；PNG 只是导出物。
• 颜色、间距 and 主题样式集中维护，避免各页面重复定义。
• 设计变更通过 Issue/PR 和 Changelog 记录，不让口头约定成为唯一依据。
• 内容应支持复制、引用和离线阅读，无需依赖用户登录或下载远程字体。

克制

品牌物料（封面、海报、横幅等）遵循学校官方 VI 的色彩比例：主蓝色占比大于 80%，金色点缀不超过 20%。软件界面以可访问性为准：默认占比遵循“80% 中性色、15% 品牌蓝、5% 金色或浅蓝点缀”，阴影仅用于指示层级浮叠关系，渐变效果仅限用于封面和品牌插图。

避免因“技术项目”的定位而滥用终端雨、代码括号、霓虹描边或大面积黑色背景。硬件管理、课程资源和公共服务项目同样属于社区语境。

无障碍

• 确保正文文本与背景的对比度至少达到 WCAG 2.2 AA 规定的 4.5:1。
• 传达状态信息时不单依赖色彩，还需辅以文本或图标说明。
• 保证所有交互元素均支持键盘聚焦（Tab 键导航），并配有醒目的焦点环。
• 适配 200% 页面缩放与窄屏布局，并响应 prefers-reduced-motion 减弱动效的系统偏好。

评审问题

在提交设计方案前，请回答以下自查问题：用户能否清楚当前所处位置？核心操作是否清晰唯一？状态辨识是否不依赖单一色彩？是否支持完整的键盘导航？界面是否准确传达了社区的独立身份？