不用担心较大的字体大小。小文本可能会出现在印刷材料中,但不会出现在网络上。对于桌面内容,通常建议大小约为15-22px,对于移动设备,建议大小为 14-16px,但请注意字体类型。
相同字号不同字体的对比;来源
2. 最多两种字体
少即是多。在平面设计中,一般最多使用两种字体,通常甚至一种就足够了。如果您决定使用两种字体,请选择具有对比效果的互补字体。当您在Google Fonts上选择特定字体时,将会出现字体组合供您选择。建议使用其中一种字体作为主要字体(用于内容),另一种字体作为辅助字体,即用于标题、菜单等。
高对比度配对字体示例;来源:
以及选择哪种字体?建议使用易 尼日利亚电话号码库 于阅读的简单无衬线字体。网络上最流行的选择字体的工具是已经提到的Google Fonts。注意,选择字体时,不要忘记选中拉丁扩展选项,以便字体支持捷克变音符号。可以在此处找到有关最佳 Google 字体的提示。
最流行的网络字体;来源:
Maxi 排版是网页设 每个人都应该知道的 计的热门趋势。您可以在本文中找到更多信息。
3. 内容层次结构
一个显而易见但经常被忽视的点。不要忘记在视觉上区分标题、副标题、perex、常规文本和标签。 正如用户体验专家 Ilinčev 在他的文章中提到的那样,这些元素应该在视觉上有足够的区别,以便用户能够相互识别它们,即使它们是独立的。
内容成功印刷解决方案的示例;来源:
4、行高
线条可以创造奇迹。网站上的大多数印刷错误都是由错误的设置引起的。行高(在 CSS 中指定为行高)应比文本大小大 30%左右。 Ilinčev 补充说,字体越小,间距就应该越大。如果您不确定行高,请将网站交给专业人士。不值得在网络上保存。
您可以在本文中了解如何低估视觉效果的重要性。
错误和正确行距的示例;来源:
您可能还对:
- 统一性:新的网页设计趋势?
- 您应该避免的常见网站设计错误
- 将错误作为优先事项或为什么要处理 404 页面
- 平面设计的幌子下:去哪里寻找创意灵感?
5、文本框的宽度
除了线的高度之外,线的宽度也很重要。人们倾向于扫描文本,因此如果我们缩短线条的宽度,人眼就不必左右摆动得那么厉害,文本阅读起来会更舒适。对于桌面设备,理想的行宽约为60 个字符(包括空格);对于移动设备,理想的行宽约为 30-40 个字符。
行宽可视化;来源
你知道的,对吧?根据Statista.com 的数据,2020 年中期,51% 的网站访问者来自移动设备。因此,当今必须拥有响应式网页设计。未经优化的网站在移动设备上实际上无法阅读。我们在本文中介绍了响应式网页设计的其他优点。
非响应式和响应式网站的示例;来源:
6. 字体对齐
与打印图形相比,我们还必须考虑响应式显示,在块对齐的情况下可能会出现大间隙。左对齐可以避免 了解如何使用客户关系策略 这些问题并使文本看起来更易读。短文本可以与中心对齐,但不能与块对齐。
字体对齐在网页设计中起着至关 每个人都应该知道的 重要的作用;来源:
7. 对比
文本应与背景形成足够的对比,以便尽可能舒适地阅读。理想的变体是浅色背景上的经典深色文本。如果我们选择现代的 外汇电子邮件列表 逆变体(深色背景和浅色文本),我们需要考虑到文本阅读速度会慢 32%。例如,您可以使用用户体验网站分析来了解页面的对比度是否足够。
您还可以通过将文本中最重要的点加粗来增加对比度。然而,使用时要小心,读者往往会跳过文本的其余部分。