B端组件化思考:基本规范,字体的概述、字体家族、主字号、字阶(字号)与行高、字体颜色、字体样式尺寸规范的说明
树图思维导图提供 B端组件化思考:基本规范 在线思维导图免费制作,点击“编辑”按钮,可对 B端组件化思考:基本规范 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:242ba9d646d6aae5dff084751740d470
B端组件化思考:基本规范思维导图模板大纲
概述
字体是体系化界面设计中最基本的构成之一
用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率
字体家族
优秀的字体系统首先是要选择合适的字体家族。系统项目的字体家族中优先使用系统默认的界面字体
主字号
基于电脑显示器阅读距离(50 cm)以及最佳阅读角度(30度),保证在多数常用显示器上的用户阅读效率最佳效果,确定正文的标准字号14px
初期并非采用antdesign推荐的14px,而是 之前传统经验中的12px,可是后续发现在12 px字号情况下时,对于大段文字内容时,易 读性较差
在mac系统下和pc端系统下同一内容界面上内容,易读性和可读性的确存在差异。采用了antdesign的推荐正文标准字号14px
字阶(字号)与行高
字阶(字号)和行高决定着一套字体系统的动 态与秩序之美。字阶(字号)是指一系列有规 律的不同尺寸的字体
行高此处定义为一般排版梯度字号的1.5倍,建议在一个系统设计中(展示型页面除外),字阶(字号)的选择尽量控制在 3-5种之间,保持克制的原则
字体颜色
文本颜色如果和背景颜色太接近就会难以阅读
字体样式尺寸规范
对主、次、辅助、标题、展示等类别的字体做统一的规划,再落地到具体场景中进行微调,在视觉展现上能够用尽量少的样式去实现设计目的
树图思维导图提供 第1章 化工设计基本知识 在线思维导图免费制作,点击“编辑”按钮,可对 第1章 化工设计基本知识 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:70ec0519ed26419068a32a511862aadd
树图思维导图提供 工艺流程图 在线思维导图免费制作,点击“编辑”按钮,可对 工艺流程图 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:a8e31ea83041e28a9ece5f7d7121fc30