网页设计的排版问题

网页设计的排版问题 〔网页〔制定〕〕的排版问题 使用超过 3 种不同的字体使网站看起来非结构化和不专业，太多的类型尺寸和样式一次也可能破坏任何布局。下面介绍网页制定的排版问题，希望可以为您带来帮助。 1. 最少使用字体数量 使用超过 3 种不同的字体使网站看起来非结构化和不专业，太多的类型尺寸和样式一次也可能破坏任何布局。 一般来说，整个网站字体的数量限制在最多两种，一种一般就足够了。假如您使用多个字体，请保证字体系基于字符宽度互补。如图：左边组的字体相对就比较和谐，而右边字体的粗细对比太显然，则显得轻重比例很不和谐了。 2. 尝试使用标准字体 字体嵌入服务(如 Google Web 字体或 Typekit)有许多有趣而标准的系统字体，而因为用户更加熟悉标准字体，所以可以更快地读取它们。 除非您的网站关于自定义字体(如品牌宣扬或创建身临其境的体验)非常有吸引力，否则通常最好使用系统字体。 3. 限制线长度 假如你想要一个优良的阅读体验，你应该每行约 60 个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。假如每行文字太短，视线必须反复折回来，打破读者的节奏。假如一行文字太长，用户的眼睛将很难专注于文本。 关于移动设备，您应该每行 30- 40 个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行 50- 75 个字符(打印和桌面的每行最正确字符数)，而第二个使用最正确 30- 40 个字符。 4. 选择各种尺寸的字体 保证您选择的字体在较小的屏幕上清楚可辨! 5. 使用可区分字母的字体 许多字体使得很容易混淆类似的字母，特别是与"i'和"L'(如下列图所示)，所以当选择你的字体类型时，请保证在不同的上下文中检查你的类型，以保证不会为你的用户造成问题。 6. 避开英文全部大写 请勿强制用户阅读所有大写字母，与小写类型相比，那只会大大延缓了用户扫描和阅读的速度，让他们分分钟爆炸。 7. 不要最小化线间距 行间距一般是字符高度的 30%，以便优良的可读性。 而段落之间的间距可以比行间距提升 20%，留白可以为用户提供消化内容的时间。下列图左：几乎堆叠的文字。右：优良的间距有助于可读性。 8. 保证您有足够的颜色对比度 不要对文本和背景使用相同或相似的颜色。文本越显然，用户能够扫描和阅读的速度越快。 △ 这些文本行不符合颜色对比度建议，难以依据背景颜色进行阅读 △ 这些文本行符合颜色对比度建议，并且易于阅读背景颜色 9. ...