第4章 网页界面中的图形图像设计(网页界面设计与制作课件).ppt

第4章 网页界面中的 图形图像设计 课堂学习目标： ? 了解图形图像在网页界面设计中的作用 ? 熟悉图形图像设计的造型元素 ? 掌握图形图像的创意技法 ? 掌握图形图像的创意及设计的表现技巧 ? 掌握图形图像的创意及设计的造型手法 · 图形图像是一种视觉语言形式，与文字不同。 · 图形图像设计可以理解为有关“图”的设计，它将设计思想赋予形态，传达了特定的信息，集中体现了网页界面的整体风格，在网页界面设计中展示着其特有的视觉魅力，是设计师展现其创造力的舞台。 · 因此，利用好图形图像，也是网页界面设计的关键。 4.1 图形图像在网页界面设计中的作用 1．传达性 · 图形图像从属于网页界面这一传播媒体的方式，担负着传达信息的作用。 · 传达信息是网页界面的首要目的，也是图形图像所肩负的最基本的实用功能，形式上的完美必须符合主题思想内容。 · 网页界面在信息的传达者和接收者之间搭起了一座桥梁，虽然图形图像所传达的信息和设计表现的方式都受这一传播媒体的制约（如图像大小和用色多少），但是，图形图像所具有的直观性、准确性可以让接收者更快、更准地理解信息，因而与文字、声音、视频传播方式一起，构成了网页界面特有的信息传达系统。 2．艺术性 · 图形图像的艺术性是由图形、图像、色彩等通过点、线、面的组合与排列，并采用夸张、比喻、象征的手法来体现视觉效果的。 · 艺术性将网页界面艺术化，同时提高了传达信息的功能。 · 这是因为，图形图像最终是依赖于形态来传达意念的，而人们对于形态的接受是有选择的，这依赖于人们的审美需求。 · 形态本身的审美因素，会直接影响视觉的传达效果，具有视觉美感的形态能够促使人们愉快地接受所传达的信息，容易在心理上引起共鸣。 · 因此，图形图像设计追求美的形式感，激发出人们的审美情感，对网页界面的传达效果有着极为重要的辅助意义。 3．表现性 · 图形图像的表现性实际上是突出设计的个性化，给人以独特的视觉体验，特别是在提倡设计多元化、个性化发展的今天，图形图像设计可以增加网页界面的视觉冲击力，有助于体现网页整体的设计创意。 · 网页界面的整体风格要靠图形图像、文字、色彩、版式、动画来表现，而图形图像是体现这一风格的最直接代表。 · 在图形图像设计的过程中敢于思考、敢于独树一帜、敢于别出心裁，才能增加网页的记忆度，最终达到出奇制胜的传达效果。 4．趣味性 · 这主要是指一种形式上的情趣感。 · 如果网页界面本身的内容不是很丰富，图形图像则可以让网页活跃起来，通过图形图像在视觉上产生趣味性，即在构思中调动了艺术手段；如果网页界面的内容本身已很充实，仅靠文字表述，不免显得平实、单薄，甚至有枯燥的感觉，而图形图像所带来的趣味性，能使传达的信息如虎添翼、神采飞扬，使网页焕发出活力，达到吸引人、打动人的目的。 5．超地域、超时空性 · 图形图像与人们用来交流的文字语言和声音语言不同，它是一种视觉语言，它消除了不同地域和文化的民族间的语言障碍和思想的隔阂，它所代表的是一种全球性语汇，如同“艺术无国界”一样，它用自己特殊的方式传达信息、沟通情感。 · 这一点对网页界面设计尤为重要，因为网页界面是全球性的，当人们在网页上没有找到自已所熟悉的语言版本，但通过图形图像大致理解了自己需要的信息时，就在心理上产生共鸣，从而拉近了信息的传达者和接收者之间的距离，消除了陌生感。 4.2?图形图像设计的造型元素 4.2.1 基本造型元素 · 不管网页界面中图形图像的内容、形式如何复杂多变，作为视觉形式的语言，构成图形图像的最基本的造型元素是点、线、面。 · 点、线、面的变化与组合，形成了一个个生动的图形图像。 1．点 · 在几何学中，点是表示位置的几何元素。 · 在视觉形态中，点还具有形状、方向、大小等属性。 · 点的概念是相对的，是与周围的视觉元素相比较而言的。 · 例如，地球在宇宙中可以被看作点，人在广场中可以被看作点，细胞在人体中同样可以被看作点。 · 点具有视觉集中的属性。 · 点的概念是相对的，是与周围的视觉元素相比较而言的。 · 例如，地球在宇宙中可以被看作点，人在广场中可以被看作点，细胞在人体中同样可以被看作点。 · 当画面中仅有一个点时，人们的视线自然而然集中到这一点上；当有两个大小相同的点时，人们的视线会在两点间游移，产生“线”的感觉。 · 当有多个点时，人们的视线会自动将这些点连起来，产生虚拟形的意象，就像人们观察星座时，自动用直线连接星星