这篇文章的作者给大家分享了排版设计的两个小技巧,教你如何用设计来传达你想要让用户知道的信息。上一篇分享了视觉动线的Z型布局,荷兰电话号码列表 可以引导用户预览好。在当今快节奏的工作和生活中,用户希望高效阅读页面,快速掌握内容的重点,这意味着人们会经常以跳跃的方式阅读页面,从而形成阅读模式,Z、F、对角线这些模式,荷兰电话号码列表 今天给大家分享另一种经典的F模式。F模式的由来2006年,尼尔森诺曼发表了一篇关于人们如何扫描和阅读网站的分享,他们通过研究发现,
用户浏览网站往往有一个F模式. 对2000多个用户进行了研究,发现几乎每个人都采取了相同的浏览顺序,从顶部开始,阅读路线,荷兰电话号码列表 重复这个动作几次,几行之后,他们开始阅读一些文案界面,试着想象一下这种浏览形式,你会发现它是一个F模式。F模式的原理在手机设计中,屏幕很小,每个产品的内容和形式都不一样,但用户是做同样的浏览动作,荷兰电话号码列表 所以在设计的时候,您需要考虑如何利用用户的这种习惯来构建设计结构。上图是一个网站的热图和用户的浏览视线。
我们不难发现:首先,用户在阅读文章或网站时,荷兰电话号码列表 首先会横向移动,通常在顶部区域上方。这条移动线构成了F.Second顶部的水平线,他们扫描屏幕左侧的垂直线寻找文章中的兴趣点,当他们发现感兴趣的东西时,他们会第二次阅读,荷兰电话号码列表 水平移动,然后随着路径越来越长,阅读区域一次变短,这就是F的下部。最后,用户垂直移动扫描整个页面。当然,F-mode的用户扫描模式并不总是由三部分组成,当用户发现自己感兴趣的东西时,就会变回正常阅读,形成横向阅读。