Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu

利用几何打造丰富而充满呼吸的网页布局

2016-09-14
随着极简主义的流行,我们在网站设计时,总会偏向留白简约。但对于一部分用户而言,仍然觉得简约的设计过于单调,这种情况,就需要设计师合理运用网页布局,来打造一种丰富但又充满呼吸感的界面。简单地说,就是在简约的基础上,又不让页面显得单调,听起来似乎是龟毛的需求,但通过构图、图片、配色、字体蹬各方协调,也是可以达到这样的效果。这就需要设计师在宁波网站建设中,思考方式流动起来。
 
我们在做网站时,对于布局的定义,通常喜欢用对称中规中矩的格局,这本没有错,但这个做法也会让你陷入“框架陷进”。当然你会说这样其实并没有什么不好,因为几乎我们所看到的大部分网站都是这个样式,但可以肯定的是,这样的网页会缺少呼吸的空间,整个页面都被信息所填满,如果稍微改变一下布局的元素大小和位置,其实就会展示出不一样的版面效果。如果是下图这样的排版,是否感觉更为灵活?
 
网页布局几乎都是由几何元素构成,加之显示屏本身就是矩形,因此在布局时最常用到的也是矩形。矩形给人以稳重、踏实、秩序之感,因此,比较予人一种信赖。在网页设计中,不仅可以将图片设计为矩形,文字段落也可以为矩形。如下面的例子中左文右图的版式的图文分别都为矩形。
作为矩形,还有直角矩形和圆角矩形之分,这两种矩形分别传递出不同的感觉,圆角矩形相对没那么尖锐,它往往更柔和圆润。除图文以外,还有作为色块所出现的矩形,一般为强调视觉重点所用。
 
三角有一种稳定性,三角的出现所呈现的稳定人心的气场不应被干扰,因此,以三角作为图片出现时,它就是全场的焦点。当然,如果仅仅作为图案出现的三角例外。这也表现出三角形的某种霸气和孤立。由于三角其实也是矩形的一半,因此用三角形来引申出矩形的意向,经过巧妙地构图安排,同样可以发挥矩形布局的效果。
 
圆。圆有一种柔性的豁达,因此它比起三角的尖锐来说力量感稍弱,而显得更为活泼。如果你的页面中充满圆点,无疑,这个页面势必让人联想到这是以儿童或少女为受众的网页。圆的魅力在于圆融,所以它能和在任何版式中都适用,而且它也能形成一种聚焦。在利用几何进行布局设计时,往往文字段落都是用矩形版式居多,这样也就是说在配图以及图案造型时需要利用几何本身的魔力进行排版。其实自然界本身的结构都可以简化为几何造型,甚至一张图片本身就带着几何造型的特征。因此你可以将图片内容本身和几何结合起来运用。
有些几何造型并不单纯,比如矩形经过倾斜角度就变成了平行四边形。两个三角形相叠加就变成了六角星形。四边形多增加一个边就是五边形,依次增加就变成了多边形。几何间经过巧妙地组合还能形成新的造型,这几乎让几何拥有了无穷无尽的魔力。

灵动本身是一个极富感染力的词汇,也许源于此很多人以为这就需要煞费苦心,其实往往越用力越欲速而不达,只要明确了设计的目标,你就只需要跟随目标而进入过程。这里不得不提及,很多看似简单的可操作性的技巧都未必能真正帮到你,比如“运用黄金比例就能获得最佳效果”“非对称布局一定比对称布局更具动感”“一个页面的色彩不得超过三种颜色”“字体用蓝色阅读体验不佳”……类似这样的经验总结之所以会误导你的原因,并非它本身不正确,而是由于它并没有为初学者提供一个外部环境,他们只给出了基于他们设计现场里出现的问题的解决方案,而换个环境就未必适合你。
设计最好玩的是,永远没有标准答案。
 
宁波网站建设 城池设计:http://www.city-design.cn/News/880.html
相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。