汽车行业研发部设计师UI界面设计手册.docxVIP

汽车行业研发部设计师UI界面设计手册

第1章基础规范与视觉系统

1.1设计语言定义与字体规范

定义全局设计语言为“理性与美学的平衡”，核心原则是建立一套可复制、可量化的视觉标准，确保所有设计师在开发不同车型或不同产品线时，界面风格保持高度一致，降低沟通成本。确立“中性色调”作为主基调，避免使用高饱和度的色彩干扰驾驶场景，通过黑、白、灰三色构建界面层级，确保在复杂仪表盘数据中信息依然清晰可读。

设定严格的字体比例，规定标题字号需比正文大1.5倍，行高（Line-height）固定为1.75倍，字间距设为1.2倍，以优化阅读体验并适应不同屏幕分辨率的缩放需求。规定中文字体必须使用思源黑体（SourceHanSans）或苹方（PingFangSC），英文及数字部分统一使用Inter或Roboto字体，禁止混用个人字体或过时的宋体，保证全公司视觉识别系统的统一性。建立“层级逻辑”作为字体应用的核心，规定H1字号为28px，H2为24px，H3为20px，正文为16px，通过字号的阶梯式变化引导用户的视线从上至下自然流动。

明确字体渲染参数，所有字体文件必须嵌入工程包中或提供WebFont，并在设计稿中明确标注字体家族名称，防止因字体渲染差异导致的UI错位或模糊。

1.2色彩体系与材质应用

建立基于“黑、白、灰