BTB资讯网网站建设(精).pptVIP

* * BTB资讯网网站建设 ——网站引导页面设计 任务编号：2-2 地 点： 网影科技有限公司网页设计部 时 间： 上午8：30 主 持： 网页设计部项目总监 参加人员：网页设计部各项目组经理及成员 会议议题：城市规划展览馆网站建设项目中网站引导面设计 创建情境 网页设计部每周例会 前期已完成任务： 概要设计，提交网站建设方案 提交设计草图 需求分析 完成ps中首页面制作 根据网站建设进程，本周完成网站引导页面设计 项目经理安排人员分工 分析任务 查找资料 初稿试做 准备汇报材料 1.工作汇报 （1）组内分工情况 （2）任务完成情况 （3）展示成果 5.BTB项目代表指出问题 6.各项目组相互点评，提出解决方案 8.修改完善方案 9.总结规范 2.针对汇报，提出问题 3.评价核实任务完成情况 4.按考核标准评分 7.对难点进行技术指导 创新设计 汇报创新方案 点评方案，总结归纳 布置新任务 教师(项目总监) 学生（项目经理和项目组成员） 完成方案 方案创新 任务前期准备 任务执行 讨论分析与解决 思 路 分析导入页面动画的设计思路 分析网站动态导航条的设计思路 分析动态Banner条的设计思路 导入页面 如何设计动态文字效果 如何设计图片按钮的动态效果 样例 导航条 如何控制菜单的移动动作 样例 如何设置按钮行为，以对菜单进行控制 讨论分析与解决 Banner 如何根据不同页面中Banner的背景设计合适的动态效果 样例 导入页面样例 导航导样例 讨论分析与解决 缩放+移动位置 解决方法 导入页面 1. 如何设计动态文字效果 1. 正文文字由大到小然后消失； 2. 场景图片有无到模糊到清晰展现； 3. 左上角标题文字从无到有 4. 左上角英文标题从无到有，并抖动；伴随出现一条从无到有慢慢延伸的白线； 讨论分析与解决 图片切换 解决方法 1. 图片按钮出现顺序：从上到下依次播放，并停止。 2. 图片按钮效果： Pop时： 图片模糊（Alpha 设置为60%）； Pass时：图片的Alpha由60%到正常，并停止播放； Press时：图片保持不变，点击图片按钮，则播放相应的大图。 3）大图动画：正常情况在bg_Pic01，触发后原图消失，按钮对应的大图从无到清晰展示。 导入页面 2. 如何设计图片按钮的动态效果 讨论分析与解决 图片按钮 添加行为 解决方法 释放按钮时，转到bgpic影片的相应帧，并停止播放；bgpic影片的第1帧为1张pop时的图片（bg_Pic01）。 对于Btn01，转到第2帧播放（bg_Pic01）； 对于Btn02，转到第3帧播放（bg_Pic02）； 对于Btn03，转到第4帧播放（bg_Pic03）； 对于Btn04，转到第5帧播放（bg_Pic04）； 对于Btn05，转到第6帧播放（bg_Pic05）； 导入页面 2. 如何设计图片按钮的动态效果 讨论分析与解决 图片按钮 添加行为 *