每个网页设计师的作品都会有自己的风格特性，当不同网页设计师的作品相互之间对比的时候你会发现，不同设计师设计的网页之间的不同，你会发现同样的颜色（图片、布局）会有不同的效果。这是因为什么？颜色区域的面积大小？图片的使用形状？其实这些就是小优今天要和诸位探讨的内容——网页设计中的“点、线、面”在网页设计中的运用。

我们首先要明确：一个网页作品的基础并不是那些不理想的素材，也不是那些斑斓的颜色，而是基础的几何图形。

几何图形其实就是“面”，“面”的基础是“线”，“线”的基础是“点”。

那么“点、线、面”是如何参与到我们的设计之中的呢。我们来看下面的示例。

在上图中，设计师把标题与人物垂直排列的形式使之形成一条“线”，下方的导航与logo水平排列也组成了一条“线”，两者形成一个倒“T”字形。“世界观”与“游戏阵营”的布局设计正好形成了两个点。三个完美的三角形状，而在画面的构图中三角构图是稳的，配以宁静的夜空，飘舞的萤火虫，具有视觉冲击力的月亮与视角，恰如其分的传递出安静唯美的信息。

图-优网科技惠普生网页设计

从平常的设计中我们不难看出“点、线、面”在设计行为中的表现形式已经不仅仅是传统意义上的形式。一个logo、一个按钮、一个banner都可以是它们的具象表现。这需要我们在设计之初把具象的素材抽象化——进行解构的过程——用基础的构成元素来按形式美法则（形式美法则包含对称、平衡、对比、和谐、调和、节奏/韵律、统一，七大规律）进行布局。在获得理想的布局形式后再把抽象的元素具象化——进行重构的过程——此时要以设计的手段来让元素变得更精致更富视觉冲击力。

所以无论设计师风格怎么改变，设计手法怎么变。但是采用的元素是不会少了基本的构成法则，那就是点、线、面的构成。

責任編輯：優(yōu)網(wǎng)科技

版權(quán)所有：http://www.jcoyc.com (優(yōu)網(wǎng)科技) 轉(zhuǎn)載請注明出處