第1章 网页界面设计的基础理论(网页界面设计与制作课件).ppt

第1章 网页界面设计的基础理论 课堂学习目标： ? 熟悉界面与界面设计的概念 ? 了解网页界面设计发展的概况 ? 掌握网页界面的构成要素与特点 ? 掌握网页界面设计的基本原则 ? 掌握网页界面的主要形式 1.1 网页界面设计概述 1.1.1 界面与界面设计 · 界面是一种由色彩、文字、图像、符号等视觉元素以及多媒体元素为主构成的，传达特定信息的，以方便人机交流为目的的中间媒体。 · 界面设计作为设计学科的一个分支，具有很高的实用价值。 · 它以科学技术和艺术的结合为基础，以外观表现形式为主要手段，谋求产品的功能美与形式美，并体现产品的时代感，以优良的设计努力满足使用者的心理需求。 · 从定义中可以看出，界面是协调人机关系的重要环节。 · 它的应用范围十分广泛，在日常工作和生活中可谓随处可见。 · 比如家用电器的操作控制界面、机械仪表的显示界面、计算机程序的使用界面等，如图1-1所示。 · 虽然应用领域很广，但它们都具有基本相同的特征。 · 网页界面设计“website Interface”只是UI设计中的一个分支，通俗地讲，就是当用户访问网站时所看见的画面。 · 网页界面由网页浏览器、网页导航要素、网页内容三方面构成，网页界面设计主要是除浏览器以外，其他各个部分的设计。 1.1.2 界面设计在我国的现状 1.1.3网页界面设计的发展 1.2 网页界面的构成要素及特征 1.2.1 网页界面的构成要素 1．文字 · 文字是网页界面的主体，是用以传达信息的主要元素。 · 虽然利用网络多媒体的影音效果也可以达到同样的目的，但网页中文字的优势很难被取代。 · 这首先是由于以文字传达信息符合常人的接受习惯，其次因为文字所占的存储空间极小（1个汉字只占用2个字节），利于浏览及下载。 2．图形图像 · 图形图像在网页界面中有着十分重要的作用。 · 在网上浏览时，浏览者常常会因为看到一幅十分引人注目的图形而引发兴趣去了解相关内容。 · 在很多网页中，图形占据着整个页面的重要位置，有的甚至占据了整个页面。 · 在视觉顺序上，图形往往能首先吸引人们的注意力，这是由于图形给人的视觉印象要比文字强烈得多。 · 几乎所有的网页都用到了图形，善用图形，可以生动、形象、直观地表达网页的主题，增强网页的宣传力、号召力和感染力，吸引浏览者的注意，引起浏览者的兴趣。 3．页面版式 · 页面版式也称页面的构图。 · 版式设计是网页界面设计的重要组成部分。 · 它是指将文字、图形等视觉元素进行组合配置，使页面整体的视觉效果美观而易读，便于阅读理解，实现信息传达的最佳效果。 · 许多设计成功的网页能够吸引浏览者，往往并非仅仅依赖于几张引人注目的图片或噱头式的标题，而是靠成功的版式设计。 · 好的版式首先能以清晰的视觉导向使浏览者对网页内容一目了然，其次又以巧妙的图文配置使浏览者获得悦目的视觉效果。 4．色彩 · 色彩在网页界面设计中起着重要作用。 · 首先，彩色网页较单色网页更具吸引力；其次，彩色网页可通过色彩传达信息，是增强可理解性和易识别性的有效手段；第三，色彩本身具有象征作用，通过带有主题倾向的色彩语言，可以更加有效地与浏览者进行情感沟通；第四，彩色网页具有悦目、装饰性强的特点，使浏览者愿花更长的时间注目于此并了解相关信息。 5．多媒体 · 将多媒体元素引入网页界面，可以在很大程度上增强对浏览者的吸引力。 · 从网页界面的发展来看，由纯文字界面到图文并重，再到引入新的多媒体元素，这是一个必然的过程。 · 浏览者希望在网上看到更具创造性、更具吸引力和更具情趣的网页。 · 多媒体元素正是实现这一目标的重要手段。 · 网页界面中所涉及到的多媒体元素主要是音频、视频和动画等。 6．技术 · 了解了网页界面的主要构成元素之后，在进行网页界面设计时还应注意到一些技术性元素。 · 严格说来，这些元素并非网页界面的构成元素，但它们决定了浏览者的实际观看效果。 1.2.2 网页界面的特性 1．主体的经济性 2．手段的先进性 3．对象的广泛性 4．内容的丰富性 5．形式的多样性 6．操作的交互性 1.3 网页界面设计的特征 1.3.1 设计以功能为主 · 网页界面设计的功能性主要体现在以下两个方面： （1）信息传递功能 （2）审美功