对于一个网站来说,网页设计显然占了其中很大部分的比重。虽然百度一直在不断强调网站的内容有多重要,但是从最基本的用户体验来说,网站必须先从视觉上吸引用户的目光,从而才能从内容上吸引到客户的停留及再次访问。在这种情况下,起到抛砖引玉作用的恰恰就是网页设计。
近年来一些新出现的网页设计手法在让网页设计得到进步的同时,也改变了传统一成不变的网页设计模式。更加灵动的页面设计手法让整个网站都变得形象生动起来。下面我们一起来看一下那些最新的网页设计手法有哪些。
一、响应式网页设计
响应式网页设计这个概念是随着智能手机与平板电脑的出现而产生的。在此之前,普通的网页设计并不能适应所有的浏览设备浏览。譬如说一个普通网站,在PC端能够显示正常,但是如果使用手机浏览或者是平板电脑浏览,却会出现显示不完整或者是错乱等现象。为了解决这个问题,响应式网页设计应运而生。
到目前为止,响应式网页设计技术已经成熟。很多网站在设计时为了达到最佳的视角效果,都是采用响应式网页设计手法进行调整。
二、全屏网页设计
这种设计在一定程度上与响应式网页设计相似,但又是两个不同的概念。全屏网页设计一改过去以内容填充形式,而突出了网站的背景,将传统纯色而单调的网页背景作为网页设计的一部分来显示,而将原本属于网页的前台展示尺寸稍微的缩小以突出背景图片,从而增强网站的视角冲击力。
这种设计看似比较简单,但对于首页的内容有比较高的要求,只能放简短的文字内容,过多则会弄巧成拙,因而一般的企业网站很少会选用这样的设计,只有对网页设计要求比较高的网站会采用这种设计模式。
三、滚动网页设计
这一种网页设计是将多层网页以不同的手法结合并以不同的方式滚动,以达到立体视角效果的一种页面设计模式。
不知道大家还记不记得广州奇亿网络曾经撰写过的一篇文章《酷站分享之汽车网站设计欣赏》,里面很多网站就是采用了这种设计手法,如北京奔驰,BONDCAR网站等。这类网站通常不会设计自动滚动,而是通过用户移动鼠标来带动滚动,有点类似于360°旋转模式。
四、扁平化网页设计
扁平化设计是新兴起的一种设计模式,是从苹果的IOS所衍生出来的一种网页设计模式。扁平化设计实际上是一种简单化了的网页设计模式,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。
目前这种设计模式仍存在诸多的争议,但很显然,无论结果如何,扁平化设计的出现都给我们的网页设计多了一种选择。
五、滚动侦测网页设计
这种设计最大的特点在于,当你点击网页上的按钮的时候,网页不是直接跳转,而是通过滚动移动到指定的页面。这种网页设计通常的一个比较长的页面,然后分为不同的栏目,由栏目点击滚动到指定栏目或者在用户拖动鼠标移动中切换栏目页面。
这样的设计有点类似与营销页,但又不是营销页那么简单。有兴趣的朋友不妨浏览一下下面这个网站。
六、瀑布式网页设计
大家都知道瀑布是落差比较大的水流,通常不会像江河小溪那样拐弯。之所以叫瀑布流网页设计,也是继承了瀑布所特有的特点。这样的网页既不设置跳转与其他的分页,而是通过用户无限滚动鼠标实现浏览过程。设计师将网页内容垂直排列,当用户纵向浏览的时候,内容就会不断的出现,好像源源不绝一样。具体设计样式可以参见pinterest网站。