当前位置:首页 > 设计在线 > 网页设计 > 设计原理 > 网页设计中“点、线、面”的视觉构成

网页设计中“点、线、面”的视觉构成

点击次数:45 次 发布日期:2008-11-22 11:12:43 作者:源代码网
源代码网推荐 自由曲线是表现情感的最佳造型手段。

此主题相关图片如下:

线条除了体现情感外,还能够利用粗细、虚实(例二谈过),渐变,放射产生深度空间和广度空间。 

  上面的页面中,围绕同心的放射圆,在粗细和虚实上形成深度空间。设计师巧妙的将3D造型的LOGO放在圆心上,非常引人注目。 

  页面左边,长短不一的线段在视觉中形成虚实的变化,强调了页面空间的构成。

此主题相关图片如下:

离心放射的线条,具有力量和挺拔的感觉。类似于太阳的光芒,使版面的视线更加开阔。 

  他同时具有吸引浏览者视线的作用,和同心放射有异曲同工之妙。

此主题相关图片如下:

按此在新窗口浏览图片

线条还具有分割版面的作用。 
  在上页中,水平线将页面分割成上下两部分。 

  在页面上部,曲线的勾勒配合色彩渐变,创造出不同的形体(产品),并通过右上角的线(产品轮廓)联系起来,并将视线引导到网站的LOGO上面。 

  在页面下部,线条分割造成大小方向不一的,带有圆角的形,作为网站的功能按钮区。通过柔软并稍微向右上倾斜的波浪线连成一个整体。同样将视线引导到LOGO附近。

此主题相关图片如下:

按此在新窗口浏览图片


在这个页面中,优美的曲线将页面清晰的分割为功能和内容两个区域。 
  同时,富有变化的,柔软流畅的曲线,配合时尚的色彩,将这个女性用品网站淋漓尽致的表达出来。

此主题相关图片如下:

按此在新窗口浏览图片

这是上面的系列站点,在这里,向上,挺拔的直线分割了整个页面。直线和中灰色彩的运用,突出了网站的男性定位。

此主题相关图片如下:

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华