Web 开发与技术设计10_3.pptVIP

Web开发与技术设计第十讲 Web上的图像（三） 济南大学网络中心 孙润元 nicstaff@ujn.edu.cn 网页界面中的图形图像设计 图形图像设计可以理解为有关“图”的设计，它将设计思想赋予形态，传达了特定的信息，集中体现了网页界面的整体风格，在网页界面设计中展示着其特有的视觉魅力，是设计师展现其创造力的舞台。 图形图像设计不仅属于艺术设计的范畴，它还涉及心理学、符号学、传播学等方面的知识。图形图像的视觉冲击力比文字大85％。 一图胜千字，图形图像能将信息传达得更立体、真实、直接，更易于理解，从而高效率、高质量地表达设计意念，使本来平淡的事务变成强有力的画面，充满强烈的感情色彩。 图形图像在网页界面设计中的作用 传达性 传达信息是网页界面的首要目的，也是图形图像所肩负的最基本的实用功能，形式上的完美必须符合主题的思想内容。 图形图像所具有的直观性、准确性可以让接收者更快、更准地理解信息，因而与文字、声音、视频传播方式一起，构成了网页界面特有的信息传达系统。 图形图像在网页界面设计中的作用 艺术性 图形图像的艺术性是由图形、图像、色彩等通过点、线、面的组合与排列，并采用夸张、比喻、象征的手法来体现视觉效果的。艺术性将网页界面艺术化，同时提高了传达信息的功能。 图形图像最终是依赖于形态来传达意念的，而人们对于形态的接受是有选择的，这依赖于人们的审美需求。形态本身的审美因素，会直接影响视觉的传达效果，具有视觉美感的形态能够促使人们愉快地接受所传达的信息，容易在心理上引起共鸣。 图形图像在网页界面设计中的作用 表现性 图形图像的表现性实际上是突出设计的个性化，给人以独特的视觉体验，可以增强网页界面的视觉冲击力，有助于体现网页整体的设计创意。 在图形图像设计的过程中敢于思考、敢于独树一帜、敢于别出心裁，才能增加网页的记忆度，最终达到出奇制胜的传达效果。 图形图像在网页界面设计中的作用 趣味性 主要是指一种形式上的情趣感。 如果网页界面本身的内容不是很丰富，图形图像则可以让网页活跃起来，通过图形图像在视觉上产生趣味性，即在构思中调动了艺术手段； 如果网页界面的内容本身已很充实，仅靠文字表达，不免显得平实、单薄，甚至有枯燥的感觉，而图形图像所带来的趣味性，能使传达的信息如虎添翼、神采飞扬，使网页焕发出活力，达到吸引人、打动人的目的。 图形图像在网页界面设计中的作用 超地域、超时空性 图形图像是一种视觉语言，它消除了不同地域和文化的民族间的语言障碍和思想的隔阂，它所代表的是一种全球性语汇，用自己特殊的方式传达信息、沟通情感，当人们在网页上没有找到自己所熟悉的语言版本，但通过图形图像大致理解了自己需要的信息时，就在心理上产生共鸣，从而拉近了信息传达者和接收者之间的距离，消除了陌生感。 网页界面中的图形图像包括主体图、辅助图、导航图标、标志、广告、动画中的静态图等等。主体图指的是直接传达内容的图，如标题图、产品照片、新闻照片；辅助图指的是为了达到版面的艺术效果而设计的图形图像，它不直接传达内容，有烘托主题、渲染气氛的作用，如背景图。 图形图像设计的造型元素 基本造型元素 点 线（垂直、水平、斜线、几何曲线、自由曲线的排列组合） 面（几何形：方形、圆形、三角形；自由形） 扩展造型元素 空间 运动 质感 图形图像的创意与设计 创意就是用一种新颖而与众不同的方式来传达单个意念的技巧与才能，即所谓客观地思索，然后天才地表达。 图形图像是为表现特定的主题服务，创意的优劣直接影响了主题思想的传达，好的创意能巧妙、恰如其分地表现主题、渲染气氛，增强图形图像的感染力，让人过目不忘，并且能够统一在网页界面的整体风格之中，不因为自己的独特而打破整个网页的和谐。 图形图像的创意是一种复杂的创造性活动，既要表现出形式统一的整体风格，又要体现自己独特的意味，这需要一种思维的平衡能力。 图形图像创意的出发点 想象——创意的基石 图形图像创意的出发点 联想 图形图像创意的出发点 联想 图形图像创意的出发点 联想 图形图像创意的出发点 情感的魅力 图形图像创意的出发点 情感的魅力 图形图像创意的出发点 夸张与幽默 图形图像创意的出发点 夸张与幽默 图形图像创意的出发点 改变视觉惯性 图形图像创意的出发点 改变视觉惯性 图形图像创意的出发点 借鉴传统文化 图形图像创意的出发点 借鉴传统文化 图形图像创意的出发点 文字的变化——文字的变形 图形图像创意的出发点 文字的变化——文字的组合 图形图像创意的出发点 文字的变化——文字图形化 图形图像创意的出发点 直接表达 图像设计的表现技巧 面积与方向 图像设计的表现