布局3

很多学网页设计的童鞋们都知道，网页页面的布局，我们常常需要用到栅格线。栅格线结合设计的历史可谓渊远留长，而栅格线的运用熟悉程度，也往往考验着一个设计师的水平。可以说，有大部分的设计师，在网页设计上都离不开栅格线。

 

 

但是对于在设计路上道行高深的前辈们来说，栅格线不是唯一可选择的。他们有着非常扎实的基础，在这个基础上，他们能够游刃有余的去创新，去用超新潮的设计思想去完成目标。他们有着自己的设计理念，通过这些理念去摸索着成功的方法，而创造出更精彩的页面。

 

<img+src= alt="网页页面的栅格线系统">

 

 

栅格线系统依然重要。但是不要那么死板，脑子要活一点儿，还有很多设计的技法，尤其是以自由开放而著称的网页设计。当然，想要打破栅格线布局必须要有扎实的基本功，要对栅格线有充分的了解和心得。本文可不是新手向的文章，”要想跑，先会走”。同理，要想改造栅格线，必须先要掌握栅格线基础。

 

什么叫做伟大的设计师？伟大的设计师便是：心中对基础和原则了如指掌，但又不墨守成规，根据实际情况与个人经验，打破规则，完成更美的设计。

 

 

今天的一网学网页设计培训就来告诉大家，设计师们如何打破规则:

 

 

1.阶梯状布局

 

 

阶梯状的字体布局富有后现代主义气息，配合相关的图像，能够达成与众不同的视觉效果。

 

 

2.适度倾斜

 

 

页面的元素适当倾斜一定的角度。性感的翘臀？性感的翘字？个性十足，遐想连篇。

 

 

3.环绕形布局

 

 

更好的图文结合、打造视觉焦点、充分利用空间，挖掘栅格线系统的潜力。

 

 

4.插画元素

 

 

栅格式布局太呆板？试着加入一点插画元素吧。让页面看起来更具娱乐性，更好的平衡美学与功能。

 

 

5.重叠

 

 

采用了图像重叠的手段，而非传统的栅格线布局。令人印象深刻。

 

 

6.利用页面边缘

 

 

不要为了留边距而留边距——可以做点小实验，让文本超出页面边缘，然后用成沓的印刷品来呈递作品。

 

 

 

7.妙用形状

 

 

锐利的矩形配合以文本，看起来像是玻璃碎片，暗含一种暴力、兴奋的因素。

 

 

8.不对称设计

 

 

不对称设计让人感觉非常自然、淳朴、无修饰。比如说这罐蜂蜜，感觉就很天然。

 

 

9.拼贴画

 

 

这则可爱的婚礼邀请函感觉非常人性化、有手工质感，浓厚的拼贴风格。

 

 

10.加入引用

 

 

用户对一成不变的阅读节奏感到厌倦怎么办？那就试着打破节奏，给用户一点惊喜，引用就是一个好方法。尤其是在大块大块的文本信息中，加入引用可以适度缓解多栏布局的阅读节奏感，让用户读起来更舒心。

 

 

11.手绘字体

 

 

适度添加手绘风格的字体，让你的设计更加有趣，别有风味，而不是一本正经。

 

 

这就是突破栅格线布局设计的一些技法，大家可以举一反三，在熟悉基础的前提下，突破原则，也突破自我！

 

打破陈规才能创造出别具一格的设计。

 

当然，想要打破，你必须在以足够的了解为前提。

 

想要为网页设计打下扎实的基础么？想要在网页设计的道路上走的长远么？报名一网学网页设计培训，网页美工培训！你能得到你所有想要的！

 

http://www.ywxue.com/share/248.html