UI设计毕业论文正文 - 图文 下载本文

图6是未经过处理的图做的图书管理系统软件的界面。可以看到图上有一杯咖啡和一盘面包,虽然从色彩上来说,这幅图更加丰富,但是,咖啡和面包和图书管理系统没有关系,它们的出现只会让人觉得奇怪,整个图案看起来也过于休闲,与软件的主题相去甚远,那这幅图的选择也就失败了。

但是这个图中的书报却是做这个软件界面所需要的,因此,取其书报的部分,而将其他的部分隐去,突出书的重点,那这幅图又变得可用了。

任何设计都是如此,有时候需要从很多幅不同的图上选取部分来综合,这些工作则需要设计人员有丰富的联想和熟练的技术。也可以自己去拍照,以使设计更加漂亮,更符合自己的心意。

(3)图案的其他设计效果。 选择好了图案,并将其处理成了一个可用的整体,图案规划的工作却仍然没有完成。一张单一的图,看起来是平面的,这样,就无法突出重点,图案也没有层次,让人在视觉上没有远近之分,因此,还需要对图案进行修饰和润色。如图7和图8。

(图7)

17

(图8)

两幅都是为种质资源库做的软件界面设计。

首先来观察图7。图案的选择是中国的地图作为前景,而用连绵的崇山峻岭的图片来作为背景。图案的选择没有问题,而图案的处理也已经完成,中国地图经过处理,采用黄色和蓝色来突出西南这块地方,表示了该软件面向的范围是中国西南地区。然而,整个画面看起来的感觉是将一幅图压在了一块玻璃下面,平淡而没有重点。地图左方的空间过于空,让人觉得左轻右重,界面看起来空洞。这时,就需要对它进行修饰,让它更丰富,有轻有重,让人看起来不那么无味。

再来看图8。可以看到,中国地图的边缘加上了光圈,使它看起来有立体的感觉,同时,边缘的柔和让整个画面看起来也更柔和。背景图片的左上方加了一点红色,相比较前一幅图,这幅图则更朦胧,更有美感,而且画面的颜色也不像前一幅图一般清淡,它更鲜亮。而在左方,加上了几种动植物的图片,这些图片让界面看起来丰富了不少,而且反应了该软件的主题—野生动植物保护。同样,对标题字和左下的字也进行了修饰,画面看起来就和谐多了。

比较图6和图4,也可以发现,图案修饰的重要性。

18

图6只是一张整齐的图片,基本上没有修饰。这个界面看起来更像是一个相框,把图片框是里面,让人觉得狭隘,没有可发展的思维余地。

比图4,在图4中,书页超出了框的范围,延伸到外面,而且书页有好几个影子,这样,看起来,画面就马上立体许多,整个界面的构图看起来也更漂亮。

(四)图标的规划。 图标是每个软件界面中必不可少的一部分。它的比例虽小,但是却一点马虎不得,一个优秀的软件界面,小小的图标,往往能起到画龙点睛的作用,成为一个亮点。然而,图标的设计,也需要注意以下几点:

(1)形象的一致性。这和软件风格的一致性原则一样,风格杂乱的图标让人觉得界面很乱。

(2)形象的可识别性。图标的设计要符合一般的识别规律,设计的时候可以参考同类软件或权威软件的类似图标。

(3)大小。不论多么高深的画功,都要注意,图标受到大小的限制,这也就决定了图标的内容不可过多。图标须简洁、明快的表达其内容。

(图9)

如图9。目前,网络上有很多现成的图标,各种类型和样式,因此,不是特别需要的话,可以去网上下载合适的图标,从而省去设计制作图标的时间。

3.4色彩

色彩是艺术表现的要素之一。在进行设计时,要根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。

(一)色彩的感情 会因其色相、明度、彩度的不同,表现不同的色彩感觉。我们面对这些色彩也会产生不同的心理影响。

按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的物质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。

(二)冷色与暖色

19

蓝色、蓝绿、蓝紫等色,予人凉爽的感觉,称为冷色。而红、橙、黄等予人温暖的感觉,称为暖色。明度高的色彩较凉爽,明度低的色彩较温暖。如图10和图11。

冷色调(图10) 暖色调(图11)

(三)色彩的运用 由于国家和种族.宗教和信仰的不同, 以及生活的地理位置.文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈.个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要用户群的背景和构成。如:流行音乐软件的面向用户群大多是年轻人,宜采用鲜亮的颜色,来体现年轻和活力;而冠心病调查软件的用户群一般是中老年人,则应采用柔和的颜色,让用户觉得宁静平和。

色彩的搭配具有极强的目的性,是一个非常具体的、创造性的审美过程。黑、白、灰最能体现优雅、理性、高贵、神秘类型的气质,将此三色艺术化搭配,简单中蕴藏着无穷变化,更具意想不到的惊人效果。常用的多色相配色以少量色种为基础,按“大统一协调、小对比”的规则配色。以相同或相近色相加、以明度和纯度的变化体现区别的弱对比配色系列,具有统一协调、柔和素雅的效果,但缺少动感,易显得单调平淡。中对比配色系列和强对比色系列的共同点是具有不同程度的鲜明醒目、兴奋热烈的视觉效果,但也不易统一协调,容易引起视觉疲劳。色彩高明度格调的作品会形成优雅明亮的氛围,具轻松温和明快的效果;中明度格调的作品中,中明度、高纯度的配色饱满有力,中明度、中纯度的配色则显得含蓄庄重;低明度格调的作品具有沉静庄重、严肃忧郁、文弱内向等效果。色彩纯度越高,颜色越鲜艳华丽,效果越活跃热烈;纯度越低,色彩越灰暗迷朦,效果越朴素沉静,甚至有软弱内向的感觉。

一般而言,高明度和纯度的色彩体现暖、轻、动、近、大、兴奋、华丽等情感效应;反之,则体现出冷、重、静、远、小、沉静、质朴等情感效应。在形象设计中,要充分利用色彩的情感效应来调节改善视觉效果和展现人物个性;利用膨胀收缩、远近大小等错觉来调整

20