第1章商务网页设计导引ppt课件.ppt

商务网页设计与制作 商务网页设计导引 第一章 了解网页的基本构成及主要元素了解常见的商务网站类型掌握客户需求分析的途径和方法能合理规划设计网站栏目 学习目标 学习内容 第一章 商务网站概述 客户需求分析 网站栏目规划 第一节商务网站概述 商务网站 是经营性组织为实现其商业目标而建立的网站 准确表达和有效传递企业组织的商务诉求 是这类网站网页设计时要考虑的重点和难点 第一章 商务网站概述 客户需求分析 网站栏目规划 一 商务网站类型 依据商务诉求侧重点的不同 可分为以下几类 第一章 商务网站概述 客户需求分析 网站栏目规划 企业网站 行业网站 网上商城 资讯网站 1 展示型企业网站 第一章 商务网站概述 客户需求分析 网站栏目规划 2 功能型企业网站 第一章 商务网站概述 客户需求分析 网站栏目规划 3 综合型行业网站 第一章 商务网站概述 客户需求分析 网站栏目规划 4 垂直型行业网站 第一章 商务网站概述 客户需求分析 网站栏目规划 5 综合型网上商城 第一章 商务网站概述 客户需求分析 网站栏目规划 6 垂直型网上商城 第一章 商务网站概述 客户需求分析 网站栏目规划 7 品牌型网上商城 第一章 商务网站概述 客户需求分析 网站栏目规划 8 门户类资讯网站 第一章 商务网站概述 客户需求分析 网站栏目规划 9 垂直资讯类网站 第一章 商务网站概述 客户需求分析 网站栏目规划 10 分类信息网站 第一章 商务网站概述 客户需求分析 网站栏目规划 二 网页构成 1 网页的空间结构 1 网站LOGO 2 网站名称 3 导航条 4 Banner 5 网页正文区 6 网页底部 第一章 商务网站概述 客户需求分析 网站栏目规划 2 网页的逻辑结构 网页的基础 网页的条理 网页的显示 网页的互动 第一章 商务网站概述 客户需求分析 网站栏目规划 3 网页组成元素 文字 图片 动画 背景音乐 视频 表单 脚本程序 第一章 商务网站概述 客户需求分析 网站栏目规划 三 网页风格 要点 网页风格就相当于网页的外衣 是指网页设计时使用的文字 颜色 布局等的组合搭配给人带来的视觉印象 商务网页并不是纯粹的艺术设计作品 应围绕准确表达商务诉求 能被大多数浏览者接受和理解来确定页面风格 第一章 商务网站概述 客户需求分析 网站栏目规划 1 韩版风格 特点 大幅用图 且画面精美 颜色鲜艳 文字样式及图片排版活泼 优美 第一章 商务网站概述 客户需求分析 网站栏目规划 2 欧版风格 特点 页面内容部分结构比较清晰 板快分明 页面颜色的使用主次分明 有较强的平面感 第一章 商务网站概述 客户需求分析 网站栏目规划 3 中式风格 特点 气势磅礴 高贵典雅 独具韵味 页面具有平衡 和谐 庄重之美 第一章 商务网站概述 客户需求分析 网站栏目规划 4 其它风格 1 Web2 0风格 版块之间划分非常清晰 界限非常分明 页面简洁规整 以非彩色搭配彩色为主 网页的logo banner 导航区界线分明 第一章 商务网站概述 客户需求分析 网站栏目规划 4 其它风格 2 印刷体风格 采用衬线字体 大标题 多列式布局 大幅配图 页面具有强烈的平面媒体效果 第一章 商务网站概述 客户需求分析 网站栏目规划 4 其它风格 3 简约风格 大量留白 仅保留最基本的内容元素 从而让展示出来的元素具有最大的视觉冲击力 第一章 商务网站概述 客户需求分析 网站栏目规划 讨论 浏览长职院网站 说一说它的设计风格是什么 技能训练1 1 访问你所在地区一家知名企业的网站 分析网站首页的空间结构 并将相应的分析结论填入表1 1中 学习内容 第一章 商务网站概述 客户需求分析 网站栏目规划 案例 近年来 浏阳市委 市政府不断为企业探索创新营销方式 一方面着手建立全球化营销网络 推行整体营销策略 目前已与世界100多个国家和地区建立了长期性的合作关系 另一方面以电子商务为主导 采用现代化信息手段实行网上直销 此前所做电子商务就是把产品拍成数码图片 在商务网站发布供求信息和广告 现在越来越多的企业和个人在网上开店甚至直接建立供求信息网站 据某烟花网的总经理透露 自网站改版半年多的时间以来 已有2600多位英文会员 2300多位中文会员 他们在网上做生意 上网卖产品 上网买原材料 上网找客户等等 讨论 企业建立网站 如何设计适合的网页 客户导向 第二节客户需求分析 客户需求分析 即分析客户建立网站想要解决的问题或要达到的目标 以及相关的条件和要求 作为网页设计人员 在分析客户的需求时 关键是要明确客户要建立的网站类型 并了解客户想要通过网站展示的信息 第一章 商务网站概述 客户需求分析 网站栏目规划 一 行业背景分析 PEST方法 第一章 商务网站概述 客户需求分析 网站栏目规划 波特五力模型分析 第一章 商务网站概述 客户需求分析 网站栏目规划 二 典型网页分析 1 典型网页的选择 什么样的网页是我们设计时可以参照的网页 参考标准 用户体验度 竞争对手 第一章 商务网站概述 客户需求分析 网站栏目规划 用评价验度分析 第一章 商务网站概述 客户需求分析 网站栏目规划 2 网页表现形式分析 客户所在企业与竞争对手在目标受众群体 产品或服务特性 业务模式等方面存在着一定的相似性 甚至一致性 其典型竞争对手网页的风格是设计师可以认真考察和借鉴的对象 重点分析考察两个方面 网页配色 网页布局 第一章 商务网站概述 客户需求分析 网站栏目规划 3 网站内容分析 典型的竞争对手网站 可以说就是客户想要建立的网站内容结构的蓝本 通过分析其内容结构及页面内容组织 可以为与客户进行进一步沟通 明确需求 给出资料搜集清单等工作给出明确的线索 重点分析考察两个方面 网站内容结构 网页内容组织 第一章 商务网站概述 客户需求分析 网站栏目规划 网站内容结构是指网站频道 栏目 子栏目 专题等组成结构 中小型商务网站往往去掉频道的概念 统称为栏目结构 网站内容结构 网站栏目结构 第一章 商务网站概述 客户需求分析 网站栏目规划 网页的内容组织是指对网页需要呈现的内容进行信息序化和优化 最终确定在合适的位置放置合适的内容 准确地向浏览者传递要表达的商务诉求 网页内容组织 三 网页原型分析 第一章 商务网站概述 客户需求分析 网站栏目规划 网页原型是网页设计最终作品的模拟图 可以有以下形式 使用笔和纸直接绘制简单的示意蓝图在word Excel中创建简单的框架图基于竞争对手网页制作的网页原型使用专业工具制作的网页原型 通过网页原型 重点要与客户进行深入的探讨几个问题 1 网站建设的目的 2 网站服务对象 3 网站产品和服务定位 技能训练1 2 一网全城作为东北三省首家区域性电子商务平台 集线上交易 线下物流配送 电商综合服务为一体的电子商务平台 学习内容 第一章 商务网站概述 客户需求分析 网站栏目规划 第三节网站栏目规划 网站栏目的规划 其实也是对网站内容的高度提炼 在明确了网站的商务诉求后 要对网站的定位形成一个清晰的认识 在此基础上 对网站的内容进行分类 用最简练的语言提炼出网站每一个部分内容 以形成清晰的栏目结构 第一章 商务网站概述 客户需求分析 网站栏目规划 示例 第一章 商务网站概述 客户需求分析 网站栏目规划 一 栏目设置的基本原则 第一章 商务网站概述 客户需求分析 网站栏目规划 原则一 简洁明了 层次清晰原则二 突出重点 合理定位原则三 以客为尊 方便浏览 一 栏目设置的基本原则 第一章 商务网站概述 客户需求分析 网站栏目规划 1 突出网站主题 2 开门见义 3 层次分明 4 设置互动交流类栏目 5 提供下载类栏目 策划要点 二 网站栏目的策划 第一章 商务网站概述 客户需求分析 网站栏目规划 网站栏目的策划 首先要考虑网站的定位 网站的方向是什么 当确定了一个方向后 就可以围绕这个方向去搜集相关资料 寻找相关文章 并整理为相应的栏目 在确定网站栏目结构时 既要考虑网站栏目的层次结构 还应设计好网站栏目的链接结构 1 网站内容定位 第一章 商务网站概述 客户需求分析 网站栏目规划 网站内容定位 要考虑清楚的三个问题 网站最重要的信息是什么 哪些信息可以提升浏览者的信任度 目标受众群体可能还想了解的信息有哪些 第一章 商务网站概述 客户需求分析 网站栏目规划 强调理性诉求的网站 以事实为依据 以产品或技术为核心 强化产品或技术内容的视觉冲击力和吸引力 网站栏目的设置也以此线索组织 第一章 商务网站概述 客户需求分析 网站栏目规划 强调感性诉求的网站 大多以服务为导向 以树立企业形象为主 这一类型的网站 一定要注重网站的风格设计和创意 以感性诉求为主 网站栏目的设置要着意渲染或营造一种特有的企业文化或团队氛围 来突出产品或服务的价值感 2 网站栏目结构 第一章 商务网站概述 客户需求分析 网站栏目规划 三级栏目层次结构 2 网站栏目结构 第一章 商务网站概述 客户需求分析 网站栏目规划 树形链接结构