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

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

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

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

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

此主题相关图片如下:

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

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

此主题相关图片如下:

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

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

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

 此主题相关图片如下:
按此在新窗口浏览图片
在这个页面中,优美的曲线将页面清晰的分割为功能和内容两个区域。 

  同时,富有变化的,柔软流畅的曲线,配合时尚的色彩,将这个女性用品网站淋漓尽致的表达出来。

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

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

此主题相关图片如下:

面的视觉构成 

线的推移形成面。面是无数点和线的组合。 

  面具有一定的面积和质量,占据空间的位置更多,因而相比点和线来说视觉冲击力更大更强烈。 

  面的形状可以大概的分为以下几种: 

  几何型的面:方,圆,三角,多边型的面在页面中经常出现。而一段文字也可以看做是一个方形的面; 

  有机切面:可以用弧形相交或者相切得到; 

  不规则形的面和意外因素形成的随意形面。 

  面具有自己鲜明的个性和情感特征,在网页的版面设计上,不同形状的面之间的相互关系和整体的和谐需要我们去熟练把握。 

  可以这么说,只有合理的安排好面的关系,才能设计出充满美感,艺术加实用的网页作品。 下面我们举几个实例来具体说明: 

方形的面具有沉着,稳重,厚实,坚强的男性特征。 

  IBM的网站使用了大量方形的面,充分表达了这个国际公司深厚的背景和强大实力。 

  在方形面的应用上,大小有明显的区别,重点突出。位置整齐但也有微小的变化,在严肃中透露轻松。 

  在视觉中心的位置,放置页面最大面积的深灰色的方形,配合线条、文字和色彩,以及页面上唯一的,亮丽的自由面(女性头部)将重点信息完整强烈的表达出来。 

  这个页面可以说是商业站点中的典范之作。

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

同样是方形面运用的典范之作。在这个页面,面的大小和色彩对比更加强烈。 

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

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

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