《网页设计》 编者：倪洋 出版社： 上海人民美术出版社
创意网页设计——考试复习资料（课程代码05551）
第一章 互联的世界
互联网又名因特网，被称为“第四媒体”，也叫“超媒体”，它囊括了声音、图像、视频、交互、实时信息等各种特点，是至今为止表现力最强的媒体方式。
互联网的特点: 1.没有拥有者 2.没有范围感 3.没有方向感 4.没有位置感 5.无限制传播 6.极大的信息量 7.多样的传达形态 8.时效性强 9.交互传达 10.自由性
网站：一个由一个特定的人群和组织控制的一组网页的组合。
网页：组成网站的基本单元。一个网页通常就是一个单独的HTML文档，其中很可能包含文字、图像、声音、链接等。
界面：是个体间相互联系的通路和空间。界面设计的目标是有限传递该网站所提供的内容，并使浏览者之间交互。
UI—Use Interface,用户界面是指人与系统连接空间，通过此界面用户能够从中获得并处理信息，最充分地实现此过程的互动。
HCI—Human computer Interacticon,人与计算机的相互作用。HCI主要研究如何能更容易掌握计算机技术，HCI结构的完善可以使得界面技术得到飞跃和发展。
GUI—Graphical User Interface,图形用户界面。图形用户界面是相对纯文本而言的，它通过图形构成用户与系统间的界面。
网络的界面设计基于网络特性有以下局限性： 1版面局限 2技术局限
第二章 网站整体设计
网站制作流程：策划网站→网站布局规划→色彩搭配→收集资料→链接设计→界面设计→申请域名和空间→上传网站→广告宣传→维护更新
网站设计的任务：1确定网站CI，2创建交互界面，
创意网页设计——考试复习资料（课程代码05551） 3实现不同的功能，4完善网页之间的链接关系5创造视觉美感
CI（corporate identity）就是通过视觉来统一企业形象。网站CI设计内容包括:网站标志、标准色彩、标准字体、宣传标语等。
第三章 网站形象设计
平面设计元素在网页布局中的应用：第一个要素-点，第二个要素-线，第三个要素-面，第四个要素-空间；
平面设计原理在网页布局中的应用： 1均衡性—设计要素的协调与一致。
均衡是人们在长期的生活中形成一种心理要求和形式感觉。网页设计中的均衡，指页面上字、形、色等因素在力点上的平衡，以及不同页面之间的统一。为了达到均衡的效果，可以在多样中求统一，在统一中求得变化。在组织界面所有的图片、文件格式、导航和获取的信息的空间都必须保持一致。 2对比性—设计要素的差异与分离：色彩对比、面积对比、肌理对比
3网页构图的特点：交互性设计、动态更新、多维性结构、网页版面的不可控性、多种媒体的综合 4页面大小与分辨率
分辨率：指单位面积中像素的个数，也可以说是图像文件的精确程度。分辨率的单位是DPI，它意味着每一英寸的像素个数。通常我们说的显示分辨率为800X600就是显示了横向800个像素和纵向600个像素。如今大多数用户使用17英寸的显示器来访问网络，分辨率为800X600或者1024X768。 5网页设计的视觉流程
页面版式设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程，这种视觉在空间流动的线条并不在画面中出现，它却引导了人们的视线。 6界面风格
网页界面设计，是在有限的屏幕空间上将视听多种元素有机的排列组合，并将理性思维个性化地表现出来的设计。
界面设计风格根据其空间表现形式又可分为：二维、二维半或三维。
基本色彩原理：颜色是由色相、明度和饱和度3个要素组成，这3个要素相互联系不可分割。
数字色彩原理：计算机显示器是由一个个像素的小
浪里独行 整理
1
《网页设计》 编者：倪洋 出版社： 上海人民美术出版社
点构成的，像素把光的三原色R、G、B组合的色用户感知各个不同部分、不同状态的变化。2指出彩按照科学的原理表现出来。每个像素包含8位的伴随时间的变化带来的影响。3同一空间显示多个信息量，有从0~255的256个单元。0是完全无光信息的对象。4吸引注意力。
的状态，255是最明亮的状态。
HTML表现RGB色彩采用2位十六进制数，用RGB
第四章 网页制作软件的应用 的顺序罗列成HTML色彩编码。
网络安全色彩：在不同的硬件环境、不同的操作系故事板（storyborad）构思应用软件：photoshop 、统、不同的浏览器中都能正常地显示的颜色集合。 painter或手绘 设计网页时选择颜色的几点注意事项：1、不要大面积的使用饱和度很高的纯色，否则会使浏览者感
觉到视觉疲劳。2、当网站面对的用户超出本国范围，最好使用网络安全色。3、为增强页面的可读
性，背景与文字内容的亮度（0~255）差最好在102以上。 网络配色特点：色彩的鲜明性、色彩的独特性、色彩的功能性和习惯性、色彩的有限性、色彩的周期性。 网页构成元素包括背景与底纹、按钮和控件、导航器和目录、文字和内容、网页标志、图片、动画、多媒体等多种元素。 按钮和控件在设计时要注意：解读性、一致性、各异性、习惯性。 导航器按形式的不同一般可以分为如下几种： A上级导航器 B正文导航器 C搜素引擎 D map导航器 E用于跳转网页的导航按钮：NEXT、BACK等。 一个好的导航器应该具备以下条件： 1能够自助显示用户当前所在位置 2固定在用户所熟悉的位置 3尽量减少信息查询时间
4形态与网站风格保持一致。
通常网站同一页面上最多使用三四种字体，如果使
用过多或过于生僻的字体会给用户带来麻烦。一般网页中9pt是公认的字号，绝大多数网页都使用它，当然也可以使用较大或较小的文字分别作为标题和辅助文字。 编写网络文本的三个主要原则：1简洁2可浏览性3利用超文本将长信息拆分为多个网页。 网页标志的作用：1传递信息2树立形象3品牌拓展 网络图片的自身特点：1图片质量不需要太高（分辨率为72dpi是大多数图片的选择）2图片要尽量小，不必要的图形必须删除。 检查动画元素是否实现：1显示过度的连续性，让创意网页设计——考试复习资料（课程代码05551） 整理素材，实现界面风格应用软件: photoshop、
illustrator 切片分割应用软件：imageready
把一幅图像切分为不同的小片段，其原因有三： 一是使其与指定的HTML表格结构相适应，从而实现该页面的设计与技术需要； 二是由于多个较小的图像文件下载起来比一个文 件要快； 三是能单独优化每个切片、可以选择不同的文件格式、适合的色板类型、颜色数目或透明度，从而是图像质量达到最高，获得外观不错而且快速下载的网页。 在准备网页图形方面，imageready切片策略： 1创建辅助线 2创建导航切片 3每个切点定义属性 4修改切片组合。 动画设计应用软件：Flash, 构成动画设计的基本单位是 帧；Flash创建动画通常有两种方式：逐帧动画和补间动画 F6创建关键帧，F 5添加帧 第五章 网站发布实例操作 有关域名的基本概念：域名是互联网上一个网络系统的名字，全世界没有重复的域名。域名是由若干个英文字母或字母组着，由“.”分隔成几个部分。 域名的分类：主要有.com、.net、.org三种， 依照申请机构的性质域名分为一下几类： .ac—科研机构， .com—工、商和金融机构； .edu—教育机构； .gov—政府部门； .net—互联网、接入网络的信息中心； .org—各种非盈利性组织。 域名长度不得超过20个字符
浪里独行 整理
2