Skip to content

设计原则

视觉规范不是把所有项目做成同一张页面,而是提供一组可解释的共同判断。若设计原则发生冲突,应按照“可信、开放、克制、无障碍”的优先级进行决策。

  • 页面应清晰说明当前状态、数据来源和下一步预期。
  • 错误信息需具体指出问题并提供建设性的解决建议,避免笼统的“操作失败”。
  • 凡涉及教务系统对接、校园身份或第三方服务认证,应在初次交互中提供社区独立维护的说明。
  • 若项目属于课程实验或已停止维护,应直接标注其状态,坦诚展现项目真实度。
  • Logo、模板使用 SVG;PNG 只是导出物。
  • 颜色、间距 and 主题样式集中维护,避免各页面重复定义。
  • 设计变更通过 Issue/PR 和 Changelog 记录,不让口头约定成为唯一依据。
  • 内容应支持复制、引用和离线阅读,无需依赖用户登录或下载远程字体。

默认界面占比遵循“80% 中性色、15% 品牌蓝、5% 薄荷绿或浅蓝点缀”的配比。阴影仅用于指示层级浮叠关系,渐变效果仅限用于封面和品牌插图。

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

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

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