网易出品    必出精品
0510-881001984007-999-163
客服热线400-710-6678
×

我要网站建设介绍PPT,输入邮件地址,我们把最新的PPT介绍资料发给您。



标 题:F式布局在网页排版中的运用
日 期:2019.03.20
位 置:首页>新闻> 建站技巧 >F式布局在网页排版中的运用

F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。虽然网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天海之睿小编来和大家探讨F式布局在网页中的运用。

34

 
       一、内容的优先级

如果你对于页面中内容的轻重缓急有着足够的了解,那么就可以结合用户的浏览习惯,将重要的内容排布在用户视线时常停留的位置。让这些呈现重要内容的“热点区域”承载核心的交互。

二、设置初始预期

文本的前几段内容是非常之重要的。尽量让最核心、最重点的内容放置在页面的顶端,这也是为什么标题、引言和导航栏是如此的重要的原因。


三、为速读而设计

用户通常不会一个字一个词地阅读文章,而是通过意群来获取内容,所以,你需要将可能包含用户感兴趣内容的意群按照F式布局来排布,这样可以尽可能高效地呈现内容:

1.段落以新鲜有趣、关键核心的词汇开头。

2.用户会优先查看优先级最高的元素(也就是视觉重量最重的区域)。因此,在文本为主的网站中,你应该突出文本本身的重要性(比如关键词),并且借助配色等元素,强化按钮等涉及关键交互的元素的存在感。

3.每个段落陈述一件事情,并尽量有针对性地陈述。

4.将最重要的元素(诸如CTA按钮等)置于最左侧或者最右侧,也就是用户阅读的起始部分。这个时候,用户通常会有阅读的停顿,而这个时刻可以让他们有额外的时间来考虑并且选择下一步的交互。

四、善用侧边栏

侧边栏通常可以帮助用户深入到下一个层级,用户的交互也更加的深入:

1.提供用户想要看到的内容,而不是广告、相关文章和小控件这样的东西。

2.将它设计成为用户找到特定内容的工具。最常见的设计是目录列表,标签云和“最多点击”文章列表。
     五、避免无聊的布局

F式布局最大的问题是它会让整个页面看起来比较无聊。相似而重复的内容出现在整个页面的不同位置,用户很可能在相似的布局中快速感到疲倦。所以,你需要创造一些和打破尴尬格局的元素,让用户不断调整注意力,持续的阅读。
总结:F式布局是遵循人类浏览信息的趋势和习惯的,它能帮你优化布局与结构,但有趣的设计和良好的可读性同等重要,如何兼顾两者也是设计师需要考虑的问题。


转载请注明来自:/news/industrynews/85436.html

标签:网页设计  网站排版  海之睿


优化知识 公司动态 建站技巧
Are You Interested ?
感兴趣吗?
与我们联系了解更多吧
有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
  • 网站服务热线:400-710-6678
    邮箱服务热线:400-799-9163
  • 电话:0510-88100198 渠道:0510-80211762
  • 地址:无锡市滨湖区蠡湖大道2018号普信copo 3栋810室
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服务

您最关注的地方

预算

(欢迎与海之睿网站建设公司建立友情链接,首页交换pr>5,百度排名较好的网络公司及相关行业网站)

版权所有 无锡海之睿计算机科技有限公司