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