网站设计实际上就是点、线、面的构成
一、点的构成
在网页中,一个单独而细小的形象可以称为点。点是相比较而言的,比如一个汉字是由很多笔画组成的,但是在整个页面中,可以称为一个点。点也可以是网页中相对微小单纯的视觉形象,如按钮、Logo等。
需要说明的是,并不是只有圆形的才叫点,方形、三角、自由形都可以作为视觉上的点,点是相对线和面而存在的视觉元素。
点是构成网页的最基本单位。在网页设计中,经常需要我们主观地加些点,如在新闻的标题后加个NEW,在每小行文字的前面加个方或者圆的点。点在页面中起到活泼生动的作用,使用得当,甚至可以起到画龙点睛的效果。一个网页往往需要有数最不等、形状各异的点来构成,点的形状、方向、大小、位置、聚集或发散,能够给人带来不同的心理感受。
二、线的构成
点的延伸形成线,线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和悄绪。
线是分割页面的主要元素之一是决定页面现象的基本要素。线分为直线和曲线2种。这是线的总体形状。同时线还具有本体形状、两端的形状。线的总体形状有垂直、水平、倾斜、几何曲线和自由线等。
线分为4类:直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线3种形式。其中,水平线给人平静、开阔、安逸的感受:垂直线给人崇高、挺拔、严肃的感受;曲、折、弧线具有强烈的动感,更容易引起视线的前进、后退或摆动:自由线是最好的情感抒发手段。将不同的线运用到页面设计中,会获得不同的效果。知道什么时候应该运用什么样的线条,可以充分表达你所要体现的东西。如下图所示为线构成的网页。
三、面的构成
面是无数点和线的组合。面具有一定的面积和质量,占据空间的位置更多,因而相比点和线来说视觉冲击力更大更强烈。
当页面中有一个点时,它能吸引人的视线。有两点时,人的视线就会在这两点之间来回流动。当两点错位排列时,则视线呈曲线摆动。当两点有大小之别时,视线就会由大点流向小点,且产生透视效果,给人远近之感。当页面中有3个点时,视线在这三点之间流动,会让人产生面的联想。在密集的相同形状的点中出现异形点时,则异形点特别能引起人们的注意。
可见,点的排列所引起的视觉流动,引入了时间的因素。利用点的大小、形状与距离的变化,可以设计出富于节奏韵律的页面。点的连续排列构成线,点与点之间的距离越近,线的特性就越显著。点的密集排列构成面,同样,点的距离越近,面的特性就越显著。
只有合理地安排好面的关系,才能设计出充满美感、艺术感和实用的网页作品。在网页的视觉构成中,点、线、面既是最基本的造型元素,又是最重要的表现手段。在确定网页主体形象的位置、动态时,点、线、面将是需要最先考虑的因素。只有合理地安排好点、线、面的互相关系,才能设计出具有最佳视觉效果的页面。如下图所示为面构成的网页。
推荐新闻
更多行业-
浅谈四个我们需要避免的社会SEO误区
首先我们需要知道究竟什么是社会SEO?社会SEO是一种社会化媒体与...
2012-02-07 -
网站建设的正确理解
如果你是一时兴起决定来做网站建设,那么我建议你考虑清楚再来。天下没有免...
2013-08-27 -
高端网站建设网站地图在网站中是如何发挥作用的?
当我们去一个不熟悉的地方旅行时,我们手里有一张当地的地图,这让我们更有...
2021-08-09 -
网站建设公司从百度快照的动态分析网站建设和优化
网站建设公司关注网站百度快照是网站首页在百度搜索引擎上的网页缓存,是我...
2022-02-28 -
企业网站制作与网络营销的关系
随着互联网的发展,越来越多的企业开始重视网络营销,但在许多商家眼里,网...
2012-08-17 -
如何补救网站被K的现象
能够会不自发的冒犯了搜索引擎(searchengin作弊红线,不懂SE...
2012-06-23
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com