雪润网站内容设计首页设计的评析

商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 0 关于雪润网站内容设计关于雪润网站内容设计 首首 页页 设设 计计 评评 析析 班级 班级 信息信息 0902 学号 学号 14 姓名 姓名 马韦龙马韦龙 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 1 目录目录 一 评价分析 2 一 信息结构 2 1 栏目设计 2 2 导航设计 4 3 整体风格 4 二 首页设计 5 二 对比选择 5 三 建议补充 5 1 产品展示应更为明显 6 2 产品展示应设更多子栏 6 3 应增设公司介绍 6 4 友情链接应明显 6 5 图片中增加广告宣传语 6 四 最终效果图 6 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 2 一 评价分析一 评价分析 此部分 我将从网站的信息结构 首页设计的各种基本元素的内容设计角度进行分析 和评价 一 一 信息结构 信息结构 信息结构包括栏设计 导航设计 整体风格这几方面 本小节我将从以上几方面 对 网络学堂所给的首页小样进行分析与评价 1 栏目设计 栏目设计 1 小样 1 2 小样 2 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 3 3 小样 3 对比分析 对比分析 栏目规划的目的是为了确定站点的网站结构及栏目细节 通过对三个小样的仔细分析 我按照小样进行了绘制 得到了如上三张小样的网站结构图 通过比较分析 不难看出小 样 1 与小样 2 在整体网站结构上相似 但有略微不同 小样 1 中有 产品展示 小样 2 中 没有 这不利于浏览者了解产品具体的样式 无法给浏览者以直接的视觉感受 小样 2 中 有 加盟信息 但小样 1 中没有 这不利于加盟的进一步宣传 阻碍了公司的扩大 两者虽在网站结构上都有所缺失 但网站应有的内容 两个小样中都包括了 其中 最为重要的 网站标志 与 网站导航条 两者都有 并且为之醒目 有助于用户在线体 验 公司动态 与 公司介绍 可以让浏览者更加深入的了解公司的发展历史以及现状 以增加对公司企业的信赖感 联系信息 与 版权所有信息 也在网页中表明 可以方便 浏览者与公司进行联系 与小样 1 小样 2 相比 小样 3 集合了两个小样的优点 将 产品展示 与 加盟信 息 放入结构中 并进行了一些变化 增添了 中英切换 宣传语 信息公告 网 上商城 相关链接 与 站内搜索 这几个结构 在网页内容丰富的同时 也让其功能 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 4 更加完全 中英切换 可以根据浏览者的语言喜好进行调整 以适应使用不同语言的浏览 者 宣传语 可以让浏览者明确公司的经营理念 了解公司的产品风格 信息公告 可 以让浏览者更为直接与迅速的了解公司的最新信息 网上商场 对于公司网站来说至关重 要 它可以实现在线销售 而这对于一个公司来说 是一个必需占领的市场 相关链接 可以让浏览该网页的浏览者进一步浏览相关页面 从而进行深层次浏览 站内搜索 可以 增添用户浏览体验 让浏览者在更短的时间内找到自己所需要的内容 综合比较小样 1 小样 2 与小样 3 虽然三者在样式结构上基本相同 但明显小样 3 所 包含的内容结构略多于小样 1 与小样 2 且其结构分明 有序 有效增强页面浏览感受同 时 提升了浏览者在线体验 有助于公司宣传以及产品的销售 2 导航设计 导航设计 1 小样 1 与小样 2 2 小样 3 对比分析 对比分析 全局导航 作为出现在网站的每一个页面上一组通用的导航元素 以一致的外观出现 在网站的每一页 扮演着对用户最基本的访问方向性指引 此案例中的小样 1 小样 2 与 小样 3 采用了并列式导航条 所有的导航内容都是处于同一个层次的 分别索引不同的栏 目 小样 1 与小样 2 的网站导航相同 包括了 解读雪润 产品展示 雪润动态 销售网络 加盟雪润 招贤纳士 与 联系雪润 这几个元素 这几个元素让浏览 者可以进一步了解公司历史以及最新动态 展示产品详细资料与销售网络 同时还有联系 方式 以便可以招揽加盟者与工作人员 完善了网页结构的同时 可帮助用户快速地找到 自己所需的信息 发挥了导航条的作用 小样 3 与小样 1 和小样 2 相比 在行首增加了 首页 这一元素 可以让浏览者在浏 览其余子页面的时候快速返回首页 增添了浏览体验 3 整体风格 整体风格 网站风格指站点的整体形象给浏览者的综合感受 通过站点的外表 内容 文字 交 流可以概括出一个站点的个性 进而反应出网站主体的个性 包括 标志 版面布局 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 5 浏览方式 交互性 文字 语气 内容价值 存在意义 等诸多因素 小样 1 小样 2 的风格一致 主色调为蓝色与白色 字体大小适中 能突出反映主题 其版面布局为 口 型布局 充分利用版面 且信息量大 但这样的布局略显页面拥挤 不够灵活 小样 3 的整体风格与小样 1 和小样 2 相同 它采用的也是 口 型布局 但相比于前 两个布局 小样 3 克服了布局拥挤的缺点 将原本拥挤 杂乱的布局按照其内容和应用性 进行划分 并有条理的安排在页面中 使得网站内容充实的同时又不显得信息拥挤 增加 了浏览者的在线体验 二 二 首页设计 首页设计 在首页设计中 三个小样基本一致 其优点总结如下 1 结构清晰 导航基于信息本质 没有太多花俏的图片 对细节专注 3 采用合理的分栏结构来进行疏密有致的页面布局 4 主体色彩与辅助色彩搭配的协调性高 采用与公司和产品相符的蓝色 绿色与 白色 宁静高雅 沉稳大方 且字体与颜色醒目 利于浏览 5 配图个性鲜明 与页面背景协调 且图片进行统一的处理效果 整个页面浑然 天成 首页设计美观和谐 一气呵成 文本信息丰富 但小样 1 与小样 2 同时犯了一个致命 错误 网站首页中的单一图片占地超过了整个版面的 1 2 巨大的图片占用了过多的版面 使得首页无法将更多的有用信息展示出来 相比而较 小样 3 缩小了图片 是的其不失美 观与宣传作用的同时 减少首页版面的占用空间 将空间留给其余内容 是的网站能够传 递更多实用信息 二 对比选择二 对比选择 综合以上首页设计 栏目设计 导航设计与整体风格这几大要素 将小样 1 小样 2 与小样 3 进行比较分析 最终小样 3 较前两者而言更符合网站首页设计风格 拥有更多的 首页元素 所以 我认为小样中最终获选方案应为方案 3 三 建议补充三 建议补充 虽然方案 3 相较于方案 1 与方案 2 有其优越的地方 但是方案 3 也有自己的不足 我将针对方案 3 中的几点问题提出自己的补充建议 使其更加符合首页设计和网页设计的 商务网站规划与建设 网站内容设计首页设计评析 信息 0902 14 马韦龙 6 各种原则 1 产品展示应更为明显 产品展示应更为明显 作为网络营销的媒介 网站首页中的产品展示应更加明显 个人认为 应将产品展 示放于首页中间的鲜明地方 让浏览者一眼看到产品 并且对该公司有第一直观感受 2 产品展示应设更多子栏 产品展示应设更多子栏 在首页原本有限的空间内进行产品展示 其丰富性与内容性有所限制 所以应该增 设更多且内容分类明确的子栏 更多子栏的选择 浏览者可了解到更多的产品 引发浏 览者的购买欲 3 应增设公司介绍 应增设公司介绍 在首页中 不光要有公司产品 更重要的是要有关于公司的介绍 了解一个企业 才能更好的了解其经营理念以及产品 所以应当在首页中增添公司介绍一项 便于浏览 者快速了解公司背景及相关信息 4 友情链接应明显 友情链接应明显 方案 3 中虽有友情链接 但不为明显 且没有鲜明标识表明此为友情链接 应增加 友情链接 标识 同时增加公司相关链接 以方便浏览者浏览 5 图片中增加广告宣传语 图片中增加广告宣传语 图片作为整版中最