第三章-网页图形图像设计.pptVIP

主要内容 9.直接 将要表达的主题以最直接、最明确的方式表现出来，即所谓的“开门见山”。这种方法要求图形图像的选择准确、恰如其分的体现主题，不能给浏览者以误导。直接表达的方法容易实现与浏览者在沟通上的平等、自然。 www.zF 网站 3.3 网页图形图像的处理实例 3.3.1 网页图形图像的设计形式 1.概括 概括就是抓住设计对象的主要特征，以最简明扼要的方式予以视觉表现。要想在最短的时间内表现事物，就必须对事物的特征加以概括。图形越概括，传达的信息越单纯，人们就越容易记忆，传达效果也就越好。 Bukp.or.kr 网站 2.具象 具象的方法是指以现实中的事物为基础，运用写实性与装饰性相结合的艺术造型手法，对现实事物进行艺术再创造。其最大特点在于能够反映自然形态的美，亲切、生动、清晰，让人信服。具象图形既保留了自然对象的特点，又注入了超自然的观念和设计意识。只有从创意的角度出发，抓住自然中具有鲜明个性的形象结构和有传达特征的细小形态，才能塑造出具有形式美感的具象图形 。 Myelit.co.kr 网站 3. 抽象 抽象与具象相对立，它更强调现实中事物的内在性质，而非表面特征，在对事物规律性的概括与提炼中，找出构成视觉图形的造型元素。抽象所运用的视觉元素，常常是由最基本的点、线、面所构成。它的特点是形式语言简练、单纯、意蕴无穷，给人以无限的想象空间，富有现代感。 Mind Medium C 网站 4. 卡通漫画 漫画是设计师在画面上随心所欲地发挥想象力，创造现实生活中不存在的事物或看不到的场景的一种绘画形式。它在技法上夸张变形，在内容上诙谐幽默，给人感觉轻松、充满童趣。夸张与变形能使漫画中的事物特征更加鲜明、更加典型，并有加强叙事和传情的效果。漫画多运用于儿童网站，构图新颖，新奇，不拘一格，形象生动、活泼。 Talkman.playstation.co.kr 网站 5. 装饰 装饰化图形是指采用形式美的原则和装饰艺术手法创作出的图形，它按照对称、均衡、节奏、韵律、调和等形式原理，运用上面提到的概括、抽象、夸张、变形等造型手法，对自然形象进行艺术加工和处理，创造出富于幻想的审美空间。装饰化是具有思维限定的审美结构，给人的感受是优雅的、流畅的。 LG首页 网站 6. 图标 图标是将要传达的信息赋予图形，让两者建立内在的对应关系，当图形被观众认知时，它便成为传达该信息的图标。因此图标具有很强的传达性，它形式上虽然简洁、单纯，却传达出深刻的含义。例如信封的图形代表邮件，具有特定的含义。 作为修辞中比喻的一种写法，隐喻目前已成为人机界面设计中一项非常重要的造型观念与手段。常见的隐喻形式，如电脑中文件夹图标的设计采用了我们办公室中的文件夹的造型，桌面图标中我的电脑干脆使用了电脑的图形，和平鸽的和平含义与红十字的博爱精神。 利用具体的为人熟知的想法使界面简洁明了，具有易识别、易记忆、跨文化的特点。尽量采用家喻户晓的一般性常识视觉经验是信息得到广泛传达的重要手段。 Circular mnbtmedia 网站 1．图像的面积 大图像能表现细节，容易形成视觉焦点，感染力强，传达的感情较为强烈，更容易吸引浏览者的注意。小图像显得简洁精致，有点缀和呼应作用。大小对比强烈，给人跳跃感；大小对比减弱，则页面稳定、安静。图像在网页中占据的面积大小能直接显示其重要程度。 在网页设计时，应首先确定主要形象与次要形象，把重要的能吸引注意力的图放大，从属的图缩小，形成主次分明的层次格局。 3.3.2 网页图形图像的处理方法 Hwa Meai O.tw 网站 2．图像的外形 方形的稳定、严肃，三角形的锐利，圆形或曲线外形的柔软、亲切，退底图及一些不规则或带边框图像的活泼，都能产生强烈的装饰感。 （1）方形图： 以直线边框来规范和限制，是一种最常见、最单纯的形态。方形图使图像内容更突出且将主题形象与环境共融，可以完整地传达主题思想，有利于气氛的渲染，富有情节感、直接感和亲和力。配置方形图的页面，给人以稳重、可信、严谨、理性、庄重和安静之感，但有时也显得平淡、呆板。网页中的方形图使整个网页呈现出一种严肃、安静、稳重的氛围。 （2）菱形图 打破方形的常规，具有很强的立体感 。 www.a2i.co.kr 网站 （3）圆形图 圆形图是指利用曲线边框将图像进行规范和限制。圆形图给人以充实、柔和、圆满的感觉，给浏览者以流畅、随意、自由的感受。 网站 （4）三角形 即图像以直线边框规范，在网页中表现为三角形。三角