0311-86770886
扫一扫关注微信公众号
网站首页设计的技巧
作者:金色方向网站建设 2017.09.11 09:54
阅读136 喜欢

  网页设计的时候,首先要设计好首页,首页也是一个网站的重点,是用户的重要的着落页,对用户的去留起着关键的作用。网站首页设计的时候,既要有体验出网页设计水平,还要展现出企业的重要信息,如企业是做什么的、企业提供的产品或服务是什么,等等,帮助用户判断这个网站是不是有必要继续浏览下去。

网站首页设计的技巧

  接下来金色方向石家庄网页设计分享网站首页设计的技巧,看看怎么设计首页。

  1、使用抢眼的大banner

  现在网站首页首屏基本都是一个大banner,作用巨大。每个Banner图最好是带有漂亮、惊艳的视觉化元素作为支撑,内容上体验出网站的的主题,也就是企业做什么的或者产品是什么,一目了然,让用户很容易了解。下面是大banner设计的一些技巧:

  ·使用超大字体展示重要信息,超大的字体即使文字内容很简单,当用户打开首屏的时候也会一眼就注意到它们,在阅读其他内容之前,只会注意这些内容。

  ·采用更加引人注意的字体,如艺术字体等等,和其他地方截然不同

  2、合理设计导航

  在网页中,元素与元素之间是相互配合构成整体设计的,而导航是当中无法忽略的一个重要组成部分,无论你喜欢的是完整展开的导航,还是为了干净的布局而将导航隐藏在汉堡菜单中,导航的设计应该和首屏的整体设计合而唯一的。

  导航的目的是将用户引导到他们想去的不同页面,方便用户不论浏览到哪个页面地方都能够通过导航实现轻松跳转。

  导航元素在网页当中,和其他的元素组合使用的时候,它们会和其他的元素构成对比,还能形成层次感,而这种层次感的构建和整个设计方案息息相关,应该根据具体情况具体安排。

  3、首页传达的信息

  首页需要考虑传达这些信息:

  ·网站首页设计是否告诉了用户可以做什么,或者用户能从中获得什么内容?

  ·网站首页设计是否向用户传达了唯一的、清晰的、易于理解的信息?

  ·网站首页设计是否为用户提供了直观可交互的控件(按钮、输入框、跳转链接等)?

  ·用户能否从首页跳转到下一个页面/步骤?

  这些问题能够帮你梳理出整个首页的细节设计思路。

  4、遵循用户的阅读模式

  用户访问网站的时候,通常不会特别仔细的查看所有的内容,而是快速的扫视,找到能够吸引他们注意力的信息,这些内容就是他们继续停留在这个网站上的理由。通过眼动测试和不同实验,他们发现访问者的视觉浏览模式,可以归结为几种典型的模式。设计师 Steven Bradley 在自己的文章中,总结了这三种常见的模式:古腾堡式,Z图模式和F图模式。

  古腾堡式:对于信息结构层次并不那么分明的网页,用户常常会使用古腾堡式的浏览模式,用户大范围扫视页面内容,整个视线路径是一个大号的Z,其中最开始的两个视觉驻留点就在页头上。

  Z图模式也不难理解,用户从上到下,视线沿着Z字形来回扫视,用户会左右快速扫视,视线的起点首先是左上角,行跨顶部一栏到右上角,然后向下延伸。

  F图模式,或者说是F式布局,我们就更加熟悉了。在Nielsen Norman Group 的研究当中,这种阅读模式最为典型:

  ·用户先会沿着水平方向浏览,优先浏览内容块的上部,这个时候的眼动构成了字母F 最上面一横。

  ·接下来视线会沿着屏幕左侧向下垂直扫视,寻找段落中能引起兴趣点的内容,当他们发现引起他们兴趣的内容之时,继续横向仔细浏览,而通常这些内容对应的视线范围会比第一次横向浏览的范畴要更小一些,而这个视线轨迹则构成了字母F 中间的一横。

  ·接下来用户会将视线移到屏幕左侧,继续向下浏览。

  所以,将最关键的元素置于用户的浏览路径上,让用户可以更轻松地消化信息,也能最高效地执行交互。

  5、引入可点击的元素

  你的网站首屏能够吸引用户去操作么?它是否包含有可点击的元素?

  想要引导用户,首页几乎是完美的存在。在这里,你可以使用行为召唤按钮来引导用户点击跳转到特定的地方,可以用来吸引用户邮件订阅,但是无论如何,尽量让整个首屏集中执行特定的任务,而不要因为过多的可操作选项让用户分心。

  总之,网页设计的时候,不管用什么文字、图片或是别的,都要围绕用户喜好以及用户需求去设计,有规划的去引导用户,让网页更能获得用户的青睐。