网页视觉信息传达有多重要？排版设计这十点要注意

01视觉信息传达的重要性

网页需要确保视觉内容能够准确表达，因为这是信息传递的关键。用户借助页面来了解内容，而文字、图像、标志、交互按钮、数据输入区域等界面组件，都是承载信息传递的重要工具。

文本在信息传递中的角色

文字在信息交流中占据着核心地位。在版式规划阶段，对书面材料的处置需要特别重视。虽然网络上的信息展示形态多种多样，不过书面形式仍然是主要的资讯传递途径，其比例高达九十以上。

02排版设计的十个注意事项

1.限制使用字体数量

采用多种字体会让网页呈现杂乱无章、缺乏规范之感，并且，字体种类和大小过多亦会干扰整体排版。在整体规划上，建议整个网页的字体种类不超过两种，一般选用一种字体即可满足需求。倘若确实需要运用多种字体，务必保证它们在字符宽度方面能够相互协调。看图可知，左侧文字组合较为协调，右侧字体粗细差异很大，造成整体重量感不均衡。

2.标准字体的选用

选用规范字体，借助类似Google Web字体或Typekit的字体嵌入平台，可以获取许多标准又美观的系统字体。考虑到用户对规范字体的熟悉程度，这些字体更容易被辨认和阅读。除非网站有特殊用途，例如品牌推广或打造沉浸式感受，需要用定制字体来达成，否则一般推荐采用系统字体。

3.控制行长

提升阅读感受，应当注意每行文字的长度，大约在六十字符左右比较合适，这是保证文本可读性的重要条件，行长度太短，容易造成读者视线频繁来回移动，破坏阅读的连贯性，行长度太长，则会让读者难以将目光集中，影响阅读体验。

针对手机，每行字数宜在三十至四十字之间，以两个网站为例，其一采用每行五十至七十五字的布局，另一则选用更优的每行三十至四十字排版方式。

移动设备字体选择

为了确保在较小的屏幕上也能清晰显示，选择字体尺寸时需谨慎。

在手机等便携装置上，因为显示区域比较狭窄，确定恰当的文字大小具有关键作用。维瓦尔第这类字体，因其构造繁复且带有装饰性，或许不太适合在小型屏幕上浏览。所以，为了保障流畅的阅读感受，我们必须选用更适合便携设备的文字尺寸。挑选容易分辨的字体非常关键。很多字体容易让相似的字符难以辨认，比如“i”和“L”，就像下图那样，所以在选字体时，一定要认真看它在各种情况下的样子，以免让使用者感到迷惑或麻烦。

4.避免全英文大写

强迫受众通篇使用大写文字，会明显减慢阅读和浏览的效率，并且，这种格式极易招致受众的反感。

5.避免缩小行间距

一般而言，段落之间的距离要大于文字行距的20%，这种空白布局有助于读者更好地吸收信息，同时，行与行之间的距离通常维持在文字高度的30%左右，以保障阅读的流畅性，并且行距不能低于30%，而适当拉开段落间距，也能让读者对内容有更清晰的认知。

确保色彩对比鲜明

设计时，不可选用和文字背景色调一致或相似的色彩，要加大文字的视觉反差，能明显加快人们浏览和查看文字的节奏。

此外，为了保障内容能够顺利被理解，我们防止应用红色或绿色的文字色彩，提倡借助其他标记来标示重要内容。同时，为了顾及色感不全的人群，我们特别防止单独使用红色和绿色来传递资讯。

避免使用闪烁文字

某些人可能会对某些闪烁或炫目的东西感到不舒服，同时，对于很多用户来说，这类东西也常常让人讨厌或者注意力不集中。

结论

保证版面整齐有序非常重要。优秀的版面布局能够使您的网站显得干净且引人注目，而欠佳的版面安排则可能干扰观众的视线。版面的核心作用是改善信息的表达，借助恰当的构思，在不给浏览者增添思考压力的前提下，完整呈现资料的意义。

继续浏览有关 排版设计视觉信息传达 的文章