网页设计布局案例!扔掉黄金比例

　　1. U2 Lighting的展示型官方网站。网站的排版布局比较简约大气，在加上“零线框”的处理，让整体看起来更舒适。设计师利用黑与亮的反差突出了产品的特色，同时制造出时尚神秘的氛围。

　　2.Syropia的网站看起来会有点乱，但是单从布局上来讲其实并没有什么问题，而造成页面杂乱的主要原因在于设计师使用了过多的修饰性元素，比如字体，几何元素等。从这个案例中我们可以看出，再简单的布局也无法中和过多的修饰。

　　3.这个网站的布局方式比较少见，从整体来看层叠有序统一。设计师将重要的文字内容浮在滤镜背景上方，搭配高透明度的色块更加增强了这些文字的阅读性，小细节成就的效果让页面结构变得更加清晰。

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

　　5.这个案例使用了真实的人物背景，使用人物背景的网页的布局一般都很极简，在色彩上也不会采用很多的颜色来修饰，因此需要一些元素的帮助让网页更有逻辑，卡片式的设计理念就很好的填补了这方面的空白，让页面看起来不再单调。

　　6.这个案例使用的是图片环绕文字的布局方式，图片数量多容易造成浏览时忽略文字内容，因此设计师将主文字字体加粗，按钮采用幽灵设计，既不显得很突兀，也与网站整体基调很相符。

　　了解更多关于UI设计方面的知识，请访问上海UI设计培训学校