第一章--网页设计的原则.docxVIP

授课班级

授课日期

授课题目：第一章网页设计的原那么

目的要求：明确网站主题、分析行业资料、确定网站用户目标群、使用5种到达“设计”的方法

重点难点：明确网站主题、确定网站用户目标群

组织教学：点名考勤；复习；引入新课；讲解理论知识；实例演示；指导学生练习；总结

总结复习导入新课：

分析网络上的多种网页，引入网页设计原那么

提问：

1、什么是Internet？

2、网络上的网页都一样么？有什么不同？

3、知道哪些编辑网页的工具？

教学方式、手段、媒介：教学手段：讲授、多媒体；媒介：教材

授课内容：

第一章网页设计的原那么

理论局部

网页设计的原那么

统一、连贯、分割、比照、和谐。

在原那么指引下，建站前要做准备工作。

设计是有原那么的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原那么：统一、连贯、分割、比照及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成局部孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成局部在内容上的内在联系和表现形式上的相互照应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个局部极为融洽，犹如一气呵成。

分割，是指将页面分成假设干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

比照，就是通过矛盾和冲突，使设计更加富有生气。比照手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用比照的时候应慎重，比照过强容易破坏美感，影响统一。

和谐，是指整个页面符合美的法那么，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

演示案例1分析—同样产品不同表达的网站

案例分析

通过4点对网站进行比照：产品、结构和功能、消费人群、设计风格

案例分析：箱包批发网品种多、全；功能结构直观；主要针对中低档人群；采用温暖的金黄色为网站主体颜色。LV网品种单一，只销售自己品牌的产品；左右分结构直观；多国语言选择，使用方便；主要针对高端客户；采用高雅、稳重的颜色为网站主体颜色。

涉及的知识点：如何明确网站主题、首先，比照两个网站

操作步骤分析：

第一步：两个网站的产品分析

箱包批发网：品种多、齐全。综合的大型电子商务网站。

LV网：专营自身品牌产品的电子商务网站。

第二步：网站功能和结构分析

LV网：采用Flash特效，精致而多变。右边多国语言选择，使用方便。

箱包批发网：产品以装饰品名称分类，左侧按各个产品的品牌分类。

第三步：两个网站的商品针对的消费人群分析

中低档消费人群。

第四步：两个网站的设计风格分析

传统风格；Flash多媒体

目标用户群不同和网站产品不同，设计风格也随之不同。

讲解：理论知识〔如何明确网站主题〕

对于题材选择的建议

主题要小而精

目标不要太滥或太高

网页形式是为突出主题效劳的

交换箱包批发网和LV网的设计形式是不可取的。

明确网站主题可以通过一下几方面来帮助理解

问题描述：你要建设网站的目的是什么？

为业务、效劳做广告。

电子商务、销售产品。

事业宣传，文化、观点传播。

为供求双方建立平台式网站。

提供公益效劳等。

问题描述：你设想中的网站规模是多大？

参考答案：

很小，现有的资源能放下就可以了，以后也很少增加新的内容，只是做展示用。

从最小的规模开始，然后逐步扩大化，最终网站内容是全面而丰富的。

相当复杂，栏目众多的，类似于门户。

资源丰富，更新快，积累快的。

不太好说，不好说将来怎么开展，走着看吧。

目标用户的统一特征是什么？或者说，网站做给谁看？

是分销商或是终端消费者。

15-20岁之间的青少年或是20-30岁的青年。

收入在6000元左右的灰领或是万元收入以上的白领。

艺术院校的学生或是社会各界热爱艺术的人士。

是男性浏览者居多或是女性浏览者居多。

只是给我的客户公司的负责人看的，但都是外国人。

问题描述：网站的收入来源是哪几个局部？

参考答案：

我并不靠网站本身赚钱，仅仅是给国外的客户看看我们的作品，他们需要的话，就会下订单和我们直接联系的。

通过网站广告，在线游戏将是网站的主要收入来源。

浏览者可以直接在站点上购置物品，这就是主要来源。

我的网站卖的是信息，VIP会员可以看到更多内容。

网站没有收入，求个存在感…………