当前位置: 首页 > 科技观察

MaterialDesign字体排版

时间:2023-03-12 16:29:08 科技观察

Roboto自冰淇淋三明治发布以来,Roboto一直是Android系统的默认字体集。在这个版本中,Roboto得到了全面的优化,可以适配更多的平台。宽度和圆度略有增加,以提高清晰度和更令人愉悦的外观。Roboto字体-1.21MB(.zip)标准样式印刷比例和基本样式印刷比例和基本样式同时使用太多字体大小和样式很容易破坏布局。排版比例是一组有限的字体大小,非常适合布局结构。最基本的样式集基于12、14、16、20和34点的印刷比例。这些尺寸和样式在经典应用程序中平衡了内容密度和阅读舒适度。字体大小由SP(可缩放像素)指定,这使得大字体更容易被接受。“显示”样式示例“标题”样式示例与任何表格元素一样,应用栏中出现的所有标题都应使用“标题”样式。“Title”样式示例在某些情况下,使用“SecondaryTitle”样式而不是较小的“Body”样式。这些实例包含一个小的文本预览,或者有一个带有一行文本的“正文”样式的标题。“Subhead”样式示例“Body”样式示例“Body”样式示例“Button”样式示例基本颜色/颜色对比最基本的常识是背景和文字颜色相同很难阅读。但有些人不知道的是,反差太大的文字会让人眼花缭乱,同样难以阅读。这在深色背景上尤其明显。为获得良好的易读性,文本应满足最低4.5:1的对比度(根据亮度计算)。7:1的对比度最适合阅读。这些颜色的组合也考虑到了一些非典型用户对对比的不同反应。大字体/动态字体尺寸(BigType/DynamicTypesizes)如果使用得当,大字体可以让应用显得更有趣,容易辨别布局,帮助用户快速理解内容。当文本长度未知时,动态字体大小允许大字体保留在容器内。动态大小是根据可用空间和估计的字符空间从印刷缩放中选择的。除非绝对必要,否则避免轻率地使用小字体来适应较小的容器。<>Samplevs.LineHeight(线高)线高由每个样式的大小和粗细决定,以确保良好的可读性和适当的间距。仅允许在“正文”、“二级标题”、“大纲”等样式中使用自动换行。所有其他样式都应出现在一行中。<>Examplevs.Linebreakingrules/Hypenation(Linebreakingrules/Hypenation)|Donotincludecharactersperlinelengths(每行字符数)可读性和行长参考BaymardInstitute的建议:“为了获得更好的阅读效果,每行应该包含60个字符左右。每行包含的字符数是决定阅读舒适度的关键因素。”》太宽:如果每一行的文字太多,用户的眼睛会很难找到文字焦点。这是因为太长的文字让用户难以判断一行的起点,甚至会看错大文本中的行。”》太窄:如果每行文字太小,眼睛会过于频繁地来回扫视,破坏阅读节奏。太短的内容也会让人有压力,导致用户在阅读完之前过早地跳到下一行行(因此缺少潜在的重要信息)。”参考:可读性:BestTrackingandkerning原文:Typography翻译:acely校对:chenyusi