搭建HMI：设计规范-文字规范思维导图
搭建HMI：设计规范-文字规范，文字规范、字号大小与字阶、字体用色规则、字重、字体行高
树图思维导图提供 搭建HMI：设计规范-文字规范 在线思维导图免费制作，点击“编辑”按钮，可对 搭建HMI：设计规范-文字规范 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：882f1cdc9bbd6b55e6af206d9039d7b1
思维导图大纲
搭建HMI：设计规范-文字规范思维导图模板大纲
文字规范
字体选择
公司已明确字体（请专业字体设计师设计一套）
用常规设计的字体，建议使用（中文字体：思源黑体、英文/数字：Roboto）
做海外项目的，对于Roboto未涵盖的语言，建议使用Noto Sans字体。Noto Sans源自类似于Roboto的度量标准，旨在实现视觉上和谐的国际化
字号大小与字阶
字号大小
车机端的字号大小的制定也是要循规蹈矩，字号肯定要远大于移动端和web端，为了确保文字信息的扫描性
基于IDX & 同济 (2020) 百度Apollo中控视觉基础研究项目，设置清晰的文字阶级参数，还有谷歌Android Automotive OS 研究
用字的规范
用字的注意事项
字体大小要控制在20px，这个要谨慎使用，一般都是使用在小标签辅助类的文字上，最小的正文字号为24px
设定文字规范有两个好处
文字样式复用，不管对于设计师还是开发同学来说，都是极大提高工作效率的一件事情
对于界面设计来说，有规可循，避免设计时降低的整体的视觉感
字体用色规则
文字与背景颜色对比度要遵循WCAG的标准，需要考虑到无障碍设计需求，因此保持在4.5:1 – 7:1对比度，确保文字清晰易读
将注意力需要集中最重要的区域内容
文本元素之间传达视觉层次感
字重
字重的种类
在制定字体规范的时候就尽量将Bold 字重去掉
字体行高
微信朋友圈主页作为案列
文本的行高肯定是要大于字号的，个人动态的字号为16px（在@1x设计稿中）如果是多行文本的时候，微信是手动调整了文本行高（正常Line：22px 微信实际Line：20px），当行高为20px的时候，需要将文本上移3px 才能使得图片和文本视觉在一条线上面
将字号设置为30px，但实际字体的空间是需要包含上下部分的安全距离
沪公网安备 31011502019485号
上海工商