商务网页设计导引课件

1、商务网页的设计与制作，商务网页的设计指南，第一章，1，PPT的学习交流，了解网页的基本构成和主要要素，掌握常见的商务网站的类型，合理地规划客户的需求分析的路线和方法的设计网站、学习目标、2、PPT学习交流、学习内容、第一章商务网站的概要-顾客需求分析-网站栏的企划、3、PPT学习交流、第一节商务网站的概要、商务网站是经营组织为了实现商业目标而建立的网站。 正确表达和有效地传达企业组织的商业诉求是这种网站设计时应考虑的重点和难点。 第一章商业网站概述-客户需求分析-网站计划，4，PPT学习交流，1，商业网站类型，根据商业诉求方面的重点差异，可以分为以下几类：第一章商业网站概述-客户需求分析-网站

2、计划，企业网站信息网站，5，PPT学习交流，1，展示型企业网站第一章商务网站概述-客户需求分析-网站规划，6，PPT学习交流，2，功能性企业网站，第一章商业网站概述-客户需求分析-网站计划，7，7 综合行业网站，第一章商务网站概述-客户网站规划，8，PPT学习交流，4，垂直行业网站第一章商务网站概述-客户需求分析-网站规划，9，PPT学习交流，5，综合第一章商务网站概述-客户需求分析-网站规划，10，PPT学习交流，6，垂直网站，第一章商务网站概述-客户需求分析-网站规划，11，PPT学习交流，7， 品牌网站第一章商务网站概述客户需求分析-网站计划，12，PPT学习通信，8，门户信息网站，第一

3、章商务网站概述-客户需求分析-网站计划，13，PPT学习通信，9，9 第一章商务网站概述-客户需求分析-网站计划，14，PPT学习通信，10，分类信息网站第一章商务网站概述-客户需求分析-网站列计划，15，PPT学习通信，2，网页构成网站标志(2)网站名称(3)导航栏(4) banner (5)网页正文区(6)网页底部，第一章商务网站概述-客户需求分析-网站专栏计划，16，PPT学习交流网页的构成，网页的显示，网页的交互性，第一章商务网站的概述-客户需求分析-网站的规划，17，PPT学习通信，3，网页的组成部分，文本，图像，视频，背景音乐，视频，关闭第一章商务网站概述-客户需求分析-网站规划，

4、18，PPT学习交流三，页面样式，要点：页面样式相当于页面的外套，页面设计中使用的文字、颜色、布局等组合给人以视觉印象商务页面不是单纯的艺术设计作品，而是要正确地表现商业诉求，被很多读者接受，以被理解为中心来决定页面风格。 第一章商务网站概要客户需求分析网站栏规划，19，PPT学习交流，20，PPT学习交流，1，韩版风格，特征：大幅度用图，画面美丽，颜色鲜艳，文字风格和图像活泼美丽。 第一章商务网站概述-客户需求分析-网站规划，21，PPT学习交流，2，欧版风格，特征：页面内容部分结构清晰，板清晰，页面颜色使用主要清晰，有较强的平面感第一章商务网站概述客户需求分析网站栏规划，22，PS学习交流

5、，3，中式风格，特征：气势高雅，有独特的味道，页面平衡，和谐，庄重美丽。 第一章商务网站概述-客户需求分析-网站规划，23，PPT学习交流，4，其他风格(1)，Web2.0风格：板之间的区分非常明确，边界非常明确，页面简洁整齐，彩色和颜色网页上的标志、banner和导航区域的界线很清晰。 第一章商务网站概述-客户需求分析-网站专栏企划，24，PPT学习通信，4，其他样式(2)，铅字样式：台词字体，标题，多列布局，采用大幅度的布局，页面具有较强的打印媒体效果第一章商务网站概述-客户需求分析-网站规划，25，PPT学习交流，4，其他风格(3)，简单风格：空白多，只留下最基本的内容元素，对展示的元素

6、有最大的视觉影响第一章商务网站的概要-顾客需求分析-网站的企划，26，PPT学习交流，【讨论】，浏览长职网站，设计风格是什么？27、PPT学习交流、技能训练1-1、访问你所在地区著名企业网站，分析主页空间结构，将相应的分析结论填写表1-1。28、PPT学习交流、学习内容、第一章商务网站概要-客户需求分析-网站栏计划、29、PPT学习交流、【案例】: 近年来，网络市委、市政府不断探索企业创新的营销方式。 另一方面，着手建立全球营销网络，推进整体营销战略。 现在与世界上100多个国家和地区建立了长期的合作关系。 另一方面，主导电子商务，使用现代化信息手段实施网络直销。 迄今为止做电子商务的是将产品

7、转换成数码照片，在商务网站上发表供求信息和广告。 现在越来越多的企业和个人在网络上开店，还建立了直接供求信息网站。 一位烟花网社长说，网站改版半年以来，有2600多名英语会员，2300多名中文会员在网上做生意，在网上卖产品，在网上买原材料，在网上找客户等。 30、PPT学习交流、【讨论】，企业如何建立网站，设计合适的网页？ 客户主导，31，PPT学习交流，第二节分析客户需求，分析客户需求，即分析客户想建立和解决的问题和目标，以及相关条件和要求。 作为网络设计师，在分析客户的需求时，明确客户要创建的网站类型，了解客户想在网站上发布的信息是很重要的。 第一章商务网站概述-客户需求分析-网站计划，3

8、2，PPT学习交流，一，行业背景分析-PEST方法，第一章商务网站概述-客户需求分析-网站计划，33，PPT学习交流-波特五力模型分析， 第一章商务网站概述-客户需求分析-网站计划，34，PPT学习交流，二，典型网页分析，一，典型网页选择，我们设计时能看到哪些网页？ 参考标准：用户体验(竞争对手)，35，PPT学习交流，第一章商务网站概述-客户需求分析-网站规划，评价度分析，36，PPT学习交流，第一章商务网站概述-客户需求分析-网站规划，2 客户所属的企业和竞争对手在目标受众群体、产品和服务特性、业务模式等方面具有一定的相似性和一致性。 其典型的竞争网页风格是设计师认真考察和参考的对象。 重

9、点分析考察了两个方面：网页配色、网页布局、37、PPT学习交流、第一章商务网站概要-客户需求分析-网站专栏计划、3、网站内容分析、典型竞争网站，客户想创建网站的通过分析其内容结构和页面内容组织，可以为进一步与顾客交流、明确需求、提交资料收集清单等工作提供明确的线索。 重点分析考察了两个方面：网站内容结构、网站内容组织、38、PPT学习交流、第一章商务网站概要客户需求分析网站专栏规划，网站内容结构是网站频道、专栏、网站中小商业网站经常删除频道的概念，统称为专栏结构。、网站的内容结构、网站的列结构、39、PPT的学习交流、第一章商业网站的概述-客户需求分析-网站的列计划，网页的内容组织是指组织和优

10、化应该在网页上呈现的内容，最终、网页内容组织、40、PPT学习交流、三、网页原型分析、第一章商务网站概述-客户需求分析-网站规划，网页原型是网页设计的最终作品模拟图，用笔和纸直接制作简单的形象图，w 用Excel制作简单的框架图，使用专业工具制作在竞争对手的网站上制作的web原型，通过web原型，和客户需要深入研究的几个问题：1、网站建设的目的、目的3、网站产品和服务的定位，41、PPT学习交流、技能训练1-2、一网市作为东北三省首个地区电子商务平台，是一个集网络交易、网络物流配送、电气商务综合服务为一体的电子商务平台。 仔细分析主页的内容，在线访问其主要功能，总结了体验度的分析。42、PPT

11、学习交流、学习内容、第一章商务网站概要客户需求分析网站规划、43、PPT学习交流、第三节网站规划、网站规划，实际上是网站内容的高级提取。 在明确网站的商业诉求后，必须明确认识网站的定位，然后对网站内容进行分类，用最简洁的语言提取网站各部分的内容，形成明确的专栏结构。 第一章商务网站概述-客户需求分析-网站规划，44，PPT学习交流，示例：第一章商务网站概述-客户需求分析-网站规划，45，PPT学习交流，第一章商务网站的第一章商务网站概要-客户需求分析-网站规划原则1 :简洁明了，层次明确原则2 :重点，合理定位原则3 :尊重客户，容易阅读，46，用PPT学习交流，1，栏设置的基本原则，第一章商

12、务网站概要-客户需求分析-网站栏开门见义，3，层次清楚，4，设置交互式交流课栏，5，提供下载课栏，企划要点：47 PPT学习交流，二，网站栏的企划，第一章商务网站的概要-顾客需求分析-网站栏的企划，网站确定了方向后，就可以围绕该方向收集相关资料，查找相关文章，汇总成适当的栏。 为了确定网站栏的结构，在考虑网站栏的层次结构的同时，还必须设计网站栏的链接结构。48、PPT学习交流、1、网站内容定位、第一章商务网站概述-客户需求分析-网站专栏规划、网站内容定位、应明确考虑的三个问题：网站最重要的信息是什么？ 提高阅览者信赖度的信息是什么？ 目标参与者小组想知道什么信息？ 49、PPT学习交流，第一章商务网站概述-客户需求分析-网站栏规划，强调合理诉求的网站，根据事实，以产品和技术为中心，增强产品和技术内容的视觉冲击和魅力，网站栏的设置也以此线索组织。 50、PPT学习交流、第一章商务网站概述-客户需求分析-网站栏规划、强调感性诉求的网站多以建立面向服务、企业形象为主。 这种网站一定要重视网站的风格设计和创造性，以感性诉求为主。 为了强调产品和服务的价值感，网站栏的设定必须表现和建设特殊的企业文化和团队气氛。、51、PPT学习交流、2、网站栏结构、第一章商务网站的概要-客户需求分析-网站栏结构、三级栏结构：52、PPT学习交流、2、网站栏结构、第一章商务网站的概要-客户需求分析-网