网页设计中“点、线、面”的视觉构成
点击次数:45 次 发布日期:2008-11-22 11:12:43 作者:源代码网
|
此主题相关图片如下:
线条除了体现情感外,还能够利用粗细、虚实(例二谈过),渐变,放射产生深度空间和广度空间。 上面的页面中,围绕同心的放射圆,在粗细和虚实上形成深度空间。设计师巧妙的将3D造型的LOGO放在圆心上,非常引人注目。 页面左边,长短不一的线段在视觉中形成虚实的变化,强调了页面空间的构成。 此主题相关图片如下:
离心放射的线条,具有力量和挺拔的感觉。类似于太阳的光芒,使版面的视线更加开阔。 他同时具有吸引浏览者视线的作用,和同心放射有异曲同工之妙。 此主题相关图片如下:
线条还具有分割版面的作用。 在页面上部,曲线的勾勒配合色彩渐变,创造出不同的形体(产品),并通过右上角的线(产品轮廓)联系起来,并将视线引导到网站的LOGO上面。 在页面下部,线条分割造成大小方向不一的,带有圆角的形,作为网站的功能按钮区。通过柔软并稍微向右上倾斜的波浪线连成一个整体。同样将视线引导到LOGO附近。 此主题相关图片如下:
在这个页面中,优美的曲线将页面清晰的分割为功能和内容两个区域。
同时,富有变化的,柔软流畅的曲线,配合时尚的色彩,将这个女性用品网站淋漓尽致的表达出来。 此主题相关图片如下:
这是上面的系列站点,在这里,向上,挺拔的直线分割了整个页面。直线和中灰色彩的运用,突出了网站的男性定位。 此主题相关图片如下:
|






