1．点的视觉构成 点有集中视线、紧缩空间、引起注意的功能。在网页中，一个单独而细小的形象可以称为点。点是相比较而言的，比如一个汉字是由很多笔画组成的，但是在整个页面中，它可以称为一个点。点也可以是一个网页中相对微小单纯的视觉形象，如一个按钮、一个 Logo 等。点是相对线和面而存在的视觉元素。点是构成网页的最基本单位，使用得当，可以画龙点睛。一个网页往往需要由数量不等、形状各异的点来构成。点的形状、方向、大小、位置、聚集和发散，能够给人带来不同的心理感受。下面以具体的页面为例介绍点的运用和表现。 在这个页面的下部，点的水平排列，形成平稳、安详的线的感觉。三种形状相似的点随着单击产生颜色变化，同时在页面中心位置出现不同的产品图片，给人一种跳跃、动荡、欢快的感受。在页面中四处飘荡的点和从左至右移动的由点组成的文字，增强了页面的活跃气氛。在同一个空间里面体现了两种不同情绪的动态对比，这也是网页相对传统平面媒体的极大优势。作为呼应，设计师特意在页面的中上部，采用了很多较小的点做底纹，起到了丰富页面层次的作用。页面上下两段横向的色条，强调了水平线的稳定情绪，将页面统一起来。
2．线的视觉构成 点的延伸形成线。线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。线是分割页面的主要元素之一，是决定页面现象的基本要素。线的总体形状有垂直、水平、倾斜、几何曲线、自由线这几种。直线给人以速度明确而锐利的感觉。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及下落趋势，可增加动感。斜线，造成视觉的一种不安定。曲线则优美轻快、富于旋律。将不同的线运用到页面设计中，可以充分地表达所要体现的东西，会获得不同的效果。线条除了体现情感外，还能够利用粗细、虚实、渐变、放射产生深度空间和广度空间。在页面中，离心放射的线条，具有力量和挺拔的感觉。类似于太阳的光芒， 使版面的视线更加开阔。 它同时具有吸引浏览者视线的作用， 和同心放射有异曲同工之妙。
3．面的视觉构成 线的推移形成面，面是无数点和线的组合。面具有一定的面积和质量，占据空间的位置最多，因而相比点和线来说，视觉冲击力更大更强烈。面的形状可以分为以下几种：方、圆、三角、多边形和有机切面等。面具有鲜明的个性和情感特征，如方形单纯而明确、稳定；圆形表现运动及和谐美；正三角形表现平稳的扩张；倒三角形有不安定的感觉。只有合理地安排好面的关系，才能设计出充满美感、艺术加实用的网页作品。 在耐克的页面中，大量采用了接近圆形的几何面，加上篮球高手的精彩定格，使整个站点充满了跳跃和运动的感觉。在这个页面中，篮球运动员的运动方向对视线的引导起了很大作用，他将视线牵引到页面的右上角。右上角的面所要推荐的产品，应该是这个页面的重点中的重点。中间位置不同内容的几何面的运用，避免了单纯采用文字的单调感；既能够最直接地反映产品的信息，又在色彩和版面上为整个站点活跃了气氛，可谓一举多得。