网站页面排版设计技巧1
减少不同类型字体的使用 不要使用太多的字体,只破坏你的布局
尽量把字体数量限制到最小,一般两个就很充足,其实一个也足够
使用标准字体 用户对标准字体更熟悉,因此可以快速的读取
除非你的网站的自定义字体很有吸引力,否则最好还是使用系统字体
一个安全的方法是用一个系统的字体:如 Arial,Calibri,Trebuchet等
选择一种能在各种尺寸中工作的字体 用户可能会从不同的屏幕尺寸和分辨率的设备中访问网站,选择一种能在多尺寸和重量上运行优良的字体,坚持每个尺寸的可读性
确保你的字体在比较小的屏幕种依旧清楚可辨,保证你说选择的字体在较小的屏幕上清楚可辨
尽量避开草书,如 Vivaldi(在下面的示例中):虽然很漂亮,但很难阅读
限制行的长度 Baymard Institute 关于行的长度这样说: "假如你想要有一个好的阅读体验,每行应约 60 个字符
每行拥有适当的字符数量是让你的文本具有可读性的关键
' 行太短,视线要常常返回,会打破读者的节奏
行太长,用户的视线又很难专注于文本
行间距的重要性 增加行高,可以增加文本之间的垂直空白空间,提升可读性,换取屏幕空间
一个规则,行高应该是字符高度的 30%
左:几乎堆叠的文字
右:优良的间距有助于可读性
保证你有足够的颜色对比度 在文本和背景中不要使用相同或相似的颜色,文本越显然,用户才能更快的阅读
你一旦选择了颜色,就要在大多数设备上进行测试
假如测试时显示阅读副本有问题,那么你的用户使用时也会有相同得到问题
避开红色或绿色的文本 色盲很常见,尤其是男性,据调查 8%的男性是红绿色盲,避开单独使用红色和绿色来传达信息
避开使用闪耀的文字 首先,闪耀的内容可能会导致个体癫痫发作,其次,关于大多数用户,这很令人反感而且容易分心