第2章 网页图形图像设计

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

CompanyLOGO第2章网页图形图像设计网页设计教程——美工与技术第2章网页图形图像设计图形图像在网页设计中能将信息传达得更具体、真实、直接、易于理解,高效率高质量的表达设计理念,可以使网页充满强烈的感情色彩。为此本章探讨动态网页设计中图形图像设计的方法,从而有利于重要信息的传达。章网页图形图像设计网页设计教程——美工与技术2.1网页图形图像设计的构成要素12.2网页图形图像设计的创意22.3网页图形图像设计的技术32.4网页图形图像设计的技巧4网页图形图像设计的构成要素即使网页的风格、图形、内容形式各异,而构成图形图像的造型元素是点、线、面。点、线、面作为平面设计的基本元素和主要视觉语言,是一切构成设计中最基本的造型要素,存在于任何造型设计之中,通常被人们称为“构成三要素”,其形式的变化是网页设计活力的体现,也是创造网页形式美的基本要求。动态网页设计教程——美工与技术点的点睛作用点是一种具有空间位置的视觉单位,而且有大小不同的面积和不同的外观特征以及属性。动态网页设计教程——美工与技术线的性格特征利用直线对网页进行分割,可以使网页中的各部分内容更加清晰明了、增强页面的可视性。动态网页设计教程——美工与技术面的造型艺术面是一种形,体现了充实、厚重和整体并稳定的视觉效果。面除了有大小,还具有位置、形状、摆放角度等特征,在版面中具有平衡、丰富空间层次,烘托及深化主题的作用。动态网页设计教程——美工与技术点、线、面的综合构成点线面融合形成整体的形象,巧妙运用对比的手法,使焦点突出。动态网页设计教程——美工与技术点、线、面的综合构成纤依讯网站将点线面融合在一个平面中,通过流线型的造型形成整体效果,合理运用对比手法,将网站诉求的主题展示出来,合理的平衡安排好点线面的关系,综合运用其组合、分割、划分,从而设计出丰富的网页界面,形成最佳的视觉效果。动态网页设计教程——美工与技术空间、运动与质感的应用空间、运动、质感作为图形图像的扩展构成元素,是在点线面这些基本造型元素基础上发展而成的。图形图像所产生的空间感,一方面可以通过摄影、绘画的技法获得,一幅好的摄影绘画作品使物象有呼之欲出的感觉;另一方面还可以运用不同的手法对点线面等元素进行组合,从而使平面图形图像的三维空间感得以加强。动态网页设计教程——美工与技术空间、运动与质感的应用利用扭曲与变形,形成立体造型。图像的虚实对比能够产生空间感,实的物体感觉近,虚的物体感觉远。通常是利用疏密、大小、方向、重叠、虚实、色调的变化和光影等方式来实现。动态网页设计教程——美工与技术网页图形图像设计的创意创意是图形图像所具有的创造性意念,即表现主题的新颖构思。如果说,图形图象的创意解决了“做什么”的问题,设计就是具体的“怎样做”。图形图像的创意是网页创意的核心,是视觉形象的在创造过程。创意就是客观地思索,然后天才地表达。下面介绍一些常用的网页图形图像创意技巧。动态网页设计教程——美工与技术联想与想象联想是艺术形式中最常用的表现手法,是一种侧面的、简洁的表达商品的方法。主要是通过联想把商品内容与有关的使用材料、使用对象、使用方式、使用效果、使用环境等,以及与各种有关联的媒介无产生联系来补充画面中没有直接表现的内容,用于突出诉求对象的特征与特点。动态网页设计教程——美工与技术联想与想象图形图像设计是种创造新形象的过程,这一过程首先需要一个在原有感性形象的基础上创造新形象的心理历程,也就是想象。想象是创意的基石,在于创意的过程需要一个在原有感性形象的基础上创作新形象的过程。动态网页设计教程——美工与技术比喻与寓意比喻法是指在设计过程中选择两个各不相同,而在某些方面又有些相似性的事物,“以此物喻彼物”,比喻的事物与主题没有直接的关系,但是某一点上与主题的某些特征有相似之处,因而可以借题发挥,进行延伸转化,获得“婉转曲达”的艺术效果。与其它表现手法相比,比喻手法比较含蓄隐伏,有时难以一目了然,但一旦领会其意,便能给人以意味无尽的感受。动态网页设计教程——美工与技术比喻与寓意寓意的方法是选择与诉求目标主题有相符之处的物象,通过比喻和象征等手法来表现主题,这种方法常常适合于不易直接表达的主题内容。将大脑比喻为智慧,用大脑当作灯丝,表示让大脑充分发挥作用。动态网页设计教程——美工与技术对比与强调对比是一种趋向于对立冲突的艺术美中最突出的表现手法。在网页设计形式中加入不和谐的元素,把网页作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现,借彼显此,互比互衬,从对比所呈现的差别中,达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示网页的特征,给浏览者以深刻的视觉感受。对比手法的运用,不仅使网页主题加强了表现力度,而且饱含情趣,扩大了网页作品的感染力。动态网页设计教程——美工与技术对比与强调强调是在网页设计中对形象进行强调,以独到的想象抓住一点或一个局部加以集中描写或延伸放大,以更充分地表达主题思想。这种艺术处理以一点观全面,以小见大,从不全到全的表现手法,给设计者带来了很大的灵活性和无限的表现力,同时为接受者提供了广阔的想象空间,获得生动的情趣和丰富的联想。动态网页设计教程——美工与技术夸张与幽默夸张的手法是一般中求新奇变化,通过虚构把对象的特点和个性中美的方面进行夸大,赋予人们一种新奇与变化的情趣。按其表现的特征,夸张可以分为形态夸张和神情夸张两种类型,前者为表象性的处理品,后者则为含蓄性的情态处理品。通过夸张手法的运用,为网页的艺术美注入了浓郁的感情色彩,使网页的特征性鲜明、突出、动人。动态网页设计教程——美工与技术夸张与幽默幽默法是指网页作品中巧妙地再现喜剧性特征,抓住生活现象中局部性的东西,通过人们的性恪、外貌和举止的某些可笑的特征表现出来。将深刻的意义用诙谐、有趣的方式表现出来,这就是幽默,幽默是生活和艺术中的一种喜剧性因素。抓住人或事物的某些特征,运用喜剧性的手法,造成一种耐人寻味、引人发笑的幽默意境,使人们在忍俊不禁的一刹那,得到一种精神上的快感和满足。动态网页设计教程——美工与技术悬念与魔幻在表现手法上故弄玄虚,布下疑阵,使人对网页乍看不解题意,造成一种猜疑和紧张的心理状态,在浏览者的心理上掀起层层波澜,产生夸张的效果,驱动浏览者的好奇心和强烈举动,开启积极的思维联想,引起观众进一步探明广告题意之所在强烈愿望,然后通过网页标题或正文把网页的主题点明出来,使悬念得以解除,给人留下难忘的心理感受动态网页设计教程——美工与技术悬念与魔幻运用畸形的夸张,以无限丰富的想象构织出神话与童话般的画面,在一种奇幻的情景中再现现实,造成与现实生活的某种距离,这种充满浓郁浪漫主义,写意多于写实的表现手法,以突然出现的神奇的视觉感受,很富于感染力,给人一种特殊的美感受,可满足人们喜好奇异多变的审美情趣的要求。在这种表现手法中艺术想象很重要,它是人类智力发达的一个标志,干什么事情都需要想象,艺术尤其这样。动态网页设计教程——美工与技术情感与偶像“感人心者,莫先于情”,这句话已表明了感情因素在艺术创造中的作用,以人为本就是要求主体与美的对象不断交流感情产生共鸣的过程。在图形图像设计中,让情感贯穿于视觉形式的表现,让原本无生命的视觉元素表到丰富的内心情感,以此增加图形图像的视觉感染力,使其含有深刻的意念。动态网页设计教程——美工与技术情感与偶像在现实生活中,人们心里都有自己崇拜、仰慕或效仿的对象,而且有一种想尽可能地向他靠近的心理欲求,从而获得心理上的满足。这种手法正是针对人们的这种心理特点运用的,它抓住人们对名人偶像仰慕的心理,选择观众心目中崇拜的偶像,配合产品信息传达给观众。由于名人偶像有很强的心理感召力,故借助名人偶像的陪衬,可以大大提高产品的印象程度与销售地位,树立名牌的可信度,产生不可言喻的说服力,诱发消费者对广告中名人偶像所赞誉的产品的注意激发起购买欲望。动态网页设计教程——美工与技术古典与时尚古典型网页设计以传统风格和古旧形式来吸引浏览者。古典传统创意适合应用于以传统艺术和文化为主题的网站中,将我国的书法、绘画、建筑、音乐、戏曲等传统文化中独具的民族风格,融入到网页设计的创意中。动态网页设计教程——美工与技术古典与时尚流行时尚的创意手法是通过鲜明的色彩、单纯的形象以及编排上的节奏感,体现出流行的形式特征。设计者追求简洁的形式、清新的风格和动感的活力,可以利用不同类别的视觉元素,给浏览者强烈、不安定的视觉刺激感和炫目感。这类网站以时尚现代的表现形式吸引年轻浏览者的注意。动态网页设计教程——美工与技术开门见山与综合运用将要表达的主题以最直接、最明确的方式表现出来,即所谓的“开门见山”。这种方法要求图形图像的选择准确、恰如其分的体现主题,不能给浏览者以误导。直接表达的方法容易实现与浏览者在沟通上的平等、自然。这种方式常用于产品的展示,能够真实地展现其外观,直接自然,拉近与浏览者之间的距离。动态网页设计教程——美工与技术开门见山与综合运用综合运用是设计中广泛应用的方法,从各个元素的适宜性处理中体现出设计师的创作意图,追求和谐的美感,是指在分析各个构成要素的基础上加以综合,使综合后的界面整体形式表现出创造性的新成果。动态网页设计教程——美工与技术网页图形图像设计的技术网页中所使用的图形要考虑技术实现的方法,因此美工要对技术实现有一定的了解才能设计出符合技术实现的图像效果。动态网页设计教程——美工与技术图像的布局图形图像的位置编排,直接影响到网页的构图与布局。在网页中上下左右及对角线的四个角都是视觉的焦点,处理好这些位置关系能表现出丰富的效果。而这样的网页切片非常困难,不可能将图片切成斜放的图形,因此除了使用全图或Flash文件进行版式编排外,其他的实现方法很难。如果要想用图片实现这样的效果,只能是在图片上进行热点链接,而这样势必造成文件大小的增大而引起下载过程中的速度慢的问题。在设计图片时应考虑图片切片制作的可能性,除了用Flash动画实现外,尽可能少用曲线,斜线来造型,尤其是大面积的曲线效果,同时考虑图片切片的完整性,尽可能将图片设计到一个表格单元能够实现的范围,因为图像切片都是矩形的。动态网页设计教程——美工与技术图像的布局动态网页设计教程——美工与技术图

1 / 62
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功