做网站,选零度!
 
首页 | 解决方案 | 零度软件 | 零度文库 | 零度案例 | 400电话办理 | 培训项目 | 关于零度
网页设计中“线”的视觉构成
来源:零度网络科技    点击:1379    发表时间:2008-6-25 8:51:05

  线的视觉构成

  点的延伸形成线。
  线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。
  线是分割页面的主要元素之一,是决定页面现象的基本要素。
  总的来说,线分为直线和曲线两种。这是线的总体形状。同时线还具有本体形状,两端的形状。
  线的总体形状有垂直、水平、倾斜、几何曲线,自由线这几种可能。
  线是具有情感的。比如水平线给人开阔,安宁,平静的感觉;斜线具有动力,不安,速度和现代意识;垂直线具有庄严,挺拔,力量,向上的感觉;曲线给人柔软流畅的女性特征;自由曲线是最好的情感抒发手段。
  线的放射,粗细,渐变可以体现三维空间的感觉。
  将不同的线运用到页面设计中,会获得不同的效果。知道什么时候应该运用什么样的线条,可以充分的表达你所要体现的东西。
  总之,线条是网页设计师必须熟练运用的最得力的表现工具。我们应该对他有一定的了解。

例一:

网页设计的视觉构成系列--线的视觉构成


http://www.wolvesburrow.com/ODclassic.html

  在这个页面中,水平线的重复排列形成一种强烈的形式感和视觉冲击力,能够在第一眼就产生兴趣,达到了吸引访问者注意力的目的。
  自由曲线的运用,打破了水平线组成的庄严和单调,给网页增加了丰富、流畅、活泼的气氛。
  水平线和自由曲线的组合运用,形成新颖的形式和不同情感的对比,从而将视觉中心有力的衬托出来。
  值得提出的是,页面中点(按钮)的运用,使页面的形象更加活泼,丰满。

例二:

网页设计的视觉构成系列--线的视觉构成


http://www.jiong.com/html/intro.html

  线还具有两端形状。线的两端形状可以任意形的,它决定了线的本体形状。
  在这个页面中,设计师运用了具有书法味道的线条,粗糙的边缘形成特殊的肌理,表现了强烈的个性特征和艺术效果。
  边缘圆滑的曲线条(字母)在粗糙背景的衬托下,显得很特殊并引人注目。在这里,字母也可以看做是构成页面的线条的一种。
  底纹采用了不规则,方向不一的虚线条,在丰富肌理的同时,和粗线、曲线(字母)形成对比,产生了纵深空间的感觉。
  曲线(字母)的大小对比也可以丰富空间层次。
  近实远虚的绘画原理,在这里得到了最充分地体现。

网页设计的视觉构成系列--线的视觉构成


http://www.jiong.com/html/intro.html

  将曲线(字母)随意的重叠,变形,占踞了页面左上角的很的一部分空间。配合梦幻般的背景,体现了设计师虚无迷茫,杂乱无章的思绪。
  自由曲线是表现情感的最佳造型手段。


例三:

网页设计的视觉构成系列--线的视觉构成


http://www.primecut.net/

  线条除了体现情感外,还能够利用粗细、虚实(例二谈过),渐变,放射产生深度空间和广度空间。
  上面的页面中,围绕同心的放射圆,在粗细和虚实上形成深度空间。设计师巧妙的将3D造型的LOGO放在圆心上,非常引人注目。
  页面左边,长短不一的线段在视觉中形成虚实的变化,强调了页面空间的构成。

网页设计的视觉构成系列--线的视觉构成


http://www.mdavidson.com/frameset.html

  离心放射的线条,具有力量和挺拔的感觉。类似于太阳的光芒,使版面的视线更加开阔。
  他同时具有吸引浏览者视线的作用,和同心放射有异曲同工之妙。

例四:

网页设计的视觉构成系列--线的视觉构成


http://www.searchbots.net

  线条还具有分割版面的作用。
  在上页中,水平线将页面分割成上下两部分。
  在页面上部,曲线的勾勒配合色彩渐变,创造出不同的形体(产品),并通过右上角的线(产品轮廓)联系起来,并将视线引导到网站的LOGO上面。
  在页面下部,线条分割造成大小方向不一的,带有圆角的形,作为网站的功能按钮区。通过柔软并稍微向右上倾斜的波浪线连成一个整体。同样将视线引导到LOGO附近。 

          网页设计的视觉构成系列--线的视觉构成
http://www.girlshop.com/shop/girls/default.asp

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

网页设计的视觉构成系列--线的视觉构成


http://www.guyshop.com/shop/guys/default.asp

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

[作者:零度网络科技 类别:设计理论]   

  + 上下文导读:
上一篇文章:网页设计中“面”的视觉构成
下一篇文章:网页设计中“点”的视觉构成
  + 文章评论:
  + 发表评论:
姓名:
Email:
内 容:
 


您可能还会对以下文章感兴趣:
·从网页设计到UI设计—重在设计理念的转变
·网站的视觉设计十八条
·网页设计中“面”的视觉构成
·网页设计中“点”的视觉构成
·网站的整体风格和创意设计
·网页设计版面怎样布局
·网站设计的原则
·关于超链接的下划线
零度文库推荐 更多...
·网站运营可能失败的7种原因
·和新手谈谈怎样才有更多流量
·影响排名的六大因素
·怎样发表文章才来流量
·中小企业如何做好信息推广工作
·新网站做宣传最好的八种方法
·关于超链接的下划线
·个人网站怎样转成商业网站?
·十点网站推广的注意事项
·上饶网站建设为什么选择零度?
上饶网站制作
联系零度
上饶市亿升广场南座908室
0793-8209673 8169953
403055110 18265371
zyp1598@msn.com
403055110@qq.com
您还可以在线咨询>>
 
付款方式 | 关于零度 | 联系零度 | 版权声明 | 友情链接 | 400电话办理 | 网站地图
版权所有:零度网络科技 法律顾问:江西饶诚律师事务所
地址:江西省上饶市信州区亿升广场南座908室 零度信箱:403055110@qq.com
业务咨询:4008-0793-08 技术支持:0793-8209673 赣ICP备09007308号