网页设计中“点、线、面”的视觉构成
网页设计中“点、线、面”的视觉构成
网页设计中“点、线、面”的视觉构成此主题相关图片如下：线的视觉构成点的延伸形成线。
线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。
线是分割页面的主要元素之一，是决定页面现象的基本要素。
总的来说，线分为直线和曲线两种。
这是线的总体形状。
同时线还具有本体形状，两端的形状。
线的总体形状有垂直、水平、倾斜、几何曲线，自由线这几种可能。
线是具有情感的。
比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。
线的放射，粗细，渐变可以体现三维空间的感觉。
将不同的线运用到页面设计中，会获得不同的效果。
知道什么时候应该运用什么样的线条，可以充分的表达你所要体现的东西。
总之，线条是网页设计师必须熟练运用的最得力的表现工具。
我们应该对他有一定的了解。
下面我们用一些精彩实例来做具体的分析说明。
在这个页面中，水平线的重复排列形成一种强烈的形式感和视觉冲击力，能够在第一眼就产生兴趣，达到了吸引访问者注意力的目的。
自由曲线的运用，打破了水平线组成的庄严和单调，给网页增加了丰富、流畅、活泼的气氛。
水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比，从而将视觉中心有力的衬托出来。
值得提出的是，页面中点（按钮）的运用，使页面的形象更加活泼，丰满。
此主题相关图片如下：线还具有两端形状。
线的两端形状可以任意形的，它决定了线的本体形状。
在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特殊的肌理，表现了强烈的个性特征和艺术效果。
边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特殊并引人注目。
在这里，字母也可以看做是构成页面的线条的一种。
底纹采用了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。
曲线（字母）的大小对比也可以丰富空间层次。
近实远虚的绘画原理，在这里得到了最充分地体现此主题相关图片如下：将曲线（字母）随意的重叠，变形，占踞了页面左上角的很的一部分空间。
设计构成点面结合知识点
设计构成点面结合知识点设计构成点面结合是设计中的重要概念，指的是在设计中同时考虑物体的点线面三个方面，并使它们有机地结合在一起。
通过点面结合，设计能够更好地体现整体性和完整性，使作品具备更高的艺术性和功能性。
本文将围绕设计构成的点面结合知识点展开探讨。
一、点面结合的意义与作用点、线、面是构成视觉形象和艺术设计的基本元素，它们相互影响、相互制约，共同构成作品的整体。
点面结合能够使三维空间中的点、线、面在视觉上具有统一的整体性，使作品更加丰富、有层次、富有变化和艺术感。
点面结合在设计中具有以下几点作用：1.丰富空间感：通过点面结合，设计能够创造出更有深度和层次感的空间，使观者产生身临其境的感觉。
2.体现整体性：点、线、面相互结合，使作品呈现出整体性和完整性，体现设计的整体构思和想法。
3.增强功能性：点面结合不仅仅体现美感，还可以根据功能需求对点、线、面的组合和布局作出合理的安排，从而提升作品的使用性和便利性。
二、点面结合的实践方法1.比例关系的处理：在点、线、面的组合中，合理处理它们之间的比例关系是重要的。
通过调整不同元素的大小、位置和形状，使其在整体中协调统一，避免单一元素过于突出而破坏整体平衡。
2.灰度与色彩的运用：在点、线、面的组合中，色彩和灰度的变化可以更好地体现作品的层次感和立体感。
可以利用冷暖色调、明暗对比等方式，创造出丰富多样的视觉效果。
3.重点与主次的处理：在点、线、面的组合中，要合理处理元素之间的重点与主次关系。
通过突出一些重要的点、线、面元素，使它们在整体中成为视觉焦点，从而引导观者的注意力，增强作品的表现力。
三、点面结合的经典案例1.建筑设计中的点面结合：在建筑设计中，点面结合是非常重要的原则。
比如，巴塞罗那圣家堂的立面设计，通过点线面的有机结合，创造出独特的形态与空间感，使其成为建筑界的经典之作。
2.产品设计中的点面结合：在产品设计中，点面结合能够赋予产品独特的外观特点与美感。
版式设计中点线面的构成-副本
版式设计中的元素包括点、线、面，它们都各自具 有各自的形象，各不相同。
要创造出形式多样的形象可以使用以下几种方法创 造基本形来实现。
在版面构成中，通过基本形的组合，可产生形与形之间 的多种组合关系，这种关系主要有： 1.分离：形与形之间不接触，有一定距离。 2.接触：形与形之间边缘正好相切。 3.复叠：形与形之间是复叠关系，由此产生上下前后左右的空 间关系。
3.3 视觉流程的诱导性
通过对版式中视觉元素的编排，左右人们的视线，使 其按照设计意图进行顺序流动，用以捕捉观众的视觉注意 力。
4 版式设计的视觉流程形式
4.1单向视觉流程 4.2曲线视觉流程 4.3焦点视觉流程 4.4反复视觉流程 4.5导向视觉流程 4.6散点视觉流程
4.7最佳视域
4.1单向视觉流程（直线视觉流程）
1 视觉流程的概念
版式设计的视觉流程是一“种“空间的运动”，是视线 随各元素在空间沿一定轨迹运动的过程。
这种视觉在空间的流动线为“虚线”。正因为它虚，所以 设计时容易被忽略。而有经验的设计师却非常重视并善于运用这 条贯穿版面的主线，可以说，视觉流程运用的好坏，是设计师技 巧是否成熟的表现。
2 视觉流程的一般规律
?弧线形（C形）视觉流程：有扩张感和方向感。弧线形视觉 流程，使页面具有很强的扩张性。 ? 回旋形（S形）视觉流程：两个相反的弧线产生矛盾回旋 线。回旋形势觉流程在平面中可增加深度和动感，使页面产 生更多层次，空间感增强。
4.3焦点视觉流程 焦点是视觉心理的焦点， 在具体的处理上，一般沿着视觉焦点的倾向与力度，来发
3 视觉流程运动中应注意的事项
3.1 视觉流程的逻辑性 各视觉要素在版式设计中的安排，要符合人们观察
平面构成中点线面的基本概念
平面构成是视觉元素在二维平面上按照一定的美学原理进行合理分解、组合、重构和变化的科学。
它是现代艺术设计学习中必须掌握的基础知识，主要包括平面构成、立体构成和色彩构成。
在平面构成中，点、线、面是基本的构成要素，它们可以组合和变化出各种形态，创造出理想的视觉效果。
1. 点：点是平面构成中最基本的元素，它具有一定的面积和形状，是视觉设计最小的单位。
点可以是圆形、矩形、三角形或其他任意形态。
在平面设计中，点的大小、形态、位置和数量都会产生不同的视觉和心理效果。
2. 线：线是点移动的轨迹，是连接页面、引导视觉和丰富画面的元素。
线可以有粗细、虚实、透视和立体等变化，从而产生不同的视觉效果。
在平面设计中，线的排列、方向和变化可以影响画面的动感和节奏感。
3. 面：面是信息的载体，是分割画面的元素。
面可以体现充实、厚重、整体和稳定的视觉效果。
面可以是几何形或自然形，不同的面形状和组合方式可以产生不同的视觉感受。
总之，平面构成中的点、线、面是视觉设计的基本元素，它们在平面设计中的组合和变化可以创造出各种形态和视觉效果。
理解点、线、面的基本概念和特性，有助于设计师更好地运用这些元素进行创作。
在平面构成中，点、线、面的组合和变化可以创造出各种形态和视觉效果。
以下是一些关于点、线、面在平面设计中的具体应用：1. 点的应用：点可以用来强调画面中的重点，引导观众的视线，或者创造出节奏感和动态感。
例如，在一幅海报中，可以使用不同大小和形状的点来突出主题，引导观众的视线按照设计者的意图流动。
2. 线的应用：线可以用来连接和分隔画面中的元素，引导观众的视线，或者创造出动感和节奏感。
例如，在一幅封面设计中，可以使用线条来分隔文字和图片，使画面更加清晰易懂。
3. 面的应用：面可以用来承载和分隔画面中的信息，创造出稳定和整体的视觉效果。
例如，在一幅广告设计中，可以使用不同形状和大小的面来承载文字和图片，使画面更加丰富和有趣。
此外，点、线、面的组合和变化也可以创造出各种视觉效果，例如：重复、渐变、交错、对比等。
平面构成造型元素——点、线、面的重要性
平面构成造型元素——点、线、面的重要性平面构成造型的元素包括点、线和面，这些元素在造型设计中扮演着重要的角色。
它们的合理组合与运用，可以创造出丰富多样的造型效果，使作品更具艺术感和视觉冲击力。
1.点是构成造型的基本元素之一。
它是一个没有维度的对象，可以视作空间的最小单位。
在造型设计中，点的运用可以起到突出、强调或营造重点的作用。
例如，在平面设计中，通过集中使用点来创造出节奏感和动态感；而在雕塑艺术中，点可以构成雕塑的表面纹理，增强作品的观赏性。
此外，点的不同组合与排列方式，还可以生成不同形状和图案，为造型设计带来丰富的可能性。
2.线是造型中的重要元素之一。
线是由点连接而成，具有长度和方向。
它可以分为直线和曲线两种类型。
直线给人以稳重、坚实的感觉，常被用于表达秩序和稳定；曲线则给人以柔和、流动的感觉，常被用于表达动感和生命力。
在造型设计中，线的运用具有引导人眼的作用，可以引起人们的兴趣和注意。
例如，在绘画中，通过运用弯曲或折断的线，可以创造出复杂的形状和神秘的意境；而在建筑设计中，借助线条的方向和长度，可以塑造建筑外观的动感和立体感。
3.面是平面构成造型中不可或缺的元素。
面是由线围成的平面形状，具有长度和宽度。
它可以分为几何面和有机面两种类型。
几何面具有规则的形状，如矩形、圆形等，给人以稳定和有序的感觉；有机面则具有不规则的形状，如云彩、树叶等，给人以柔和和自由的感觉。
在造型设计中，面的运用可以创造出丰富的图案和纹理，给作品带来独特的视觉效果。
例如，在绘画中，面的组合和颜色的运用，可以创造出丰富的空间感和层次感；而在平面设计中，通过面的平衡和分布，可以构建出整体的视觉效果和和谐感。
综上所述，点、线和面是平面构成造型的重要元素。
它们的合理组合与运用，可以创造出丰富多样的造型效果，使作品更具艺术感和视觉冲击力。
因此，在进行造型设计时，我们应该善于运用点、线和面的特点和规律，以达到突出重点、引导视线、创造动感和塑造立体感的目的。
平面设计知识之点、线、面的构成
平面设计知识之点、线、面的构成平面设计知识之点、线、面的构成作为一名优秀的设计师，需要有丰富的构想，敏锐的观察力和对美的感性认识下面给大家介绍平面设计知识之点、线、面的构成，欢迎阅读!平面设计知识之点、线、面的构成一、设计中不可缺少的因素是什么?因素中最为重要的又是什么?1、一是材料，二是运用工具进行加工技巧、技术、知识、经验，这是五个必备的条件;2、作为一名优秀的设计师，需要有丰富的构想，敏锐的观察力和对美的感性认识<区别设计师和工匠的关键之处>，这些是构成“创造灵感”不可缺少的重要因素。
二、设计思路和创作灵感从哪来?怎样才能产生创作灵感?1、从大的方面讲，它来源于时代背景、来源于我们的生活，时事造英雄、时代造就艺术家。
如：战争年代，反映了战争年代的生活作品;如：一个学生，他的创作意识主要来源于与学习有关的意念与思路。
(如：作品充电)2、创作的灵感来源于自己所占有的文化知识和艺术作品的信息，应该多花些时间去欣赏、分析各类优秀作品，这样可以培养大家的形象思维能力、开拓创作思路，增加创作灵感。
3、有了灵感——实现灵感(设计时应注意些什么呢?)必须掌握创作的基本思路和设计中要遵循的基本原则创作的基本思路和设计中的基本原则有哪些呢?三、造形构成的要素构成要素：1、形：点、线、面。
2、色：色相、明度、彩度。
3、质感。
A、点：是构成设计的基本要素之一。
几何学角度：点只有位置，没有面积。
造型设计角度：点没有形就无法从视觉上进行表现，赋予它大小和面积就有了形态，点越小点的感觉越强，点越大，越有面的感觉。
巧妙地将点加以构成可以创造出具有曲面、阴影，其它复杂的立体感<如印刷网点图>B、线：直线<有不相交的线、相接的线、交叉的线> 如图曲线<开放的曲线、封闭的曲线>几何角度：线没有粗细，只有长度和方向。
设计中：用视觉手段表现它，线的位置，长度、厚度、宽度、掌握线的构成特性会使创作思路更为开阔。
版式设计的点、线、面的空间编排构成关系
2、当居于视觉中心时，有视觉心理的平衡与趋势，但过于边置也产生离心之动感。
4、点做上、下边置，有上升、下沉的心理感受。
在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。另外，准确运用视点的设计来完美的表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。
以细小的文字或图象组织的版面，从整体看具有肌理感，其空间关系建立在肌理组织的大小及色彩的强弱关系上。
1、比例关系的空间层次
面积大小的比例，即近大远小产生近、中、远的空间层次。在编排中，可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。
2、位置关系的空间层次
前后叠压的位置关系所构成的空间层次。将图象或文字作前后叠压排列，产生强节奏的三度层次空间。 *版面上、左、右、下、中位置所产生的空间层次。版面的最佳视域为视觉中心位置，并产生视觉焦点；再依次为上部、坐侧、右侧、下部的视觉位置顺序。编排时，依从主次顺序，将重要的信息或视觉流程的信息安排在注目价值高的部位，其他信息则与主体成相应上左或右下的配置关系这样所构成的，不如前后叠置手法效果强烈，但视觉注目程度高。
面在版面中的概念，可理解为点的放大，点的密集或线的重复。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡、丰富空间层次、烘托及深化主题的作用。
四、三维空间的编排构成
生活中的三维空间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉，而在平面编排中的三维空间，是在二维空间的平面上建立近、中、远立体的空间关系。看得见而摸不着，是假象空间。这种假象，是通过借助多方面的空间关系来表现的，即；比例、动静、图象肌理等空间因素。
画面构图的基本元素
1、概念元素：包括：点、线、面。
点、线、面的构成形象物体的外部特征是可见的。
所以，形象包括视觉元素的各部分，所有的概念元素如点、线、面在见于画面时，也具有各自的形象。
平面设计中的基本形：在平面设计中，一组相同或相似的形象组成，其每一组成单位成为基本形，基本形是一个最小的单位，利用它根据一定的构成原则排列、组合、便可得到最好的构成效果。
2、视觉元素：概念元素不在实际的设计中加以体现，它将是没有意义的。
概念元素通常是通过视觉元素体现的，视觉元素包括图形的大小、形状、色彩等。
换句话说也可以是轮廓和色彩。
轮廓是物体边缘的线条。
色彩是一张平面设计构图中表现形式的重点！3、关系元素：视觉元素在画面上如何组织、排列，是靠关系元素来决定的。
关系元素包括：方向、位置、空间、重心等。
当然也包含了设计规则和算法。
当然也包含下面的一些关系：A、分离：形与形之间不接触，有一定距离。
B、接触：形与形之间边缘正好相切。
C、复叠：形与形之间是复叠关系，由此产生上下前后左右的空间关系。
D、透叠：形与形之间透明性的相互交叠，但不产生上下前后的空间关系。
E、结合：形与形之间相互之间结合成为较大的新形状。
F、减却：形与形之间相互覆盖，覆盖的地方被剪掉。
G、差叠：形与形之间相互交叠，交叠的地方产生新的形。
H、重合：形与形之间相互重合，变为一体。
4、实用元素：指设计所表达的含义、内容、设计的目的及功能。
比如拟物化的图标设计、逼真的场景设计等等。
综上就是对画面构图的基本元素的总结，希望能帮到大家，专注教育、忠于教育，更多相关咨询，欢迎大家点击查阅后现代画室。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计中“点、线、面”的视觉构成
此主题相关图片如下：
线的视觉构成
点的延伸形成线。
线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。
线是分割页面的主要元素之一，是决定页面现象的基本要素。
总的来说，线分为直线和曲线两种。
这是线的总体形状。
同时线还具有本体形状，两端的形状。
线的总体形状有垂直、水平、倾斜、几何曲线，自由线这几种可能。
线是具有情感的。
比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。
线的放射，粗细，渐变可以体现三维空间的感觉。
将不同的线运用到页面设计中，会获得不同的效果。
知道什么时候应该运用什么样的线条，可以充分的表达你所要体现的东西。
总之，线条是网页设计师必须熟练运用的最得力的表现工具。
我们应该对他有一定的了解。
下面我们用一些精彩实例来做具体的分析说明。
在这个页面中，水平线的重复排列形成一种强烈的形式感和视觉冲击力，能够在第一眼就产生兴趣，达到了吸引访问者注意力的目的。
自由曲线的运用，打破了水平线组成的庄严和单调，给网页增加了丰富、流畅、活泼的气氛。
水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比，从而将视觉中心有力的衬托出来。
值得提出的是，页面中点（按钮）的运用，使页面的形象更加活泼，丰满。
此主题相关图片如下：
线还具有两端形状。
线的两端形状可以任意形的，它决定了线的本体形状。
在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特殊的肌理，表现了强烈的个性特征和艺术效果。
边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特殊并引人注目。
在这里，字母也可以看做是构成页面的线条的一种。
底纹采用了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。
曲线（字母）的大小对比也可以丰富空间层次。
近实远虚的绘画原理，在这里得到了最充分地体现
此主题相关图片如下：
将曲线（字母）随意的重叠，变形，占踞了页面左上角的很的一部分空间。
配合梦幻般的背景，体现了设计师虚无迷茫，杂乱无章的思绪。
自由曲线是表现情感的最佳造型手段。
此主题相关图片如下：
线条除了体现情感外，还能够利用粗细、虚实（例二谈过），渐变，放射产生深度空间和广度空间。
上面的页面中，围绕同心的放射圆，在粗细和虚实上形成深度空间。
设计师巧妙的将3D造型的LOGO放在圆心上，非常引人注目。
页面左边，长短不一的线段在视觉中形成虚实的变化，强调了页面空间的构成。
此主题相关图片如下：
________________________________________
★★★【网页设计版】版主 (Forum)
2003-5-1 20:30:06
zhoufei988
头衔：飞侠等级：版主威望：1 积分：80 金钱：298
文章：434 1
经验：484 7
注册：200 2-7-19
第3楼
离心放射的线条，具有力量和挺拔的感觉。
类似于太阳的光芒，使版面的视线更加开阔。
他同时具有吸引浏览者视线的作用，和同心放射有异曲同工之妙。
此主题相关图片如下：
线条还具有分割版面的作用。
在上页中，水平线将页面分割成上下两部分。
在页面上部，曲线的勾勒配合色彩渐变，创造出不同的形体（产品），并通过右上角的线（产品轮廓）联系起来，并将视线引导到的LOGO上面。
在页面下部，线条分割造成大小方向不一的，带有圆角的形，作为的功能按钮区。
通过柔软并稍微向右上倾斜的波浪线连成一个整体。
同样将视线引导到LOGO附近。
此主题相关图片如下：
在这个页面中，优美的曲线将页面清晰的分割为功能和容两个区域。
同时，富有变化的，柔软流畅的曲线，配合时尚的色彩，将这个女性用品淋漓尽致的表达出来。
此主题相关图片如下：
这是上面的系列站点，在这里，向上，挺拔的直线分割了整个页面。
直线和中灰色彩的运
用，突出了的男性定位。
此主题相关图片如下：
________________________________________
★★★【网页设计版】版主 (Forum)
2003-5-1 2
0:32:03
第4楼zhoufei988
头衔：飞侠等级：版主威望：1 积分：80 金钱：298
文章：434 1
经验：484 7
注册：200 2-7-19 面的视觉构成
线的推移形成面。
面是无数点和线的组合。
面具有一定的面积和质量，占据空间的位置更多，因而相比点和线来说视觉冲击力更大更强烈。
面的形状可以大概的分为以下几种：
几何型的面：方，圆，三角，多边型的面在页面中经常出现。
而一段文字也可以看做是一个方形的面；
有机切面：可以用弧形相交或者相切得到；
不规则形的面和意外因素形成的随意形面。
面具有自己鲜明的个性和情感特征，在网页的版面设计上，不同形状的面之间的相互关系和整体的和谐需要我们去熟练把握。
可以这么说，只有合理的安排好面的关系，才能设计出充满美感，艺术加实用的网页作品。
下面我们举几个实例来具体说明：
方形的面具有沉着，稳重，厚实，坚强的男性特征。
IBM的使用了大量方形的面，充分表达了这个国际公司深厚的背景和强大实力。
在方形面的应用上，大小有明显的区别，重点突出。
位置整齐但也有微小的变化，在严肃中透露轻松。
在视觉中心的位置，放置页面最大面积的深灰色的方形，配合线条、文字和色彩，以及页面上唯一的，亮丽的自由面（女性头部）将重点信息完整强烈的表达出来。
这个页面可以说是商业站点中的典之作。
此主题相关图片如下：
同样是方形面运用的典之作。
在这个页面，面的大小和色彩对比更加强烈。
页面中部的几个彩色块也可以看做是点，在丰富了页面的色彩，起了点睛的作用。
此主题相关图片如下：
在这个页面中，有机的接近流线形的面（苹果电脑）占据了页面的大部分位置，造成强烈的视觉冲击。
带圆狐的稍微向右上方倾斜的有机三角形，充满了时尚和流行的味道，在由多个透明按钮组成的水平的面上，大方又带有动感，轻盈又不失稳重。
此主题相关图片如下：
圆形的面和自由形的面组成了一个极不稳定的倒三角构图。
加上网页中动态的高速向外冲的卡通飞车高手，制造了一个紧的环境，让观众在担心之后，自然记住了这个特殊的视觉效果。
倒三角形可以给人们活泼，新颖的感觉。
倒三角面的不稳定性，可以制造危险的气氛。
此主题相关图片如下：
圆形的面给人以充实、圆满、活泼的感觉，比较适合表现儿童或者女性特征。
这个页面充满了天真和童趣，紧之余，我们都希望能够去这放松放松。
同时这个页面还采用了很多的动态元素，符合儿童好动的心理。
此主题相关图片如下：
________________________________________
★★★【网页设计版】版主 (Forum)
2003-5-1 2
0:36:06
zhoufei988
头衔：飞侠等级：版主威望：1 积分：80 金钱：298
文章：434 1
经验：484 7
注册：200 2-7-19
第5楼
耐克的站点大量采用了接近圆形的几何面，加上灌蓝高手的精彩定格，使整个站点充满了跳跃和运动的感觉。
在这个页面中，自由形（乔丹）的运动方向对视线的引导起了很大作用，他将视线牵引到页面的右上角。
右上角的面所要推荐的产品，应该是这个页面的重点中的重点了。
中间位置不同容的几何面的运用，避免了单纯采用文字的单调感。
既能够最直接地反映产品的信息，又在色彩和版面上为整个站点活跃了气氛，可谓是一举多得。
此主题相关图片如下：
面还有正形和负形两种表现。
正型可以解释为以白衬黑。
在页面的右边，白底上的四个人物动态可以称之为正型。
正型在页面中特性为一个实体，具有明确，肯定，向前的感觉。
负形可以理解为以黑衬白。
在页面的左边圆中，女性的白色衣服和皮肤即为负形，在重色的背景的衬托下，体现出虚幻，轻松，深远的感觉。
总结
自然界的万物形态构离不开点、线、面。
点、线、面是视觉构成的基本元素，是每个网页设计师必须熟练掌握的设计语言。
点、线、面具有不同的情感特征，我们要善于采用不同的组合去体现不同的情感诉求。
在网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。
在我们确定网页主体形象的位置、动态时，点线面将是需要最先考虑的因素。
只有合理的安排好点线面的互相关系，才能设计出具有最佳视觉效果的页面，充分的表达出网页最终的诉求！。