搜索
网页设计的原则河南蝶动网络科技有限公司《网站配色与布局》课程地位本章目标会明确网站主题会分析行业资料会确定网站的用户目标群会使用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设计•行业背景行业资料分析是设计进行前的重要步骤。行业知识积累不够，在网站分析时，就只能看见表面，流于形式。洗发水广告手机广告电脑广告厨房用品广告相关理论2•VI设计VI含义：视觉识别（VisualIdentity）:以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。VI内容：基本要素系统和应用系统VI设计小结通过上面的案例了解网页设计的主题，主题的不同导致网页的设计风格不同。1）没有确定网站主题的作品容易出现什么问题？2）是不是明确了网站主题就能做好网页呢？答案是否定的。下面通过实例给大家讲解目标用户群。演示案例2分析—八面玲珑案例分析目标用户群的不同，导航和页面设计不同。涉及的知识点：3个网站的目标用户群网站对比教师通过案例引入理论案例中理论讲解：目标用户群百业人才网导航按照不同行业分类，8类不同目标用户群；页面绿色清新、淡雅；布局功能模块明确。分类有针对“营销”人员的，有针对“五金”行业的……演示案例2讲解—八面玲珑中华英才网导航按照内容、用户经验值不同的目标用户群分类；页面以蓝色为主；页面重点突出导航中的重点内容。按经验值不同的目标用户群分类。比如：“猎头服务”是针对较大发展的人。“校园招聘”是针对毕业学生…演示案例2讲解—八面玲珑智联招聘网导航按照用户不同身份分类，同时按照行业分类，针对多种目标用户群；页面以蓝色为主；布局根据网站侧重点不同来分配内容。经验值分类行业分类相关理论3讲解：理论知识(目标用户群)目标用户群的概念•是指接收并理解网站建设方通过网络媒介传递的信息个体。一般网站中目标用户群分析•门户类网站：目标用户群多•专题类网站：目标用户群单一、个性•旅游类网站：年轻、时尚一族•平台式网站：信息丰富，目标用户群多•娱乐类网站：活泼的年轻人相关理论4达到“设计”目的5种方法书写策划书设计的“4”种切入点网页内容安排技巧广告的“口号”网站可信度相关理论4网站策划书的内容：•背景介绍•市场分析•建设目的及网站定位•技术解决方案•内容规划•页面设计•流程及人工•网站维护•发布与推广相关理论4广告的“口号”•VI不能代替口号口号出现在Banner里口号出现在Title里口号出现在插画里•选择口号时需注意：好的口号要清楚、有真实的东西。相关理论4不好的口号含混不清。好的口号长度适中。不好的口号太笼统。好的口号应该有个性、生动，有时候还很俏皮。•有些网站已经很有名气，口号的功能被弱化。总结做网站之前要明确什么？确定设计方向的前提要明确什么？行业分析要通过哪几方面来完成？如何达到“设计”目的有5种方法都有什么？总结并布置作业