网页规划有必要知道的首屏规划技巧

     网站建造中网站主页充当着门面的作用，很多时分用户了解一家企业或许品牌就从主页开端，所以说主页的网页规划起着至关重要的作用，尤其是高端企业网站建造，从规划排版、模块设置到交互动效等等各部分都需求规划师认真讲究，从职业、企业、品牌的特性动身，考虑方针人群的用户需求，归纳方方面面更好地展现企业的形象，更能有效地向受众人群输出信息，起到品牌传达的作用。而网页规划中首屏的规划十分关键，让人眼前一亮的首屏规划能增强用户对品牌的好感和印象，今日就为大家讲讲网页规划中有哪些技巧能让首屏规划给人眼前一亮的感觉。

1、运用冷艳的图片

      适当一部分的网页首屏是运用图片作为视觉传达的主体，而无论是选择图片、视频、动画仍是其他的视觉化的元素，每个Banner或许说带有标题的内容区块最好是带有美丽、冷艳的视觉化元素作为支撑。当然，最常用的仍是图片。

      首图在首屏中的重要性无疑是巨大的，它不只要美丽，还要同网站内容深化地结合调配起来。所以，它的规划还能够愈加深化一些。单独的图片表现力是有限的，经过排版规划，将它同其他的元素结合起来运用会有不错的作用：

     ·文字与标题

     ·LOGO 和品牌标识

     ·按钮和行为呼唤句子

     ·导航元素

     ·搜索框

      在进行排版规划的时分，应该留意几点：锐利搞分辨率的图片和标题文本之间应该坚持杰出的比照度；人们希望看到脸和表情，这会更容易传递情绪和感情；留意引导用户和网站首屏进行互动。

2、强化导航元素的运用

      在首屏傍边，元素与元素之间是相互配合构成全体规划的，而导航是首屏傍边无法疏忽的一个重要组成部分，无论你喜爱的是完好展开的导航，仍是为了洁净的布局而将导航隐藏在汉堡菜单中，导航的规划应该和首屏的全体规划合而唯一的。

      导航的目的是将用户引导到他们想去的不同页面，所以，推荐运用置顶悬浮式导航，这样用户不论阅读到页面哪个当地都能够轻松跳转。

      导航元素在首屏傍边，和其他的元素组合运用的时分，它们会和其他的元素构成比照，还能形成层次感，而这种层次感的构建和整个规划方案休戚相关，应该根据具体情况具体安排。

3、明晰的信息传达方法

     视觉传达是一项体系工程，单靠一张图片是不行的。所以，你需求体系的考虑整个首屏的信息传达：

    ·首屏是否告诉了用户能够做什么，或许用户能从中获得什么内容？

    ·首屏是否向用户传达了唯一的、明晰的、易于理解的信息？

    ·首屏是否为用户供给了直观可交互的控件（按钮、输入框、跳转链接等）？

    ·用户能否从首屏跳转到下一个页面/过程？

     这些问题能够帮你梳理出整个首屏的细节规划思路。

4、试试超大字体元素

     想要让首屏愈加醒目，超大的字体总是最有效的方法。即便文字内容很简略，当用户翻开首屏的时分也会一眼就留意到它们，在阅读其他内容之前，只会留意这些内容。尽管字体和排版千变万化，可是在字体的选取和首屏规划上尽量遵从下面的的两个规矩来进行：

     ·主页首屏上的展现性的内容选用愈加引人留意的字体，和其他当地截然不同

     ·其他页面的正文和首要文本部分，选用一致的、简约耐看的字体，甚至全体排版结构也坚持一致

5、遵从根本的阅读形式

      用户研讨领域的先驱 Nielsen Norman Group 从前针对这一用户行为进行了深化的研讨，为规划师和可用性规划专家们供给了更好的素材和规划依据。

      简而言之，当人们拜访某个网站的时分，尤其是初次拜访网站的时分，他们通常不会特别细心的查看一切的内容，而是快速的环视，找到能够招引他们留意力的信息，这些内容便是他们持续停留在这个网站上的理由。经过眼动测试和不同实验，他们发现拜访者的视觉阅读形式，能够归结为几种典型的形式。规划师 Steven Bradley 在自己的文章中，总结了这三种常见的形式：古腾堡式，Z图形式和F图形式。

     古腾堡式：对于信息结构层次并不那么清楚的网页，用户常常会运用古腾堡式的阅读形式，用户大规模环视页面内容，整个视野途径是一个大号的Z，其中最开端的两个视觉驻留点就在页头上。

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

     F图形式，或许说是F式布局，咱们就愈加熟悉了。在Nielsen Norman Group 的研讨傍边，这种阅读形式最为典型：

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

    ·接下来视野会沿着屏幕左边向下笔直环视，寻找阶段中能引起爱好点的内容，当他们发现引起他们爱好的内容之时，持续横向细心阅读，而通常这些内容对应的视野规模会比第一次横向阅读的领域要更小一些，而这个视野轨迹则构成了字母F 中间的一横。

    ·接下来用户会将视野移到屏幕左边，持续向下阅读。

    所以，将最关键的元素置于用户的阅读途径上，让用户能够更轻松地消化信息，也能最高效地履行交互。

6、引进可点击的元素

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

      想要引导用户，首屏几乎是完美的存在。在这里，你能够运用行为呼唤按钮来引导用户点击跳转到特定的当地，能够用来招引用户邮件订阅，可是无论如何，尽量让整个首屏集中履行特定的任务，而不要因为过多的可操作选项让用户分神。

      不知道想要在首屏傍边包括哪些元素？选择你最希望用户履行的操作，一切的元素都围绕着它来规划。

7、简略的图层规划

      想要将上面提及的技巧都融会贯通、出现在你的网页首图傍边？那么你需求让一切的元素高效、合理地整合在一起，用简略的几个分层，将它们收纳到一起。

      分层对象能够帮你搞定这个问题。在确定需求出现哪些元素以及各个部分的功能之后，将不同功能的元素用不同的分层来承载。分层尽量简略，这样不只愈加易于控制，也是让规划愈加专注于中心的视觉和功能。多测验几次，找到真实高效的调配，让用户翻开首屏的时分真实被冷艳到。

      结语：首屏的网页规划往往处于整个规划流程傍边靠前的方位，随后在规划其他子页面的时分，规划师难免会懈怠。其实这些子页面和首屏是相同重要的，两者要和谐一致，才能让用户翻开网页的时分始终坚持一致的体会。