首屏在网站的规划中起着十分要害的效果,它奠定了网站全体的基调。 特别是极简主义盛行的这个年代,各种花里胡哨的东西往往不被看好。所以有时没有其他东西能够招引眼球,网站首屏规划就变得愈加重要。
考虑到创造性和生产力,网页规划师在规划网站的这一部分时付出了大量的努力。由于顾客对品牌的知道就从这里开端。但据谷歌计算,顾客对一个网站的意见只需50毫秒就能构成,乃至有的只需17毫秒。
要了解怎样规划一个有用的网站首屏,以及它应该包含哪些元素,请看下面的例子。
“日子是榜首印象。你只有一次机会。让它记住你”― J.R. Rim
什么是网站首屏?
什么是网站的首屏(header)? 曩昔,人们通常把LOGO,按钮,联络信息一同构成的一行窄窄的区域称作首屏。在现代规划中,主页的榜首屏区域都能够认为是首屏。
作为人们在加载网站时榜首秒看到的界面部分,首屏就相当于邀请函。 它应该供给一个网站的根本信息,以便用户能够在几秒钟内对网站有个初步了解。
一些规划师会为网站的各个部分制造单独的首屏。 例如,你能够为主页制造一个大首屏,而在其他页面留下一个小条。 但前提是,要保持一致。一个很好的网站规划实践是将内页的首屏规划为主页面首屏的缩写版本。
网站首屏包含什么?
首屏的任务是为用户回答根本问题:代表什么品牌,供给什么产品和服务,怎样与公司员工取得联络,是否有任何当时的买卖等等。
除此之外,它还代表了网站的质量乃至身份。 假如首屏唤起了良好的情感共识,观众觉得它有价值,那时你的首屏才现已满意了根本的规划要求。
网站首屏的首要元素通常是:
● LOGO或品牌标识
● 举动呼吁按钮
● 文字或概要
● 导航元素
● 查找符
但你不必一会儿把它们都加进去。 你需求在信息的丰富与其调和的安排之间找到平衡。 只运用需求的数据,不管所有的链接看起来多么重要,过度的首屏没有好处。
首屏留白太多也不是一个好办法。 假如一个用户在几秒钟内无法弄清楚您的界面,就很或许会永久扔掉你。 一个糟糕的首屏能够把访问者推到别的内容低质的网站去。
在极简首屏的规划中,只显现到网站首要部分和公司标志的链接。 这种办法在规划登陆页面时特别有用。
最佳首屏规划实践
在规划首屏部分时,别约束你的创造力。 网站的首屏是一个敞开且具有广泛的创造性规划决策的领域,它有必要值得纪念,简洁和有所用途。
首屏的巨细
网站首屏图画应该有多大,其实没有明晰的答案。 有些人试图供给一套精确的数字来标准它,但如今网站建造最困难的方面之一是确保每个屏幕巨细的有用性。 即便两个屏幕巨细相同,分辨率也或许不同,因而用户不会看到相同的效果。
所以不要专心在精确的像素概念上,遵从简略的知识规矩就好。
首屏的高度最好不要干扰对内容的感知。
关于信息类资源,小首屏将是一个很好的挑选,而关于类似登陆界面,首屏大一点更好。
在大量首屏的状况下,最好在折叠下面留下一些空间,这样用户就能够瞥一眼就知道页面的下一个内容并开端翻滚。
视觉层次
尼尔森·诺曼集团(Nielsen Norman Group)在2006年初次在F-shaped pattern of reading on the web 提出了他们的理论,这理论在今天依然得到推重。
假如访客在一个陌生网站,他总是倾向于从屏幕的左上角开端环视。 假如他们在那里找不到预期的信息,那么页面将自动被认为是扎手且不标准的,他们会觉得难以了解而脱离。
● logo。另一个由NN/g进行的研究表明,与中心或右侧的方位相比,用户更简单记住那些logo放在左边的品牌。
但假如是一个圆形的标志,其实也能够把它放在屏幕的中心,尽管它的效果依然没有放在左边好。
● 导航。一定注意不要令网站的导航部分过于凌乱。 太多的链接会压倒访客。 有时,对网站结构的全体调整或许是为最重要的类别腾出一些空间。
比方使访客简单了解他们在哪里、怎样找到更深层的内容,以及运用悬停效果来指导用户等。
● 举动按钮(CTA)。视觉层次、结构需求遵从“CTA原则”。
固定导航栏
固定导航栏或始终粘在界面上方,不管你的页面是否翻滚都能看见它。这现已成为一个网页规划标准。
在不违背全体规划概念的状况下,请固定导航栏。不管对桌面还是移动规划,这都是一个很好的想法:
● 电子商务网站-购物车总是在用户面前。
● 服务网站-电话号码或CTA会持续显现。
● 固定首屏能够提高客户体会,保持用户导向,并给予他们更多的控制权。
由首屏传递的信息
在规划首屏之前,需求考虑网站的全体风格及其首要意图。
假如它是一个旨在展示产品的促销网站,首屏的规划或许包含到首要区域的链接,结合高清主图,由于这样一个网站的首要意图是有用地呈现产品。 就电子商务或商业网站而言,状况或许有所不同。 用户需求很简单地导航,了解最新的买卖,怎样快速联络司理,以及在哪里看到他们现已下好的订单,因而在这种状况下,为了让位于其他类别,首屏或许更简洁:
● 首屏能够传递几个或许的信息:
● 促进顾客做某事
● 树立信任
● 鼓舞访客了解更多
● 风趣等等
● 取决于特定网站的目标
相关图画
首屏中的图片应该直接传达有关事务的信息。 例如,假如它代表食品配送服务,那么图画或许会描绘一个整齐的快递与美观有招引力的食物。一般来说,访客应该会在看过你的网站后想从你那里买东西。
● 高质量的相片。 拍摄是网页规划师的有力东西.. 它能够叙述一个故事,唤起情感,鼓励你的访客进一步翻滚。 关于有激烈醒目图画的站点,请测验制造一个透明的首屏。仅保留首要链接能更好地展示图画。
● 轮播图。假如你有几张代表网站事务的好相片,直接用吧! 用户能够翻滚阅览一组精巧的高分辨率图画。
● 插画。网站的首屏图画有必要奠定正确的基调,并树立个性化的连接。 当然,假如图画共同且简单辨认就更好了。你能够通过利用插画来完成它。
视频或动画
不要把注意力会集在静态图画上。
添加视频是最有用的突出网站首屏的方式之一 。假如或许,请测验将主题视频资料添加到首屏中。 许多网站运用它来招引观众,同时以尽或许好的方式展示他们的公司或产品。
另一种让你的规划更有招引力,更生动,愈加印象深刻的办法是添加动画。 它能够帮助你制造很帅的网站首屏。假如你正在寻找一个互动的网页来招引观众,动画是一个很好的挑选。
精心规划的举动按钮
在规划网页首屏时,规划师在那里添加了一些动作元素的调用,如“注册”、“登录”、“联络”等。 为了招引用户的注意力,使其知道怎样举动,按钮应该包含一个对用户来说可了解的并且在其他内容中也很显眼的描述。
呼吁举动放置在一个具有战略意义的方位是一个完美的机会,能敦促用户采纳举动,然后提高您的转化率。
网站首屏的最佳字体
首先,客户有必要能明晰感知各版块名称及公司供给的信息:联络方式,有招引力的优惠等... 因而,您需求挑选明晰、可读的字体,确保不会形成阅览困难,能够一眼就了解。
关于大型主页首屏,您能够运用一些粗体字体和富有想象力的元从来招引用户的注意力,不然,最好不要挑选那些很难阅览的花哨字体。
简略的首屏规划
保持一个明晰和整齐的首屏,假如内容过多,访问者会觉得你在用你的内容“劫持”他们。 一个创造性的网站首屏也能够有一个十分简洁的外观。
隐藏导航(汉堡菜单)
这是一种运用得越来越多的网站规划解决方案。汉堡包菜单是三条条纹的小图标,点击时显现完好的菜单。当规划师需求专心于主屏幕时,它们就运用这种办法。
从网站可用性的视点来看,这是一个很好的挑选。 这样的菜单来自移动规划,用户现已很熟悉了。汉堡包菜单适用于促销网站,其中首要重点是运用相片或视频高质量地展示产品。 关于在线商铺,这个选项或许不太合适,由于关于顾客来说,有一个购物车、选定的产品和快速访问的查找字段是很重要的。
呼应式的首屏规划
首屏不只应正确显现在网站的桌面端,还应正确显现在移动端上。 因而,它有必要是可呼应式的,并能够很好地适配不同(型号)的移动设备。
移动设备的普及,使得桌面端的网页规划看起来也像是移动端的风格。 例如,桌面端的主图和汉堡包菜单的完成就起源于移动规划。
河北盛秋网络欢迎咨询网站建设!!王经理13831639196(微信同步)