网页设计中的“点、线、面

怎样的网页设计才称得上是优异？

想必许多人都和我有同样的疑问。个人认为所谓优异的网页设计就是能以合理的功能布局、心旷神怡的颜色（图片）搭配传递出设计想法的网页设计。这其中包含了排版布局、色彩搭配、素材的选用等等诸多方面……当我们重新审视自己与别人作品之间的不同时往往会发现同样的颜色（图片、布局）会有不同的效果。这是为什么？颜色区域的面积大小？图片的使用外形？其实这些就是我今天要和诸位探讨的内容——网页设计中的“点、线、面”——平面构成在网页设计中的运用。

点、线、面？平面构成？网页设计？

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

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

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

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

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

部分：关于“点”的认知

在平面构成中，点作为基础的构成元素存在。点的构成形式既有不规则的自由排列，也有按一定规律的秩序排列，无论采取怎样的排列体例都需按照形式美法则来进行。

在现实的网页设计中，点是相对而言的，页面中任何相对小面积的元素都可以视作是一个点。这些元素既可以单独存在于页面之中，也可组合成线或者面。

它们的存在不仅仅让我们的页面布局显得合理舒适，更会使得页面灵动具有冲击力。

以上例举出的页面都是内容需求入口较多，设计师采用点阵式的排列体例予以重构。即知足了页面功能的需求同时提拔了页面的趣味性与冲击力。

页面设计过程中点是不拘泥于形式的，但什么样的点才是合理的？怎样的排列才是有秩序的？想得到问题的答案照旧用具体的案例来诠释给诸位吧。

对称排列（形式美法则之对称）

对称：形体用对折的方法，基本上可以重叠的图形称为对称。它们是等形等量的配置关系，容易得到同一，是具有的稳定感的基本形式。

在翻看提供过来的素材后，设计师结合此次专题所要传递的信息，决定为了体现龙头令牌的历史感与神秘感，采用洞穴式场景，但具象洞穴形象不利于主体及的体现，所想能否在一面石壁上来体现我们想要的内容与效果。有了设计形式与整体布局，剩下的工作就是把抽象的几何图形具象话的过程了——开始了重构之旅。

在这里不再赘述。

设计师的完成稿上完全体现了设计之初对布局的想法。