TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网分析方法/模型B端组件化思考:基本规范思维导图

B端组件化思考:基本规范思维导图

  收藏
  分享
免费下载
免费使用文件
U77418911 浏览量:82022-09-21 17:04:31
已被使用0次
查看详情B端组件化思考:基本规范思维导图

B端组件化思考:基本规范,字体的概述、字体家族、主字号、字阶(字号)与行高、字体颜色、字体样式尺寸规范的说明

树图思维导图提供 B端组件化思考:基本规范 在线思维导图免费制作,点击“编辑”按钮,可对 B端组件化思考:基本规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:242ba9d646d6aae5dff084751740d470

思维导图大纲

B端组件化思考:基本规范思维导图模板大纲

字体

概述

字体是体系化界面设计中最基本的构成之一

用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率

字体家族

优秀的字体系统首先是要选择合适的字体家族。系统项目的字体家族中优先使用系统默认的界面字体

主字号

基于电脑显示器阅读距离(50 cm)以及最佳阅读角度(30度),保证在多数常用显示器上的用户阅读效率最佳效果,确定正文的标准字号14px

初期并非采用antdesign推荐的14px,而是 之前传统经验中的12px,可是后续发现在12 px字号情况下时,对于大段文字内容时,易 读性较差

在mac系统下和pc端系统下同一内容界面上内容,易读性和可读性的确存在差异。采用了antdesign的推荐正文标准字号14px

字阶(字号)与行高

字阶(字号)和行高决定着一套字体系统的动 态与秩序之美。字阶(字号)是指一系列有规 律的不同尺寸的字体

行高此处定义为一般排版梯度字号的1.5倍,建议在一个系统设计中(展示型页面除外),字阶(字号)的选择尽量控制在 3-5种之间,保持克制的原则

字体颜色

文本颜色如果和背景颜色太接近就会难以阅读

字体样式尺寸规范

对主、次、辅助、标题、展示等类别的字体做统一的规划,再落地到具体场景中进行微调,在视觉展现上能够用尽量少的样式去实现设计目的

相关思维导图模板

第1章	化工设计基本知识思维导图

树图思维导图提供 第1章 化工设计基本知识 在线思维导图免费制作,点击“编辑”按钮,可对 第1章 化工设计基本知识  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:70ec0519ed26419068a32a511862aadd

工艺流程图思维导图

树图思维导图提供 工艺流程图 在线思维导图免费制作,点击“编辑”按钮,可对 工艺流程图  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:a8e31ea83041e28a9ece5f7d7121fc30