网站设计的流程.pptVIP

网页设计的原那么

河南蝶动网络科技

《网站配色与布局》课程地位

本章目标会明确网站主题会分析行业资料会确定网站的用户目标群会使用5种到达“设计”的方法教师讲解学习目标

相关理论建设网站的流程通过未通过通过业务接洽工程签单继续开发网站整合网站测试网站发布提交方案开发和设计写网站筹划书沟通参与人：业务员、工程经理、程序员、筹划人员、网页设计师参与人：业务员、客户明确网站主题、目标用户群、目的、设计风格、布局等；采用的架构、开发语言〔ASP/JSP/JAVA/等)、数据库〔SQL/MYSQL/Oracle…)等。网站架构：架构师功能开发：开发工程师〔程序员〕设计参与人：网页设计师所用软件：PS/FW参与人：筹划人员〔主〕、工程经理、开发工程师〔辅〕、网页设计师〔辅〕开发参与人：开发工程师、架构师、工程经理设计参与人：网页设计师、业务员、客户开发参与人：架构师、开发工程师设计参与人：网站制作人员所用软件：DW/FL/PS/FW参与人：开发工程师、制作人员参与人：测试工程师参与人：工程经理未通过

相关理论网页设计的原那么统一、连贯、分割、比照、和谐。在原那么指引下，建站前要做准备工作。创作前的准备工作与客户有效的沟通分析行业资料寻访相关网站汇总目标用户群的特征新网站的优势和特色网站导航（信息方面）形象口号（文化方面）构思进行创作确定主题（创作前的准备工作）

演示案例1分析—同样产品不同表达的网站案例分析通过4点对网站进行比照：产品结构和功能消费人群设计风格涉及的知识点：如何明确网站主题教师通过案例引入理论网站比照

首先，比照两个网站箱包批发网LV网演示案例1分析—同样产品不同表达的网站

演示案例1讲解—同样产品不同表达的网站操作步骤分析：第一步：两个网站的产品分析箱包批发网：品种多、齐全。综合的大型电子商务网站。LV网：专营自身品牌产品的电子商务网站。

箱包批发网：产品以装饰品名称分类，左侧按各个产品的品牌分类。演示案例1讲解—同样产品不同表达的网站第二步：网站功能和结构分析LV网：采用Flash特效，精致而多变。右边多国语言选择，使用方便。

演示案例1讲解—同样产品不同表达的网站第三步：两个网站的商品针对的消费人群分析中低档消费人群。第四步：两个网站的设计风格分析传统风格Flash多媒体高端消费人群

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

相关理论1讲解：理论知识〔如何明确网站主题〕对于题材选择的建议主题要小而精目标不要太滥或太高网页形式是为突出主题效劳的交换箱包批发网和LV网的设计形式是不可取的。

相关理论2讲解：理论知识〔如何分析行业资料〕行业资料分析包括：宣传册：公司对外宣传的载体，VI的一局部。宣传册展示

相关理论2电视广告VI设计行业背景行业资料分析是设计进行前的重要步骤。行业知识积累不够，在网站分析时，就只能看见外表，流于形式。洗发水广告广告电脑广告厨房用品广告

相关理论2VI设计VI含义：视觉识别〔VisualIdentity〕:以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将企业理念、企业文化、效劳内容、企业标准等抽象概念转换为具体符号，塑造出独特的企业形象。VI内容：根本要素系统和应用系统VI设计

小结通过上面的案例了解网页设计的主题，主题的不同导致网页的设计风格不同。1〕没有确定网站主题的作品容易出现什么问题？2〕是不是明确了网站主题就能做好网页呢？答案是否认的。下面通过实例给大家讲解目标用户群。

演示案例2分析—八面玲珑案例分析目标用户群的不同，导航和页面设计不同。涉及的知识点：3个网站的目标用户群网站比照教师通过案例引入理论

案例中理论讲解：目标用户群百业人才网导航按照不同行业分类，8类不同目标用户群；页面绿色清新、淡雅；布局功能模块明确。分类有针对“营销”人员的，有针对“五金”行业的……

演示案例2讲解—八面玲珑中华英才网导航按照内容、用户经验值不同的目标用户群分类；页面以蓝色为主；页面重点突出导航中的重点内容。按经验值不同的目标用户群分类。比如：“猎头服务”是针对较大发展的人。“校园招聘”是针对毕业学生…

演示案例2讲解—八面玲珑智联招聘网导航按照用户不同身份分类，同时按照行业分类，针对多种目标用户群；页面以蓝色为主；布局根据网站侧重点不同来分配内容。经验值分类行业分类

相关理论3讲解：理论知识(目标用户群)目标用户群的概念是指接收并理解网站建设方通过网络媒介传递的信息个体。一般网站中目标用户群分析门户类网站：目标用户群多专题类网站：目标用户群单一、个性旅游类网站：年轻、时尚