• 加载中...
  • 加入收藏
手机版 扫一扫
技术教程

扔掉黄金比例吧 网页布局还能这样做的!

时间:2016年12月26日 信息来源:互联网收集 点击: 加入收藏 】【 字体:

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

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

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

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

扔掉黄金比例吧  网页布局还能这样做的!

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

扔掉黄金比例吧  网页布局还能这样做的!

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

扔掉黄金比例吧  网页布局还能这样做的!

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

扔掉黄金比例吧  网页布局还能这样做的!

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

扔掉黄金比例吧  网页布局还能这样做的!

1 2 下一页 查看全文


文章标题:扔掉黄金比例吧 网页布局还能这样做的!
标签:


上一篇:移动设计指南一:如何理解移动信息架构?
下一篇:建站之前的那些事儿:预估
(作者:jimmy 编辑:jimmy)

我有话说

新文章

荐文章

门文章