一直以来,黄金比例被奉为设计行业是圣经式标准,但是我们认为:布局只是一种表现形式,打破常规往往会给浏览者更好的视觉体验。
 
从网页布局完全可以看出一个设计师的设计水准,以往多数设计师都遵循黄金比例原则排版,导致多数网页千篇一律,浏览者难免产生视觉疲劳。因此,必须做出改变,顺应未来设计趋势,才能赢得浏览者的关注。
 
下面,我们分析几个布局案例,希望给大家提供灵感。
 
1、U2 Lighting
U2 Lighting
 
U2的排版布局简洁大气,加上“零线框”的设计,让整体看起来更加舒适,主题更加明确。设计师利用黑与白的反衬对比,营造出时尚、神秘的氛围。
 
2.Syropia

Syropia
 
Syropia的网站整体看起来有些乱,主要原因是顶部使用了过多的装饰元素(如字体、几何图案),但是但从布局上是美玉问题的。由此看出,简单的布局很难中和过多的装饰元素。
 
3.Idiom
 
Idiom
 
Idiom网站的布局方式比较少见,从整体来看层叠有序统一。设计师将重要的文字内容浮在滤镜背景上方,搭配高透明度的色块更加增强了这些文字的阅读性,小细节成就的效果让页面结构变得更加清晰。
 
4.IRON TO IRON

IRON TO IRON
 
IRON TO IRON网站的方形图案能给人一种正式、规则的感觉,对称的效果也加深了整个网页的平衡感和协调性。文字与图片之间的安排错落有致,留白的面积和页面整体单色调的使用也很适中,浏览时给人以一种舒适的感觉。
 
5.Hannes Wizany

Hannes Wizany
 
这个案例使用了真实的人物背景,使用人物背景的网页的布局一般都很极简,在色彩上也不会采用很多的颜色来修饰,因此需要一些元素的帮助让网页更有逻辑,卡片式的设计理念就很好的填补了这方面的空白,让页面看起来不再单调。
 
6.Strategy
Strategy
 
这个案例使用的是图片环绕文字的布局方式,图片数量多容易造成浏览时忽略文字内容,因此设计师将主文字字体加粗,按钮采用幽灵设计,既不显得很突兀,也与网站整体基调很相符。
 
7.BENJ&SOTO
BENJ&SOTO
 
BENJ&SOTO是一个国外的电子商务网站,一般来说,电商网站都是中规中矩的,各大网站在形式上基本没有什么很大的出入,尤其是商品详情页,排列的顺序都表现出惊人的相似。而案例中的网站却打破了这样的常规布局方式,商品的左侧是一些基本信息;右侧以图片为主,给用户一种更加全方位了解商品的心理感受。
 
8.Mohiuddin Parekh
Mohiuddin Parekh
 
该案例的设计理念来源于教室中的黑板形象,布局上也体现了一些层叠感,粉笔效果也让临时信息的展示变得很自然亲和。
 
9.2AM Media
2AM Media
 
网页设计中的圆形元素能自然的给人一种柔和温暖的安全感,案例中的汉堡图标也融入了这一元素。大片的文字会令网页显得有些沉闷,几何图案正好弥补了这一点。
 
10.威廉REBUSTINI
威廉REBUSTINI
 
这个网站采用了网格布局的设计,让网页变得更加干净整洁。虽然内容种类很多,文字、图片,甚至流媒体,但是合理的布局让这些内容丝毫不凌乱。
 
网页布局是网页设计的法则,老话说没有规矩不成方圆,但墨守成规又太呆板。网页设计师只有不断的突破常规,才能设计出更好的网站作品。