文档介绍：成绩
《UI设计课设》
报告书
课程题目: 网站界面设计与制作
系别:
专业:
班级:
学号:
姓名:
教师:
设计时间:
目录
2
3
(一)优秀网站界面作品展示: 3
(三)分析优秀作品的信息构架 4
(四)分析优秀作品的创作和制作方法 5
—前期创意准备工作 5
(一)分析网站主题 5
(二)构思创意、绘制草图(略) 5
(三)参考素材展示 5
——欢迎界面 6
(一)处理和绘制图形图像(略) 6
(二)制作界面背景:采用幽夜蓝来烘托虚幻与神秘感。 6
(三)编排主要视觉信息 6
第五章. 网站界面设计与制作——首页界面 7
(一)设计界面结构构架:采用经典的三段式设计,使层次分明、梯度得当。 7
(三)细化完成 8
第六章. 网站界面设计与制作——二级页界面 8
(一)处理界面结构构架(同欢迎界面) 8
(二)调整界面色彩:底色不变为幽夜蓝,深度稍微调深了显得更有神秘感。 9
(三)编排界面图文内容 9
第七章. 网站效果的真实呈现——Ps与Dreamweaver的深度结合 10
第八章. 总结 10
11
第十章. 作品附录 12
UI的本意就是用户界面,而用户界面是人与机的交互,要使人机交互和谐、沟通顺畅,就必须设计出符合人机操作的简易性、合理性,来拉近人与机之间的距离。在发展迅速的互联网科技信息时代,知识在不断更新,科技越来越发达,界面的设计工作渐渐地被重视起来。一个网站拥有美观的界面会给人们带来舒适的视觉享受与操作体验,是建立在科学技术性上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,更不是设计师的个人意愿,而是终端用户的感受,UI设计就是为了实现这些和谐、舒适、协调、美观而产生的,目的就是设计出更加合理的人机交互界面,实现人机交互的合理性,实现UI设计的价值意义。本文的主要内容就是针对网站界面的UI设计进行了相关的阐述,来进一步探究UI设计的重要性。
21世纪的今天,科技、经济、人们的生活方式较以往发生了巨大的改变,是人类的进步推动了社会的发展。互联网的发明给人们的生活方式带来了新的改变,互联网代表着一种崭新的信息交流方式,它使信息的交流与传播打破了地域上的限制,扩大了信息交流与传播的范围,提高了速度与效率。当今是科技的时代,更是信息发达的时代,信息的作用在社会发展中占有举足轻重的地位,而目前互联网的信息传播方式大都展现在网站上,而网站的类型又是多种多样的,不同的类型给人们传达的信息方式也是不一样的,但是他们都有一个共同的特点,就是通过网站内部模块、图文信息、服务方式等将信息传达给人们,那么这么多类型的网站,究竟什么样的网站才更适合人们获取准确、清晰的信息呢,这就关乎到网站界面的UI设计。 
用户界面是人与机的交互,要使人机交互和谐,沟通顺畅,就必须设计出符合人机操作的简易性、合理性,来拉近人与机之间的距离。在发展迅速的互联网科技时代,知识在不断更新,科技在进一步发达,界面的设计工作越来越受到人们的重视,其实界面设计就好比产品漂亮的外观一样,是人们关注的焦点之一。一个网站若是能呈现出美观的界面将会给人们带来舒适的视觉享受与操作体验,从而实现人机交互操作的最优化。检验一个操作界面标准的好坏不是设计开发者自己的意见或认知,也不是他人发表的意见,更不是领导的个人意愿,而是终端用户的感受,UI设计就是为了实现这些和谐、舒适、协调、美观而产生的,目的就是设计出更加合理的人机交互界面,实现人机交互的合理性,实现UI设计的价值意义。 
(一)优秀网站界面作品展示:
电竞游戏《英雄联盟》开发商——拳头公司(Riotgames)。
(示例一)
(示例二)
(二)分析优秀作品的系统性和协调性
总所周知的是,网站的结构布局与视觉感受对一个网站是否被关注起着至关重要的作用。例如一个网站的首页如果结构布局凌乱不堪,视觉感官令人厌烦,那么将会造成浏览者对其关注的吸引力下降,甚至根本就不会接着浏览该网站所展示的信息,这不仅将会使公司或企业损失一位客户,并且还会造成极大的负面影响,给公司或企业的形象带来损害。因此,结构布局的合理性,视觉感官的舒适性必将是一个网站成功与否的关键,这就关乎到网站界面UI设计的系统性与结构布局的逻辑协调性。
从结构布局与视觉感受上看:Riotgames官网呈现出来的整体视觉效果无一不体现出其作为一家专业网游开发商应该具备的系统性与协调性。
从网页布局和色彩的运用上看:Riotgames官网在页面布局与色彩的搭配