咨询QQ:865885740    邮箱:support@ccqyj.com咨询热线:158 2330 1928
信息中心 / news
当前位置: 首页 > 信息中心 > 网站设计 >

网页设计中视觉基本元素点、线、面的使用技巧

日期: 2014-07-03来源: 重庆网站建设[www.ccqyj.com]关键字: 重庆网站设计 重庆网页设计    阅读量:
如果说,网页的设计的构成元素,如文字图像、动画图像、影像图像等要素相当于人类的外壳,那么重庆网页设计的构成形式则是将它们支撑起来的骨架和肌肉。健康的骨架和肌肉使人看起来完美没有缺陷,同样,视觉基本构成元素点、线、面的运用规律对网页设计的构架一样起着重要作用。
 
网页的各种形态要素可谓是各式各样、千姿百态,但是我们可以将它们都归纳成平面视觉空间中抽象意义的点、线、面的基本形态。所谓点、线、面之间相互关系,可以组成网页设计的多种视觉效果,组合成多种多样的视觉空间。从点、线、面的组合形态关系来看,有分离、相交、紧密、重合、覆盖等多种形式;从点、线、面的组合规律来看,又有重复、相似、渐变、特异、密凑、对比等组织法则;而与传统的平面印刷设计有所不同,网页设计的点、线、面构成还具有动态变化的一面,如显示界面的大小变化、动画的移动等,它打破了静态空间的限制,在构成融入了动态的因素,同样也给点、线、面的构成形式带来了新的探索空间。综合以上观点,在抽象的思维加上点、线、面来构成网页的设计元素,是形成网页设计的视觉形象感和时代感行之有效的。
 
点的使用
在几何学说中,点就是无形,是一种非物质的存在。在抽象中谈论点的尺寸问题,往往可以无限的把点理想化,例如一个小球体;若是现实中,把点理想化,那就是一个小圆圈。其实,在尺寸上,任何一个形状的物体都是点的集合,当物体无限缩小时最后还是一个点的呈现,那怕放大到自然界中的任何形态,只要缩小到一定程度,都可以产生不同形态的点。
 
所以点的疆域根本无从界定,完全没有限制。在网页设计中,点代表着页面的位置,没有长与宽度数的界定,是最大的单位也是最小的符号,它是在对比中存在的一个相对的概念。例如,网页设计中,一个 logo、一张图片、一段动画、一个文字、一个按钮等都可以称之为点。点的形状不一定是圆形的,它随着的需要可以随意变化,同现实中的点一样,五花八门、各式各样。但是网页设计中点的存在可以划分为规则和不规则两类,规则的点一般是圆点、方点、五角星、三角点;不规则的点形状,没有规则概念,如锯齿状、瘦长的凸出物、交织的网状等异形。
 
在 ps 软件设计网页时,我们都是用像素作为测量单位。一个像素就是计算机屏幕上成千上万个点中的一个。如果按照分辨率 1024x768 像素设置,在屏幕上就是 786432个点,也就是 1064 行,768 列。所有的像素都可以用来创建图像,所以点是网页设计点的基本要素,并且用来构建任何其他的图像元素。
 
点在网页设计中,不同的形状、大小、位置、集密、扩散等排列方式都会让受众者在心理感受和视觉冲击力上得到不一样的视觉效果。假设在网页设计中,我们在正中间放置一个点,那么浏览者会把视线全部放在这个点上,也就是说,这个点瞬间变成了整个网页中的视觉焦点,也是力的中心。同样的方法我们假设网页设计中在页面空间里出现两个点相同的点,但放在不同的位置,在它们中间再画一条线,这时,出现的效果就是浏览者把注意力放在连线上,在视觉上出现视线移动所表现的连续性。如果两个点大小不一,形状也发生变化,这时浏览者将会被大的点吸引,然后视线转移到小点上。再假设,当网页页面空间中出现三个点,不管点处在页面的任何地方,点的视觉感受就是显示一个三角形的形状,给浏览者牢固的视觉感受。所以点在网页设计中占到主体位置,也是最为常见运用的组合形式。

线的使用
在几何意义上的线,是可见的。线是点移动的轨迹,也可以说点多成线,线借助运动,破坏点的静止状态而产生。线是页面初始元素点的对立者。即线是页面的第二元素。线没有宽与厚的概念,但是具有长度和位置界定,这也是几何学当中对线的定义。而在网页设计中,线是有宽度和厚度的,只有这样才可以表现出线在页面中传达的形象。
 
线的类型比较多,例如横线、竖线、对角线、曲线、斜线等。在网页设计中,不同的线有着不同的视觉变化,一样给浏览者的视觉感受带来不一样的体验。在构成中,直线总是象征快速、张力、平衡、前进等。而出现在直线中的水平线则祥和、宁静,会让人联想起平静的湖面或者消失的海平面;直线中的竖线则高达、腾飞,可以让人联想到升旗杆、高耸的建筑物、巍峨的高山,给人一种直立、挺拔的感觉。而在网页设计中可以运用不同的直线传达快速、平稳的心理感受。曲线在网页设计中,有时候宛如一条攀岩的弯路,穿插在整个页面当中,自然而富有张力,它可以象征着武术的柔美、力量,也可以给浏览者一种速度、圆满的感觉。斜线一般都以一种不稳定的感觉出现,有起飞、起跑的架势,通常给浏览者传达一种速度感。当一条线是对角线时,也可以产生运动和兴奋的感受。对角线也是有很大的作用。如果背景使用直线,可以再网页设计上增加纹理和底纹的设计,但是如果使用对角线会使浏览者对页面有一种急切感,然后一直盯着页面四周看。线的大小粗细不一、方向摆放不一、曲直形状不一,所表达的情感诉求和视觉体验也不相同。这样我们通过对线、线的变形的合理编排、布局,可以使网页具有简洁、明快的效果。掌握好线在网页设计中所产生的各种情感表现,对网站设计有很大的意义。

面的使用
在美学上解释面为基本面,就是承载艺术作品内容的物质平面。我们也可以称之为基面。一个客观的基面当属正方形,在正方形中,两对边线强度、长短相若,即横线、竖线的闭合。可见线的连续移动可形成面,面具有长度、宽度,但没有厚度。在网页设计中设计的构成离不开面的组合。面也分为规则和不规则,方形、三角形、圆形的面是典型的规则面,这种面重叠在一起相加或者相减可以产生无数个多样的面;不规则的面,如箭头、星形、盾牌形等,它们没有规律可以遵循,一般也没法把它们归属于哪一种面。同样在网页设计中不同形态的面在浏览者眼里具有不同的心理感受和情感表达。规则的面体现的简洁大方、规则有序、稳固的感觉;不规则的面则表现洒脱、自我、活跃、柔和、自由的感觉。
 
不同大小的面和色调不一的面,使画面产生韵律、活跃的视觉体验。水平、垂直和等距离的
面,使画面产生了稳定、统一的视觉感受。平整有序等距离摆放的面,在画面中显得规整、单调,盯着画面中的块面也会产生流动的错觉。所以,网页设计中面的有效合理地安排构成关系对设计尤其重要,它可以使整个页面充满美感,富有艺术气息

本文由重庆易加网络 www.ccqyj.com原创提供,转载请注明来源。