当前位置:首页 > 杭州商城建设开发

Z型设计模式,可用于任何视觉布局

2020-02-15

第一个是F模式,主要用于文本(但也可以用于其他目的)。第二个是Z型,可用于任何视觉布局。我们将在下面说明每种方法的优缺点。
F模式
F模式是一种视觉趋势,出现在页面上载满大量文字,通常是博客,新闻来源,文章等。

当遇到一个单词块时,大多数读者会首先在文本左侧向下扫描一条垂直线,通常会在段落的初始句子中查找关键字或兴趣点。最终,读者找到了自己喜欢的东西,并开始正常阅读,形成了水平线。最终结果是看起来像字母F或E的东西。

尼尔森·诺曼集团(Nielson Norman Group)的Jakob Nielson进行了一项可读性研究,该研究基于232位用户扫描了数千个网站。通过他的研究,他记录了他认为F模式的实际含义:

前两段最重要,应该包含您的内容。
以诱人的关键字开头段落,小标题和项目符号。
与往常一样,左上角是最重要的,因为它是所有从左到右阅读文化的起点。用户通常会在标题上水平阅读,因此这里是导航栏和/或号召性用语的好地方。然后,用户垂直向下扫描左侧,直到遇到感兴趣的内容。最后,用户在页面的右侧结束,那里是号召性用语或广告的好地方。只是不要让侧边栏淹没内容。

但是F-Pattern并不是一个模板-确实这不是一个精确的实践,而是更多根据大多数用户的趋势编写的宽松指南。请记住这一点,因为F-模式失去其有效性的顶部行后˚F。

Kickstarter使用卡片布局来显示要素项目,并且在开始的500个像素后不会显得无聊。

另一方面,iZettle  在其首页上对F-Pattern采用了更常规的方法。但是,他们设法通过将主要副本(“使用iZettle来发展您的业务”)和号召性用语叠加在大型背景图像上,从而避免了模板化的外观。我们认为这是使这种阅读模式适应您的界面布局的最低要求。

另外,Z模式是最简单,最通用的模式,广泛用于基于文本的任何网页。阅读器首先在顶部水平扫描,向下飞镖并返回左侧,然后在底部再次水平扫描。

了解通用的Z模式很重要,因为它满足了网站的核心要求,例如层次结构,品牌和号召性用语。它的优点在于其简单性,是围绕号召性用语的网站的理想布局。但是,对于更复杂或过多的内容,Z模式可能太简单了。  

认为Z模式适合您的页面吗?以下是一些优化收益的最佳做法:

此外,Z模式可以重复并扩展到整个页面。您只需看一下印象笔记如何 通过号召性用语和卖点向下弯曲。

印象笔记
DropBox  通过消除所有背景图像,采用了一种在视觉上更简单的方法来处理这种曲折模式。取而代之的是,布局中内置了更多功能,因为当您的眼睛沿页面向下移动时,“了解更多”号召性用语可以帮助连接缠绕图案的每个部分。这也有助于知情的读者单击到下一个相关页面,而无需先阅读所有副本。

有远见的视线
出色的界面设计应该像一只看不见的手,以思想的速度引导读者前进。F模式和Z模式趋势的重要意义在于,您可以将最重要的内容放在读者自然会“偶然发现”的地方,而不是试图强迫他们去看它们。

对于任何页面布局而言,微妙之处都是一个很大的优势,而这些模式可以使向读者建议某些内容与将其推到喉咙之间有所杭州网站建设

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号