Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

三个技巧帮助你避免糟糕的网页排版

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Shao Yuanxi (you can also view the original English article)

好的版式使层次结构和焦点集中到正确的位置。这个快速指南将教你如何避免无效排版和如何在你的设计中正确地强调你的文字。

1.请考虑可访问性

好的排版意味着设计不仅要适应理想的环境,同时也要适应不理想的情况,举个例子,当某人视力受损或在昏暗的环境下阅读。 旨在背景和文本颜色之间有较高的对比度。有许多在线工具可以确保您的文本是可读的。

WCAG 2.0AA级要求的对比度比为 4.5: 1 用于普通文本, 3:1 用于大文本。AAA级别要求7:1用于普通文本, 用于大文本的对比度比为4.5:1。

对比度太大的文本也很难阅读。例如, 浅色文本对比深色背景。

2.减少干扰

一个好的阅读原则是减少文本阅读的干扰。无论是使用太多的字体, 太多的样式和变体,还是行间距太大或太小。 通过限制在一个版式中的字体样式的数量或权重来减少此类干扰。

举个例子,两个或三个字体会有比较好的网页体验,但是超出这个就会有使你的页面有看起来杂乱无章的风险。

3. 优化行长

最佳阅读的平均行长 (或 "度量") 为每行8-12 字或每行大约50-60 个字符。这将有助于确保读者的眼睛不会太频繁地从一个句子的开头跳到结尾, 也是一个很好的技巧来确保读者会保持参与阅读。

在设计流线布局时, 请密切注意这一点, 因为该度量值可能会随视区大小而改变。当决定你的设计的断点时,排版是一个很好的参考。

总结

以这些指南为出发点, 您可以避免糟糕的排版, 并以最小限度的干扰来清楚地传达您的设计意图。

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.