欢迎来到天天文库
浏览记录
ID:37604860
大小:18.01 MB
页数:51页
时间:2019-05-13
《图形图像设计》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、网页图形图像设计主要内容3.1网页图形图像设计的构成要素13.2网页图形图像的创意设计23.3网页图形图像的处理实例3图形图像能将信息传达得更具体、真实、直接、易于理解,从而高效率高质量的表达设计理念,使网页充满强烈的感情色彩。在网页中合理的应用图形图像,能够形成视觉信息的中心,有利于重要信息的传达。3.1网页图形图像设计的构成要素1.标志(LOGO)标志具有象征功能、识别功能,是网站形象、特征、信誉和文化的浓缩,一个设计杰出的、符合网站理念的标志,会增加网站的信赖感和权威感,在社会大众的心目中,它就是一个网站或某品牌的代表。图形的标志能够避免文字做标志所给
2、人的单调感,图形标志是一种简洁但不简单的图形符号,具有以小见大、以少胜多、以一当十的特点。在现代社会生活中,经过精心设计而具有高度实用性和艺术性的图形标志,以其特有的功能和新颖别致的艺术效果,感染和影响着人们,指导人们的认知和选择。3.1.1图形图像在网页中的应用2.背景插图背景插图可以把浏览器变成一个真实的环境,用图形为背景来衬托主题,可以增加层次感,可与网页主题图像形成对比或共鸣,从而突出主题形象,彰显网页的风格。3.主图网页主图是指网页中表达主题、突出主题的较大幅面的图形图像。一幅好的主图,可以使浏览者见其图即知其内容,主图能够形成整个页面的视觉中心,
3、它具有直观性强的特点,不需要像文字那样去逐字逐句地阅读,可以不受文化水平的限制,并能在瞬间给人以深刻印象。4.超级链接将图形设计成超级链接形式,能够使网页链接变得样式丰富,可以使网页更为美观。若能利用标志性符号,便可以减弱语言的障碍。图形按钮具有直观、形象的特点,可以为单调的文字信息增添活力,可以更加明确地表现它所要进行的操作。点、线、面是平面设计的基本元素和主要视觉语言,是一切构成设计中最基本的造型要素,存在于任何造型设计之中。作为视觉形式的语言,构成网页设计图形图像的最基本的要素是点、线、面,通常被人们称为“构成三要素”。在网页设计时,运用组合、对比、均
4、衡、节奏、统一等构成方法将它们进行安排,互相补充,互相衬托,就可以创造出形式多样,引人注目的网页,从而将网站的信息有效地传达给浏览者。3.1.2构成要素——点、线、面1.点点必须要以视觉的表现为前提,因此点是一种具有空间位置的视觉单位,而且有大小不同的面积和不同的外观特征以及属性。点可分为规则点和不规则点两类,如圆点、方点、三角点属于规则点,而锯齿点、泥点、雨点则属于不规则点。点无一定的大小和形状,点的概念是相对的,是与周围的视觉元素相比较而言的。只要与周围其他造型要素共同比较时具有凝聚视觉的作用,都可以称为点。点的判断完全取决于它所在的空间的相互关系上面,
5、越小的形体越能给人点的感觉,点的面积变大就成了面。1.点点具有视觉集中的属性。两点时,人的视线就会在这两点之间来回流动,产生“线”的感觉。当页面中有三个点时,视线在这三点之间流动,并将这些点连起来,让人产生面的联想。点只有通过人为地组织排列,才能充分展示其自身个性。2.线视觉形态中的线除了位置、长度、方向性,还具有宽度、形状和性格。线具有刚柔相济、优美和简洁的特点。不同的线形会表现出不同的意念,给人的视觉和心理带来不同的感受。因此在网页设计中,可根据需要和布局特点运用不同性格的线造型和不同的线性组合作为视觉元素,丰富网页界面的视觉效果。2.线线可分为直线与曲
6、线两种。直线包括水平线、垂直线、斜线、折线等,直线具有固定的方向性,给人以单纯、明确、庄严的感觉。利用直线对网页进行分割,可以使网页中的各部分内容更加清晰明了、增强页面的可视性。2.线曲线包括几何曲线、自由曲线,曲线具有不固定的方向,常给人以柔软、流畅、温和的印象,在网页设计中具有跳动、流畅之感。利用曲线对网页进行分割,可以使网页中的各部分内容以活泼新颖的形式呈现。2.线任何形态都可以通过线的界定而确定下来。因此在网页设计中,线的布局安排主要体现在线的空间分割上。线的分割产生各种比例的面。在利用线进行页面分割时,既要考虑各形态元素彼此间支配的形状,又要注意空
7、间所具有的联系,保证良好的视觉秩序感,这就要求被划分的空间有相应的主次关系、呼应关系和形式关系,以此来获得整体和谐的视觉空间。网页中的图文在直线的空间分割下,会得到清晰、条理的秩序,同时求得统一和谐的因素。而通过不同比例的空间分割,页面各空间将会产生对比与节奏感。线框的限定使网页中的动感与情感获得相应的稳定和规范。另外,线框细,版面则轻快而有弹性,当线框加粗,图像有被强调的感觉,同时诱导视觉注意;但若线框过粗,版面则变得稳定、呆板、空间封闭。线具有方向性、流动性、延续性,因此在网页设计中可以运用重复、近似、渐变、对比、密集等构成手法,将线进行不同方式的排列组
8、合,会产生很多具有奇妙效果的视觉形态。3.面视觉形态
此文档下载收益归作者所有