网站首页的重要性不言而喻,目前网站优化目标页80%以上都是首页,这就意味着,当有陌生访客进入网站的时候,他们百分之八十的几率访问的是网站首页,人们常常说,狭路相逢,第一印象很重要, 所以网站建设中设计一个可圈可点的首页是很重要的,那么,网站首页设计如何做才能有亮点呢?
![8121fa20642a58548e49fb7606017a32.png](https://i-blog.csdnimg.cn/blog_migrate/d58d751292e37f14a674c542086a4adb.jpeg)
目前,针对网站首页的设计,已经呈多元化方向发展,这样的好处在于,可以充分满足不同网站的需求,现在总结起来,网站首页设计,大概有以下五个比较常见方案。
![ca2cbb83e7d618e5af743a41f91f669a.png](https://i-blog.csdnimg.cn/blog_migrate/b95290140679c71b035dee49377cdecf.jpeg)
1.用照片做背景
网站背景是一个比较纠结的选择,对于传统行业而言,直接用一张照片作为网站背景,仿佛让用户直接进入企业大门一般,这样做可以形成强烈的共鸣, 也可以形成线上和线下有机的结合在一起。
而用网站背景做首页,在一些旅游网站比较常见,试想一个旅游景点,把最好的旅游景点作为背景做出的网站,效果一下就出来了;同时,对于一些城市社区网站,使用城市照片或者社区图片做背景,同样给人如临其境的感觉,一下拉近了和网站之间的关系。
![b7819141b6d525f975f3725da8eea60e.png](https://i-blog.csdnimg.cn/blog_migrate/31aa4677a9ca0c1234756b8f093d4ccb.jpeg)
2.色块设计
色块,顾名思义,就是由颜色和几何形构成,具有一定功能性的可视化的形状,形态上也是多种多样的,可以是矩形,三角形,圆形抑或是其他不规则的图形。
色块的运用在版式设计中可谓多种多样,且涉猎范围之广,无论是海报设计,画册设计,宣传折页设计等都会经常见到。很多时候,用好色块往往会为网站加不少分。
主页采取色块设计,这些方块要么是纯色块配上文字,要么是方形照片配上文字。不同的色块放在一起形成强烈的对比,容易引起用户的视觉兴趣,进而继续探索下去。
![72be8d35afbd2e19f7cfa87159ee77ae.png](https://i-blog.csdnimg.cn/blog_migrate/7550f9f73a4a0009b39c18f5e919a8b1.jpeg)
3.聚焦简洁
自从移动互联网搅局,网站设计从复杂化趋向于简洁化,简洁而不简单,复杂的网站,可以用庞大来掩饰一些不足,而去伪存真之后,网站想要简洁不简单,必须把最好的一面展现给用户,极简设计旨在通过整合或是删除多余的页面实现简化,只给用户需要的东西。极简设计通常会用到大号的加粗字体、以及超大号的图片,清晰地把重要的东西传达出来。
聚焦简洁,无需多言,直奔主题,虽然这样对网站优化而言有一些难度,可是,我们看看一些应用,比如一个打车软件,地图、计价、联络方式,这几个点做好了,就可以获得用户满意,网站走心的设计,也应该如此简单。
![d88901538f530ac7d56ed66890878f4a.png](https://i-blog.csdnimg.cn/blog_migrate/b49481d5a457df879bf553f5be29e72f.jpeg)
4.响应式设计
响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。
随着手机和平板设备越来越多地进入人们的生活,人们访问网站的设备多了起来,如何让用户在不同设备上流畅的进入网站呢?响应式设计也成为了当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的。响应式设计能确保用户无论是在移动设备还是在PC上都能按你的意愿浏览内容。
响应式网站设计,一般应用于三网合一的情景中,这是时代的进步的需求,如果一个网站缺少柔韧度,那么,在其优化推广中,会遇到很多阻力,与时俱进是最为明确的选择。
5.视差滚动
让主页从一开始就能抓住用户的眼球,视差滚动的网页在现在来说无疑是效果可以的。因为视差效应使背景图像的移动速度低于前景中的内容,从而产生深度和沉浸感。当你的网站想要以流畅、线性的方式讲述一个故事时,满屏滚动与视差效应的结合可以创造一个完全沉浸式的浏览体验。
视差滚动就是让多层背景以不同的速度移动,形成运动视差 3D 效果。随着越来越多的浏览器增加对视差的支持,这一技术也很有可能会更加流行。在短视频如此猖獗的今天,网站也应该“动”起来,视差滚动,或许是未来网站设计的一个主打方向,目前因为一些技术上原因,不是所有的用户都喜欢这种相对前卫的首页设计。
以上是网站首页设计5个常见的方案,对于不同的行业,不同的产品,可以根据自己的喜好,以及行业和产品的特点,选择一个主打方向,这样可以让产品和网站有机的融合一体,达到吸引用户,增加用户体验的效果!
内容来源于网络,侵删。