网站设计-毕业设计说明.doc

毕业设计（论文）题 目 Torrens网站设计 系 (部) 数字媒体系 专业（方向） 图形图像制作（计算机） 班 级 学 生 姓 名 指 导 教 师 总 成 绩 职业技术学院教务处制2009年12月毕业设计（论文）过程检查表时间安排阶段性工作重点和教师指导内容完成情况初 期1、根据客户需求确立主题、开始构思。2、大致确定以蓝色调作为网站整体风格3、下载960gs栅格系统作为设计基本框架。4、在Photoshop中完成网站首页，并不断调整细节部分及整体效果。本阶段有本人独立完成中 期5、客户确定初稿，并列出网站所需板块6、根据相关资料制作Mindma p思维导图7、用Flash制作网、站顶部动画效果（背景白云、 导航、幻灯效果 slideshow）8、使用Notepad+编写符合标准的HTML结构9、使用photoshop将PSD原稿转换为实际网页 效果10、配合jQuery以及相关插件制作首页新品推荐 栏以及产品页的Lightbox灯箱效果11、根据Mindmap逐步完成整站效果 公司内部审核，通过审核并发送客户确认本阶段有本人独立完成后 期12、根据客户反馈信息再次调整部分细节13、调试ie6bug并修复。14、基本完成整站效果，待客户提供网站内容。本阶段有本人独立完成指导教师签字： 年 月 日系部负责人签字： 年 月 日学生毕业设计、论文或作品等的说明网页UI设计与用户体验=网页设计的作用在于展示企业形象，并协助、指导用户顺利完成访问目标及任 务流程。网页设计与用户体验探讨网站外观与界面设计的用户易用性。由新竞争力 网页设计师通过大量 案例阐述影响用户体验的网页设计问题。涉及用户需求分析、网站整体风格和 品牌形象、“实用”与“美观”的平衡点、网站导航设计、网站界面布局、网 站视觉元素设计等网页设计主题。 网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用 户习惯的方式呈现。同时网站的外观设计还要通过对用户行为的引导服务于网 站的运营目标。时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观 设计而忽略了最根本的企业的行业属性，过于注重视觉效果，网站美观有余实 用不足。1、试着去了解用户网页设计师在进行网站的外观设计之前，不妨先去思考几个问题谁是你的目标用户？目标用户具有什么特点？你的网站运营目标是什么？如何让你的设计真正为传递网站内容和产品价值而服务？你的设计能否给目标用户带来更好的体验？网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用 户习惯的方式呈现。同时网站的外观设计还要通过对用户行为的引导服务于网 站的运营目标。时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观 设计而忽略了最根本的企业的行业属性，过于注重视觉效果，网站美观有余实 用不足。2、网站整体风格和品牌形象网站的整体风格是网站外观设计的指导思想。视觉元素、CSS、布局方式、浏 览器兼容性等视觉表现形式都要服从于网站的整体风格。确立网站整体风格有助于品牌形象的塑造，而网站的品牌理念对网站的整体风 格也有着重要的影响。网站的品牌形象不仅是现有的品牌在网上的延伸，还能 给用户带来更多的符合期望的品牌体验。3、风格要突出企业/产品的个性气质企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，比如套用模 板程序做出来的网站通常就难以体现个性气质。很多创意类的工作室或者广告公司的网站常常喜欢采用红黑，黑白这样对比强 烈的颜色。以此来体现网站的品牌气质，使网站整体显得个性张扬，饱满精致4、 网站界面布局网站界面的布局方式、展示形式直接影响用户使用网站的方便性。合理的页面 布局令用户快速发现 网站的核心内容和服务；如果页面布局不合理，用户不知道如何开始获取所需 的信息、或者怎么执行操作来获得相应的服务，那么他们就会离开这个网站， 甚至以后都不会再访问这个网站。界面布局的基本原则是既要体现网站运营的重点，又要兼顾用户访问行为习惯5、界面布局与内容的相关性网站的界面布局与网站内容架构息息相关。网站界面布局应遵循用户浏览习惯 和网站的信息规划，将内容合理有序的呈现在用户面前，使重要信息置于页面 重要板块得以重点体现。同时网站的界面布局也反映出网站的运营思路，并对 最终的营销结果产生影响。6.网站界面设计的兼容性网站界面设计还应考虑浏览器兼容性，即要适合大多数用户的浏览环境，使他 们都能正常的浏览。随着Web标准的推广和应用，将网站界面的表现与形式分离，更具灵活性和适 应性的方式在网站建设中越来越受推崇。要做到网站界面在各浏览器和分辨率 下相兼容，不妨第一步就从web标准化的运用开始。目前网站界面的主流分辨率主要指1024px768px，04年以后大约60%以上的 网民采用此分辨率。而随着液晶显示器的普及，1280px1024px分辨率将会有 更多人使用。因而网站界面设计应该在保 证主流分辨率的基础上，争取做到兼顾适应未来分辨率的趋势。同理，网站界面目前对应的主流浏览器仍然是IE5.5以上，火狐firefox的市场份 额近年也不断增加，设计师要做到网页在以上浏览器下均能正常浏览。Torrens网站设计作品说明=网站导航设计网站的导航机制是网站内容架构的体现，网站导航是否合理是网站易用性评价 的重要指标之一。 网站的导航机制一般包括全局导航、辅助导航、站点地图等体现网站结构的、 对用户进行引导的因素。 通过使用Flash制作了非常动感的导航，增强了用户的互动体验。同时也是本网 站的难点很突破网站Banner/Slideshow通过网站本站Slideshow来展示公司最新产品，或者是想要传达给客户的健康 理念，都可以使用精心制作的广告图来表现。让浏览者第一眼就记住它。这就 是顶部Slideshow的重要作用结束语=经过两个月的奋战我的毕业设计终于完成了。在没有做毕业设计以前觉得毕业设计只是对这几年来所学知识的单纯总结，但是通过这次做毕业设计发现自己的看法有点太片面。毕业设 计不仅是对前面所学知识的一种检验，而且也是对自己能力的一种提高。通过这次毕业设计 使我明白了自己原来知识还比较欠缺。自己要学习的东西还太多，以前老是觉得自己什么东 西都会，什么东西都懂，有点眼高手低。通过这次毕业设计，我才明白学习是一个长期积累 的过程，在以后的工作、生活中都应该不断的学习，努力提高自己知识和综合素质。在这里，我要感谢冯老师在毕业设计上给我的指导及帮助，还有从大一到大三教过我的所有 老师，谢谢你们。以及所有给予我帮助的朋友，同事，亲人！有你们的关心和帮助才使得我 有了前进的方向和无限光明的未来毕业设计参考来源=/ / / / /使用工具及技术=Adobe Photoshop CS4Adobe Illustrator CS4Adobe Flash CS4 Professional + SlideshowproNotepad+ (Windows) Textmate (Mac OS X)jQuery + Easing v1.3 + slideViewer 1.2 .etc毕业设计（论文）指导教师评语（指导教师评语要从选