点的视觉构成在网页中，一个单独而细小的形象可以称之为点。点是相比较而言的，比如一个汉字是由很多笔划组成的，但是在整个页面中，他可以称为一个点。点也可以是一个网页中相对微小单纯的视觉形象，如一个按钮（BUTTON），一个LOGO等等。
需要说明的是，并不是只有圆的形才叫一个点，方形，三角，自由形都可以作为视觉上的点，点是相对线和面而存在的视觉元素。
点是构成网页的最基本单位，在网页设计中，经常需要我们主观的加些点，如在新闻的标题后加个NEW，在每小行文字的前面加个方或者圆的点。
点在页面中起到活泼生动的作用，使用得当，甚至可以是画龙点睛的。
一个网页往往需要有数量不等，形状各异的点来构成。点的形状、方向、大小、位置、聚集，发散，能够给人带来不同的心理感受。
下面我们就具体的页面，谈谈点的运用和表现。
在这个页面中，只有唯一的一个点，四周是大量的空白，于是它马上成为吸引视线，引发兴趣的视觉中心。而这个视觉中心就应该是你想表达的主题，效果是最直接明确的。
在你实际浏览这个页面的时候，这个处于三维空间点（花生）旁边环绕着一段电脑联线。三维技术的运用，更突出了这个视觉中心，让你迫不及待的点击进入下一级页面。
这是同一网站二级页面中的一个，我们可以将每一组形看做是一个点，如NEWS可以称做点，右下角还有四个点。所有的点互相呼应，组成不稳定的三角构图。在这个页面中，重复出现了用三维动态技术表现，最吸引视线的首页的点（花生）。
同一视觉形象（点）的不断重复出现，能够增加浏览者的印象。
在这个页面的下部，点的水平排列，形成平稳，安详的线的感觉。三种形状相似的点随着点击产生的颜色变化，同时在页面中心位置出现不同的产品图片，给大家一种跳跃，动荡，欢快的感受。
在页面中四处飘荡的点（TOP10的图标）和由左至右移动的文字（也是由点组成），加强了页面的活跃气氛。
在同一个空间里面体现了两种不同情绪的动态的对比，这也是网页相对传统平面媒体的极大优势。
做为呼应，设计师特意在页面的中上部，采用了很多较小的点做底纹，起到了丰富页面层次的作用。
页面上下两段横向的色条，强调了水平线的稳定情绪，将页面统一起来。
在这个二级页面中，右边垂直排列的圆点（由1到10），起到了引导视线和强调次序的作用。点的等距垂直排列，在视觉上形成虚拟的竖线。加上段落文字的共同边距，在视觉上形成竖线，起到分割页面的作用。
在这个页面中，点的大小，位置，颜色，聚散的不同变化和组合，产生了轻松，活泼，流动，抒情，愉快的气氛。
通过优美的弧线的引导，人们的视线最终将集中在"wasabi:sneaker"这几个由点组成的文字上。自然，这也是设计师所要突出诉求的主题之一。
在页面下部，设计师并列运用高低颜色不同的点，若隐若现，突出了页面以点造型的设计语言。
注意在两个页面中都出现了三个斜向排列的带有渐变色的点。它为页面增加了动势和前后的空间层次，实属不容忽视的精彩之处！
线的视觉构成
点的延伸形成线。
线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。
线是分割页面的主要元素之一，是决定页面现象的基本要素。
总的来说，线分为直线和曲线两种。这是线的总体形状。同时线还具有本体形状，两端的形状。
线的总体形状有垂直、水平、倾斜、几何曲线，自由线这几种可能。
线是具有情感的。比如水平线给人开阔，安宁，平静的感觉；斜线具有动力，不安，速度和现代意识；垂直线具有庄严，挺拔，力量，向上的感觉；曲线给人柔软流畅的女性特征；自由曲线是最好的情感抒发手段。
线的放射，粗细，渐变可以体现三维空间的感觉。
将不同的线运用到页面设计中，会获得不同的效果。知道什么时候应该运用什么样的线条，可以充分的表达你所要体现的东西。
总之，线条是网页设计师必须熟练运用的最得力的表现工具。我们应该对他有一定的了解。下面我们用一些精彩实例来做具体的分析说明。
在这个页面中，水平线的重复排列形成一种强烈的形式感和视觉冲击力，能够在第一眼就产生兴趣，达到了吸引访问者注意力的目的。
自由曲线的运用，打破了水平线组成的庄严和单调，给网页增加了丰富、流畅、活泼的气氛。
水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比，从而将视觉中心有力的衬托出来。
在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特殊的肌理，表现了强烈的个性特征和艺术效果。
边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特殊并引人注目。在这里，字母也可以看做是构成页面的线条的一种。
底纹采用了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。
曲线（字母）的大小对比也可以丰富空间层次。
将曲线（字母）随意的重叠，变形，占踞了页面左上角的很的一部分空间。配合梦幻般的背景，体现了设计师虚无迷茫，杂乱无章的思绪。
线条除了体现情感外，还能够利用粗细、虚实（例二谈过），渐变，放射产生深度空间和广度空间。
离心放射的线条，具有力量和挺拔的感觉。类似于太阳的光芒，使版面的视线更加开阔。
线条还具有分割版面的作用。在上页中，水平线将页面分割成上下两部分。
在页面上部，曲线的勾勒配合色彩渐变，创造出不同的形体（产品），并通过右上角的线（产品轮廓）联系起来，并将视线引导到网站的LOGO上面。
面的视觉构成
线的推移形成面。面是无数点和线的组合。
面具有一定的面积和质量，占据空间的位置更多，因而相比点和线来说视觉冲击力更大更强烈。
面的形状可以大概的分为以下几种：
几何型的面：方，圆，三角，多边型的面在页面中经常出现。而一段文字也可以看做是一个方形的面；
有机切面：可以用弧形相交或者相切得到；
不规则形的面和意外因素形成的随意形面。
方形的面具有沉着，稳重，厚实，坚强的男性特征。
IBM的网站使用了大量方形的面，充分表达了这个国际公司深厚的背景和强大实力。
在方形面的应用上，大小有明显的区别，重点突出。位置整齐但也有微小的变化，在严肃中透露轻松。
在视觉中心的位置，放置页面最大面积的深灰色的方形，配合线条、文字和色彩，以及页面上唯一的，亮丽的自由面（女性头部）将重点信息完整强烈的表达出来。
同样是方形面运用的典范之作。在这个页面，面的大小和色彩对比更加强烈。
圆形的面和自由形的面组成了一个极不稳定的倒三角构图。加上网页中动态的高速向外冲的卡通飞车高手，制造了一个紧张的环境，让观众在担心之后，自然记住了这个特殊的视觉效果。
倒三角形可以给人们活泼，新颖的感觉。
圆形的面给人以充实、圆满、活泼的感觉，比较适合表现儿童或者女性特征。
这个页面充满了天真和童趣，紧张之余，我们都希望能够去这放松放松。
耐克的站点大量采用了接近圆形的几何面，加上灌蓝高手的精彩定格，使整个站点充满了跳跃和运动的感觉。
在这个页面中，自由形（乔丹）的运动方向对视线的引导起了很大作用，他将视线牵引到页面的右上角。右上角的面所要推荐的产品，应该是这个页面的重点中的重点了。
面还有正形和负形两种表现。
正型可以解释为以白衬黑。在页面的右边，白底上的四个人物动态可以称之为正型。正型在页面中特性为一个实体，具有明确，肯定，向前的感觉。
负形可以理解为以黑衬白。在页面的左边圆中，女性的白色衣服和皮肤即为负形，在重色的背景的衬托下，体现出虚幻，轻松，深远的感觉。
总结
自然界的万物形态构成都离不开点、线、面。
点、线、面具有不同的情感特征，我们要善于采用不同的组合去体现不同的情感诉求。
在网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。