如何在网页设计中制造焦点来吸引用户的注意

网页设计中,焦点是引发关注和被强调的区域,这是您希望用户注意和理解的主要对象。通常情况下,焦点是标题、号召性用语(CTA)按钮或者其他可点击的对象。

由于大小和颜色对比,绿色圆圈代表最主要的焦点。

即使看起来很明显,有时设计师也会忘记突出网页设计中最关键的元素。另一方面,设计师无法强调所有内容,这也导致了页面缺乏视觉层次结构,并且设计可能最终看起来很杂乱。因此,如果您的目标是突出显示某些设计元素,则其他元素必须淡入背景。

为避免对客户造成混乱的视觉引导,请使用本文中提供的信息和提示在网页上创造最佳体验。

为什么我们需要联络点?

研究表明,当我们阅读或查看任何静态场景时,我们的眼睛每秒移动4–5次。作为网页设计师,您的目标是在观众的眼球扫描页面时吸引对主要元素的关注。您的页面需要设计平衡才能成功做到这一点,不能强调每个方面即面面俱到,也不能期望最好,——在页面上确立主导地位并创建焦点以吸引最多关注是至关重要的。

F形和Z形扫描图案会挑战焦点吗?

人们浏览页面的一般规则是:F形轨迹和Z形轨迹。而且,由于有了眼动追踪工具,我们知道了这一点。眼动追踪已经阐明了人们在印刷页面和网络页面上以视觉搜寻信息的方式。

基本规律是用户将以F形模式扫描信息密集的页面,而在显示较少数据的页面往往会引起类似于字母Z的眼球移动。这意味着大多数情况下,用户会首先注意到页面左上角显示的信息。

这些是原则,而不是保证,因此不要盲目相信它。

引发注意的竞争不仅限于与重点领域相邻的项目的边界。不靠近焦点区域的其他部分仍然会分散注意力,并争夺观众的注意力。

因此,一旦为您的设计元素赋予了不同的视觉权重,并建立了清晰定义的视觉层次,上述模式便不再是主导因素,——这意味着您可以控制人们首先要看的地方。

如何建立视觉焦点

焦点可以通过大小、颜色、对比度、纹理等来确定,简单而言,页面上任何具有更大视觉可见度(因此与其余部分明显不同)的内容都将成为视觉焦点。您最关键的元素将被称为最主要的焦点,它将位于视觉层次结构的顶部。

有一个非官方的标准来阐述最主要的焦点,那就是视觉重量最大的元素。

圆圈是最主要的焦点,浅绿色正方形代表次要的焦点,其余的则是更次要的

您可以通过使对象之一成为设计中最主要的焦点来开始创建不同的主导级别。从最主要的元素开始,用户将关注其他焦点。顺序取决于这些焦点的权重和指示下一个要看的位置的视觉提示。这些级别之间必须有足够的差异,以便人们将一个级别与另一个级别区分开。

如果您的着陆页的目标是产生最多的转化,那么您的典型用户将立即搜索CTA按钮和其他可点击项。您可以利用视觉焦点来展现自己的优势,并使用号召性用语控制页面。在第二级优势中,您可以获得最相关的信息。例如,您的用户在单击链接后应该看到什么。最后,在层次结构的最低级别上,您可以保留空白或常规正文。

结论

在页面上建立视觉层次时,必须考虑视觉焦点的设立。 您可以根据页面的常规扫描模式安排网页设计,但是无论如何不要忘记强调您最重要的元素。无论您将最主要的联络点放在何处,它们都将始终吸引最多的关注。