扔掉黄金比例，网页布局还能这样做！

戊齐食用油

蓝蓝设计()是一家专注而深入的界面设计，为期望卓越的国内外企业提供有效的BS界面设计、界面设计、界面设计、包装设计、图标定制、用户体验 、交互设计、建设、平面设计服务

如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里

曾经有人说过，“布局虽然只是内容的表现形式，但却能决定浏览者对内容的态度”，从这句话中就足以看出布局在设计中的重要性。

从页的布局中就能看出一个设计师的设计水准，以往的页布局大家都会依照黄金比例的原则去排版设计，所以大多数页也都千篇一律，而现在，中规中矩的页布局已经不由得让浏览者产生了视觉疲劳，因此必须做出一些改变，以此来顺应未来的设计趋势，在布局中加入更多的创意。

以下案例是为大家搜集的页布局相关案例，希望能为大家带来灵感。

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



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



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



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



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



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



7BENJSOTO是一个国外的电子商务，一般来说，电商都是中规中矩的，各大在形式上基本没有什么很大的出入，尤其是商品详情页，排列的顺序都表现出惊人的相似。而案例中的却打破了这样的常规布局方式，商品的左侧是一些基本信息；右侧以图片为主，给用户一种更加全方位了解商品的心理感受。



8该案例的设计理念来源于教室中的黑板形象，布局上也体现了一些层叠感，粉笔效果也让临时信息的展示变得很自然亲和。



9页设计中的圆形元素能自然的给人一种柔和温暖的安全感，案例中的汉堡图标也融入了这一元素。大片的文字会令页显得有些沉闷，几何图案正好弥补了这一点。



10这个采用了格布局的设计，让页变得更加干净整洁。虽然内容种类很多，文字、图片，甚至流媒体，但是合理的布局让这些内容丝毫不凌乱。



页布局在页设计中起到了很大的作用，不仅能让页整体看起来更协调，还能提升本身内容的质量。


也因此ui咨询才会有越来越多的拥泵者为其加油助威，传播品牌的价值和功能。北京兰亭妙微（蓝蓝设计）是一家专注而卓越的UI界面设计公司,以良好的服务为众多优秀企业提供卓越的UI咨询、竞品分析、交互设计、UI界面设计、大数据可视化设计、嵌入式软件界面设计开发、图标icon设计、大型网站设计、用户体验设计、软件开发....是一家从用户研究、交互设计及优化咨询、软件和网站设计、界面开发实施全方位提供解决方案的创新型设计公司。http://www.lanlanwork.com