第七章 网页创意设计-高二《网页美工-网页色彩与布局设计》同步教学课件 （电子工业出版社·第2版）

Web Creativity Design 第七章 网页创意设计 网页的类型 Types of Web Pages 1 设计创意 Design Creativity 2 目 录 CONTENTS 2 网页的类型 1 PART 从功能上分类 从风格上分类 3 网页的类型 Types of Web Pages 7.1 网页的类型Types of Web Pages 7.1.1从功能上分类 静态网站是指全部由HTML（标准通用标记语言的子集）代码格式页面组成的网站，所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果，如GIF动画、FLASH动画、滚动字幕等，而网站主要是静态化的页面和代码组成，一般文件名均以htm、html、shtml等为后缀。 程序是否在服务器端运行，是重要标志。 静态网页和动态网页各有特点，主要取决于网站的功能需求和网站内容的多少。 静态网页是网站建设的基础，采用动态网站技术，也可以将网页内容转化为静态网页发布。 动态网站也可以采用静动结合的原则。 4 网页的类型 Types of Web Pages 7.1.2从风格上分类 1.门户资讯类网站 这类网站就如如上所说，并不需要特别的花哨与装饰，如实地把相关资讯呈现给浏览者，简洁明了，才是浏览者更需要的。 如图7-1、图7-2就是国内外知名的门户资讯类网站，都没有花哨的装饰、夸张的图案，把用户想看的拿给用户看，才是这类网站的主要目的。 图7-1新华网首页 图7-2联合国教科文组织网站首页 5 网页的类型 Types of Web Pages 7.1.2从风格上分类 2.资讯与形象相结合的网站 这类网站就不单单是只为资讯而存在，这类网站不仅要把有关资讯呈现给浏览者，更需要宣传网站的单位形象，这类网站如教育类、企业类、娱乐类等。 图7-3所示央视5频道的官方网站，不仅要适时更新赛事资讯，更重要的是要打造中国体育健儿的风采及中国国家形象，那么这类网站就不能像门户资讯类网站那样不加修饰，传达活动本身的文化就成为主旨。 图7-4所示的是青岛科技大学的官网首页，这类网站设计较为严肃，学术氛围浓厚，网站既要以传递学校文化为主，又要承担实时新闻发布的作用。 6 6 单击此处编辑母版文本样式 第二级 第三级 第四级 第五级 网页的类型 Types of Web Pages 7.1.2从风格上分类 图7-3央视5频道的官方网站 图7-4青岛科技大学的官网首页 7 7 单击此处编辑母版文本样式 第二级 第三级 第四级 第五级 网页的类型 Types of Web Pages 7.1.2从风格上分类 3.形象宣传类网站 这类网站主要针对个人与某些特定活动而设置的网站，如图7-5所示的1号会员店网站，其主要作用是宣传自身优势及引导浏览者下载相关的App。这类网站风格主要针对特定对象而设定，具有很强的性格色彩。若以人物为宣传对象，大多以头像结合文字作为页面，有些活动以图标或标志性海报作为主页面。 图7-5 1号会员店网站 8 网页的类型 Types of Web Pages 7.1.2从风格上分类 4.个性化表现风格类网站 有些网站并不需要太官方和太正式的设定，那么就可以根据自己的喜好来设定网页风格，这类网站往往表现感较强，同时具有浓郁的个性特色。如图7-6和图7-7所示的手绘式和变化式网站就完全是按照个人喜好而设计的。 9 图7-6 手绘式网站 图7-7 变化式网站 网页的类型 Types of Web Pages 7.1.2从风格上分类 4.个性化表现风格类网站 图7-9 变化式网站 图7-8 照片与漫画结合诙谐式网站 图7-7 手绘式网站 10 设计创意 2 PART 创意是设计的灵魂 创意方法 11 设计创意 Design Creativity 7.2 设计创意 7.2.1.创意是设计的灵魂 1.创意(idea)是网站生存的关键 很难想象一个毫无创意的网站会留住浏览者的眼睛，只有内容丰富多彩，充满趣味与想象力的网站才能吸引更多的访问者，这一点相信大家都已经认同。然而作为网页设计师，最苦恼的就是没有好的创意来源。 12 设计创意 Design Creativity 7.2 设计创意 7.2.1.创意是设计的灵魂 1.创意(idea)是网站生存的关键 注意，这里说的创意是指站点的整体创意 (指因为这个创意而产生这个站点，或者相同的内容，推出的创意