网页设计(一)-Web-Design.pptVIP

网页界面设计 Web User Interface 主讲人：赵娅琼 第一章：网页设计概述 “新媒体 新设计”（教学时间：8课时）04.06-04.08 教学目标 初级目标： 让学生了解相关的网络知识、网页与网站的关系、网页设计的流程、网页设计团队的合作关系以及网站设计的整体规化与布局。 教学内容 1.网页设计概述 2.网站整体设计 课时分配 1.网页设计概述 （3课时） 2.网站整体设计 （7课时） NO.1 www:web概述 NO.2 Web设计：新媒体，新设计 网站与网页 “用、美、爽”WEB设计的三目标 Web设计流程 分工与各作：WEB设计团队 网站与网页与界面 WEB设计的三目标 Web设计流程 分工与合作：WEB设计团队 网站设计团队与分工 “谋定而动”——网站整体设计 第二章 网站整体设计 NO.1 明确站点的目标与需求 知识点： 建站意图：为什么要建立一个网站 为谁而建：用户、用户、用户 “类型片”：定义站点类型 站点目标：行动的指南 讲解 NO.2 站点整体规划与设计 内容：站点的内涵与价值所在 功能：不再只是内容 交互设计 架构：逻辑与组织 网页界面：规化与设计 视觉：形象和风格 案例 NO.3 技术与实现 创意与探索：设计草图与原型 详细草图 页面效果图 站点的蓝图：网站计划书 NO.4 设计之前的准备 明确网站主题 案例 相关背景材料分析 目标用户群 如何达到设计的目的 NO.5 网站策划书 网站策划实例 本段小结 本阶段主要让大家在宏观上对网页设计有一个清晰的认识 ，知道什么时网站、网页、网页界面。 并且进一步学习，要完成一个网站开发需要经历哪些步骤； 设计在里面的角色。 第一章：小结 明确网站主题 相关背景材料分析 目标用户群分析 如何达到设计的目的 1、网站的主题确定网页的表现形式，定位要小、内容要精； 2、题材定位要适合。“太滥”指到处可见，“目标太高”是指在这一题材上已经有了非常优秀、知名度很高的站点，想要超过他比较困难。 分析行业资料 行业调查和 同类站调查 行业知 识的积累 分析宣传册 分析电视广告 分析企业VI 分析行业背景 明确主题的过程，就是找出客户的优势、特色和行销的方式以及目的的过程，。 门户类网站：目标用户群分散 专题类网站：目标用户有个性和爱好上的共同点； 平台式网站：除了内容丰富外还可以有效地满足目标用户对网站的要求； 4 3 2 1 [策划书] [网页内容安排] [口号的作用] [网站的可信度] 建设网站前的市场分析 建设网站前的市场分析 网站技术解决方案 网站内容规划 网页设计 网站维护 网站测试 网站发布与推广 网站建设日程表 费用明细 策划书内容 网站策划实例 娱乐网站结构策划书分析 策划书的编写 1.复杂设计简单化 2.符合用户心理和实际操作 对重要关键的信息进行隐藏 对于填写表单验证步骤的繁琐； 填写不必要的信息； 设置垃圾信息。 换位思考用户的实际运用； 注重图文结合方式，将单调的文字变化为易懂的图形； 采用标准样式风格，体现网站风格。 3.注意网站易用性 策划书 网站目录结构 链接结构 进行整体风格 创意设计 草图绘制 效果图实现 设计思维 视觉实现 * * 主讲教师：赵 娅 琼 高级目标： 在掌握上述要求基础之上综合应用各种知识能进行网页仿制。 中级目标： 让学生了解相关的网络知识的基础上进行临时摹再创意 教学重点 教学难点 让学生了解行业规则，以及行业分工，还有网页设计和工作性质； 网页设计的整站设计规划要在宏观上面有清晰的认识。 网页设计的整站设计规划要在宏观上面有清晰的认识。 从项目发起到项目发布中间所经历的过程及注意事项。 教学方法 教学过程 讲授法 演示法 体验法 服务端 客户端 向服务器发出请求 服务器向应，回发数据 运行客户端程序（如浏览器等）负责请求，解释和显示WEB信息 机器性能强大，速度快，容量大，存有大量的文件，数据等信息资源，并运行各种服务端程序进行复杂的信息处理，以响应客户端的信息请求。 World Wide Web 网站 网页 web site web page 网站设计 网页设计 静态网页设计与动态网页设计，可根据用户交互动态地改变内容及外观。 总体策划，内容准务，形象定位，界面设计，功能实现，域名申请，站点的后勤管理以及版权问题。 “皮毛”关系 界面 网页中的“脸面” 用 美 爽 三大目标 使用： 有用、可用、易用 美观： 在用的基础上创建站点的独特形象，提升站点的艺术美感，给用户带来美的享受。 体验： 与使用者的交互性 项目发起 发布 维护 更新