设计篇：设计中的图形语言——好好玩耍的点、线、面，一秒提升设计感

经过这么长时间的学习和锻炼，当我们回头重新审视自己与别人作品的不同时，往往会发现同样的颜色、图片、布局，呈现的视觉效果却完全不同。这是为什么？颜色区域的面积大小？图片的使用形状？元素的点缀？今天和诸位一起探讨网页设计中的“点、线、面”——图形在设计中的运用。

1.不同形状的点

圆形——平稳，在感情上是饱满的，浑厚有力量的。方形——除了平稳外有端庄、大方，在感情上是踏实的，可依靠的。三角形——菱角分明，且有指向性，在感情上是偏倚的，有目的性的。菱形——在平衡中寻求个性。其他不规则的图形，显得富有自己的个性，是独立的，张扬的。不规则形状——活泼、俏皮、可爱，往往用于丰富画面。比较适用于儿童类的设计。在设计中，如果用不同形状当做点缀，呈现的效果也是不同的。自己体会↓

2.当画面中有不同大小的点时，大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受当一个画面中有很多零散的点分布时，用户的视线会来回游移，而设计的目的就是如何让他们在不规则中不显得凌乱。

在实际的网页设计中，点是相对而言的，页面中任何相对小面积的元素都可以视作是一个点。这些元素既可以单独存在于页面之中，也可组合成线或者面。例如这张图画面里有两个较大的点，大的点往往吸引人的注意，并且这两个点正好在视觉焦点的位置。也说明了当你的视觉元素非常多时，把想要突出的内容放在视觉焦点位置，才容易被识别。

3.点的排列方法页面设计过程中点是不拘泥于形式的，但什么样的点才是合理的？怎样的排列才是有秩序的？对称排列（形式美法则之对称） 对称排列相对的平稳保守，当需求是一个厚重沉稳的页面时它是比较不错的选择。

平衡排列（形式美法则之平衡）平衡排列不同于对称排列之处在于所用素材的形式，素材种类可以不完全相同，但所摆放的位置要使得整幅画面看起来平衡稳定具有美感。

自由排列（形式美法则之节奏/韵律）自由排列优势在于能很好的让页面律动起来，给人以活泼动感的视觉效果。所以一般用在表现速度、欢快的主题。

1.不同的线有不同的感情性格，线有很强的心理暗示作用直线好比男性，刚强有力量，曲线好比女性，柔和并且性感。不同方向的线条和不同的排列方式也对用户起了不同的引导作用。

2.线还有分割画面的作用线有连贯性，画面因为它的分割而变得生动有趣，引导用户的视觉，对于阅读顺序有着决定性的作用。下图画面中简洁的线条并带有强烈的方向感，即能指引用户视觉走向又能增加画面的韵律感。

曲线、斜线、线框，能够让页面更加动态化。如果想要强调某一区域，不妨试试不同粗细长短的线条，但要注意：使用斜线不意味着整体页面可以繁杂、可以无组织。还是要注意整体的平衡感、组织感、整洁性。

1.不同形状的面诠释着不同的语言面是线的移动至终结而形成的，面有长度、宽度，没有厚度。

曲线形的面具有柔软、轻松、饱满、女性的象征。

不规则的面如：水和油墨，混合墨洒产生的偶然形等，比较自然生动，有人情味。用大的几何图形来做设计能把视觉集中到图形上，是切割画面内容最好的方式。不规则的图形切割画面让整体比较活泼可爱。

2、使用规则的面，增强画面规整感一般认为，方形、圆形、三角形的面是典型的规则面，这三种面相加或者相减可以产生无数个多样的几何面；这类型的面具有简洁、明快、理性的特点，且在实际设计中，很容易与版面中的其他元素相协调。

3、自由形态的面赋予画面灵动性自由形态的面实际上是一种无规则的构成样式，它主要是指自由的图形，点缀的物品，或者图形化的字体，这些都具有很强的造型特点，由于自由形态的面规律较弱，因此能表现出画面的随意性。

打破传统布局，创造动态的自由视感，让构成更加复杂——无论是利用简约的几何图形，或是精致的倾斜图像，都能让你的设计更具吸引力。