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

时间：2014-11-15 21:50 次来源：未知

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

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

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

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

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

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

　　网页设计网站设计教程网站设计

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

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

　　网页设计网站设计教程网站设计

　　第一部分：关于“点”的认知

　　网页设计网站设计教程网站设计

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

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

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

　　网页设计网站设计教程网站设计

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

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

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

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

　　网页设计网站设计教程网站设计