1.1 课题介绍
在课题的探讨研究方向确定之后,需要对本课题中涉及的“美学内容”以及“交互设计”两个方面进行具体的调研与分析才能更好地将二者融合在一起为后续界面设计及网站实现做好准备。
1.1.1 课题研究的目的与意义
现如今随着计算机与互联网的发展,传统旧式的软件或网站已经不能适应用户的要求。众多计算机产品在激烈的市场竞争中,只倚赖性能优越的后台功能是远远无法体现出自身价值的,幸运的是在国内许多的软件和网站开发者已经意识到前台页面UI的重要性并不亚于后台处理数据的功能性。
本课题的内容是“微美小站的网站UI设计”,顾名思义是以“美学”为基础的网站UI设计。设计需要实现美学的概念,美学的内容以及美学的组成要素等几个大版块内容,实现美学内容的统一规划分类并具有美感且带有逻辑性地呈现于网站用户眼前。
通过此次设计有助于诠释美学与UI设计之间的关系,为网站UI设计提供一种新的思路:将内容与表现方式结合起来,不同的内容使用不同的UI交互方式使得信息得以传递。另外有助于培养美感以及美的鉴赏能力,拥有良好的审美能力是作为一名设计师的基本要求,美学理念运用到设计作品当中也是社会对于当代设计师的要求。所以UI设计应该回归本源,有感而发,在理解“美”的基础上进行创作,并站在用户的角度考虑问题将真正做到以人为本,打造优越的用户体验。
1.1.2 课题的内容、重点、难点
(1) 内容
本次课题的主要内容是微美小站网站UI设计。主要根据数字媒体技术以及网站开发的相关内容,以网站的形式制作美学专题介绍。
整个网站动画以数字媒体技术以及网站设计内容为基准,包括首页面,子页面导航栏等部分设计,以及相关动画和交互按钮的设计制作。
A 首页
首页是整个网站的主导性页面,它承载着整个网站的全部内容,将每一个部分的内容综述分成大块呈现在首页面上。首页的顶部为导航栏,下方是若干张大图组成的焦点图,占一个页面的比例。再向下则将三个子菜单大类分作三块页面进行简单介绍及引导。
B 美学概述板块
整体介绍“美学”的概念。 在其中又分为几个小部分:美的产生与发展、美的本质、美学相对于现代艺术的意义,从这三个方面切入结合图片以及小视频对美学的概念进行阐述。
C 美的形态
学一个分为五个形态,分为五个子页面对美学的各个形态进行系统介绍,为每一种美的形态单独设计一个子页面:
a.自然美,分别介绍自然美的产生以及特性。
b.社会美,着重于形象美,内在美,生产劳动美等方面。
c.艺术美,以“艺术来源于生活”作为切入点,设计与“生活和艺术”相关的主题页面及动画。
d.科学美,介绍科学美的原则。
e.技术美,技术美作为美学的分支,以科学的方式而非文艺的角度来构建页面以及组织内容。
D 美的组成要素
美的组成包括“形式”与“内容”两个方面,系统介绍着两个方面的内容。首先是形式美方面,其中分为形式美的概念,四个特征、形式美法则以及对“形式美” 与“美的形式”之间的区别和联系进行介绍。另一方面,设计介绍“美的内容和形式之间的关系”。