| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页理念 > 网页技巧 > 文章正文 用户登录
没有相关文章

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

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

作者:小S 来源:本站原创 更新:2004-12-16 20:33:17 错误报告 我要投稿

  通过优美的弧线的引导,人们的视线最终将集中在"wasabi:sneaker"这几个由点组成的文字上。自然,这也是设计师所要突出诉求的主题之一。

 此主题相关图片如下:


在二级页面中,设计师采用了流行的FLASH技术,红点在页面上欢快的运动,同时进行颜色的渐变;绿色的点加上点缀其中的深色小点,丰富了色彩和层次。整个网页的流动着欢快和轻松。

  在页面下部,设计师并列运用高低颜色不同的点,若隐若现,突出了页面以点造型的设计语言。

  注意在两个页面中都出现了三个斜向排列的带有渐变色的点。它为页面增加了动势和前后的空间层次,实属不容忽视的精彩之处!

线的视觉构成 

  点的延伸形成线。 

  线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。 

  线是分割页面的主要元素之一,是决定页面现象的基本要素。 

  总的来说,线分为直线和曲线两种。这是线的总体形状。同时线还具有本体形状,两端的形状。 

  线的总体形状有垂直、水平、倾斜、几何曲线,自由线这几种可能。 

  线是具有情感的。比如水平线给人开阔,安宁,平静的感觉;斜线具有动力,不安,速度和现代意识;垂直线具有庄严,挺拔,力量,向上的感觉;曲线给人柔软流畅的女性特征;自由曲线是最好的情感抒发手段。 

  线的放射,粗细,渐变可以体现三维空间的感觉。 

  将不同的线运用到页面设计中,会获得不同的效果。知道什么时候应该运用什么样的线条,可以充分的表达你所要体现的东西。 

  总之,线条是网页设计师必须熟练运用的最得力的表现工具。我们应该对他有一定的了解。下面我们用一些精彩实例来做具体的分析说明。

在这个页面中,水平线的重复排列形成一种强烈的形式感和视觉冲击力,能够在第一眼就产生兴趣,达到了吸引访问者注意力的目的。 

  自由曲线的运用,打破了水平线组成的庄严和单调,给网页增加了丰富、流畅、活泼的气氛。 

  水平线和自由曲线的组合运用,形成新颖的形式和不同情感的对比,从而将视觉中心有力的衬托出来。 

  值得提出的是,页面中点(按钮)的运用,使页面的形象更加活泼,丰满。

 此主题相关图片如下:

线还具有两端形状。线的两端形状可以任意形的,它决定了线的本体形状。 

  在这个页面中,设计师运用了具有书法味道的线条,粗糙的边缘形成特殊的肌理,表现了强烈的个性特征和艺术效果。 

  边缘圆滑的曲线条(字母)在粗糙背景的衬托下,显得很特殊并引人注目。在这里,字母也可以看做是构成页面的线条的一种。 

  底纹采用了不规则,方向不一的虚线条,在丰富肌理的同时,和粗线、曲线(字母)形成对比,产生了纵深空间的感觉。 

  曲线(字母)的大小对比也可以丰富空间层次。 

  近实远虚的绘画原理,在这里得到了最充分地体现

 此主题相关图片如下:
按此在新窗口浏览图片

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

  自由曲线是表现情感的最佳造型手段。

 此主题相关图片如下:
按此在新窗口浏览图片

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

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

上一页  [1] [2] [3] [4] 下一页

文章录入:admin    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。