软件界面情感化设计

软件界面情感化设计（通用11篇）

软件界面情感化设计 篇1

摘要：随着计算机技术的飞速发展,网络的普及应用已经参透到人们生活的方方面面。网络作为承载和传播信息的简捷平台,成为现代人获取知识和信息的重要手段。作为非物质设计(网络界面),打破了传统物质性设计禁锢于功能的探究,本文总结了适用于网络设计的设计原则。对于物质性产品与非物质设计(网络界面)进行分析比较,确定了情感因素在网络界面设计中的地位,分析了情感化设计在网络界面设计中给用户带来的体验。探究情感因素对网络界面设计中的影响,并指导网络界面的情感化设计。指出在非物质设计(网络界面)是将情感作为设计的主导,形成遵循形式激发功能的形式美法则。

关键词：非物质设计,界面设计,情感,本能水平,行为水平,反思水平

随着科学技术的发展,产品的类别不再局限于物质性的实体,也包涵了非物质性产品。由于现代主义的极端理性观点,使得设计成为冰冷的代言词,缺少温暖的人情味。而后现代主义就是在此基础上开展来,并将泾渭分明的理性化的科学与感性化的艺术相结合,运用到非物质设计中。

一、情感化对于网络界面设计的影响

1. 物质设计的形式法则

沙利文提出"形式追随功能"思想,成为现代主义设计所信赖教义。但是,这种恪守客观规律,追求极致的结构合理性,完全偏向物质产品的理性原理,忽视了情感化因素,设计中缺少“人性味”。

2. 非物质设计的提出和发展

现如今,高科技发展日新月异,手机、平板电脑等电子产品以其蓬勃的生命力闯入我们的日常生活,以其无比的威力改变着我们的工作、学习、乃至生活方式。界面设计成为一种新的典型符号,成为信息交互传达的新媒介。

从目前发展看来,非物质设计可以分为两部分:一是离开了传统固化的物质性设计。例如:coreldraw、photoshop、illustrator等软件,它不是传统中的纸和笔,而是通过计算机绘图命令和数据制作来传达设计的感受,并且更加快捷,便捷,准确。可见它不是物质的,但是能感受到它传达的信息与情感的体验。汤因比提出:具有无生命性的物质,被人类开发创造出来的功能样式具有非物质性因素。二是引出另一部分含义:基于物质创造出非物质性元素的设计。在工业化的社会,物质形式的表达着重功能的考虑。而在非物质设计中,物质形式的表达不禁锢与功能的开发,更侧重为“情感”进行设计。非物质设计是透过冰冷的物质层面,挖掘人们内心深处的感受而进行的美的设计。

二、网络界面的设计法则

网络界面以图文并茂形式的形式展现,表达价值观念、思维方式、知识结构等。设计的美感设计的美感主要凸显在“图”上,而非“文”上。在界面设计里,它结合了艺术美感与交互的沟通,从中渗透出不同的情感因素。

1. 非物质设计中“功能追逐形式美”法则

网络界面是给用户的情感形成共鸣的体验设计。以往的物质设计坚持“功能决定形式”的设计法则,这一定律在非物质设计中显得不准确。在非物质设计中是以情感性为重心,以功能性为基础,用形式激发功能。运用社会认知学、色彩美学等理论知识,并且以用户需要为主,吸引用户的眼球,引发心灵的共鸣。

2. 积极情绪对人的作用影响网络界面设计情感趋势

情感在人们生活中占有着重要地位,它有时甚至能左右人的决策行为。非物质设计最终的目的也在于将使用户在愉快的心情下,准确高效的使用工具,在情感层次上给用户安抚,有助于提高用户的学习和工作效率。从而潜移默化地诱发潜在的使用者购买欲望。所以,将“情感化设计”入到交互界面设计,不仅符合网络界设计的根本要求,也更好的体现在非物质设计中,功能也可以追逐形式美,用形式去激发功能的理论。

三、情感化设计在实际网络界面设计上的应用

在唐纳德·A·诺曼《情感化设计》中,对于物质设计提出:本能水平的设计,行为水平的设计和反思水平的设计。对于非物质设计的网络界面设计,也可以从这三种水平进行探讨。但与物质设计不同,网络界面设计更重要本能水平设计。

1. 非物质设计中的网络界面本能水平

本能水平的设计侧重于产品外观的最初效果。情感是人类独有的本能。视觉的感受是本能水平的最重要特性之一。本能水平的本质指的就是即刻的情感感受。

在界面设计中,要吸引使用者并给使用者带来愉快、轻松、舒畅等直观的心理感受的界面。所谓的视觉元素,就是从色彩、图形等对界面设计进行归纳与分析,对艺术风格进行深层次探究表达。设计者运用视觉法则来传达设计理念,传达给用户清晰的信息。

色彩、图形等元素能够情感本能的刺激和反应。在视觉世界中,色彩是起到了举足轻重作用,它可以瞬间改变人的思维与情绪。计算机屏幕的发光成像和普通视觉成像有很大的不同,因此在设计过程中,对色彩的搭配要深思熟虑。

图形就是形、情、意的结合体。虽然图形和语言是不同的两个领域,但是图形也可传达信息。由此可以引申出,图形是一个思维的体现和人机交往的媒介,它是一种吸引浏览用户的重要手段。

2. 非物质设计中的网络界面本行为水平

行为水平的设计讲究效用。唐纳德·A·诺曼,把行为水平的设计分为:功功能性、易用性、可行性和物理感受。在非物质设计的界面设计中,侧重易懂性和物理感受。

“如果你与交互的产品没有达到预期的使用水平,那就违背了你的信任,你会责备它,不久你就会生它的气”这一连锁情绪反应也适用于交互界面设计中。一个好的交互界面在完成用户良好感觉后,需要连续的反馈。若界面没有够很好的引导用户需要的资源,人们会感到沮丧和失去控制,消极情绪也变产生。因此,交互界面设计应该让每个交互行为都是愉快的、有价值的。我们需要提供丰富的交互力量,开发积极情绪,把负面情绪减少到最低。

3. 非物质设计中的网络界面反思水平

网络设计反思水平侧重于信息的传达与物品的相关意义引申。它描述了一个具体形象以及反馈给他人的品味印象。在非物质设计中,强调一种精神因素为主体的设计。因此设计者,想要带给用户一种什么氛围,都是靠反思水平的不断摸索进行。

四、结语

功能是具有理性的,而情感是感性的,用户对于交互界面大多注重的是第一感觉。情绪会改变人脑解决问题的方式,情感甚至可以改变对认知价值的判断,而美可以调节人的情绪感受,这高于物质的生理追求,是更深层次的追求,是一种“非物质”需求。而在非物质的网络生活中,人们仅靠技术连线充实生活,缺乏对原始人际关系的关怀。在技术化操作的层层界面中,寻找真正能够担负情感的寄托,设计的目标始终定位于唤起用户的心灵感受中。设计师的职责是在碎片化的时间里,通过色彩和图形的设计,抓住用户的瞬间积极的感受,运用积极情感促进用户的学习工作,拓展用户对这一应用好感及深层次了解的欲望。

参考文献

[1][美]唐纳德·A·诺曼.《情感化设计》[M].付秋芳程三进译.电子工业出版社,2005.

[2][法]马克·第亚尼《非物质社会》[M].滕守饶译.四川人民出版社,1998.

[3]尹定邦.《设计学概论》[M].湖南:湖南科学技术出版社,2003.

软件界面情感化设计 篇2

摘 要：数字化的虚拟环境下，计算机和用户之间的交互主是经过界面实现，而界面是用户和虚拟世界之间的中介。科技不断进步及社会的逐渐发展，人们更加注重软件使用过程中的舒适性及方便性，对其使用方面提出了较高要求，而界面的设计在软件开发过程中早已发展成最主要的环节之一。笔者对虚拟现实艺术软件界面的设计进行分析，着力把软件界面的各方面设计进行统一，进而形成一个完整的设计框架。

关键词：虚拟现实;软件界面;设计流程

伴随科学技术的持续发展，一些软件编码的设计水平早已达到较高层次，且人们早已不再满足软件计算的功能，而是更加重视软件的使用效果及整体的环境，且软件界面的设计发展成目前研究中的热点问题。软件界面的设计在设计学科中属于比较重要的分支，其综合了艺术及技术两个方面的知识，以产品中的形式美及功能美对不同用户的心理需求进行满足。

软件界面情感化设计 篇3

关键词：人机交互；界面设计；情感化设计

为了让计算机应用系统界面设计能够更好地满足用户的心理情感需求、更加人性化，情感因素越来越受到界面设计者的重视。人类的情感认知包含三个部分，分别是本能水平、反思水平与行为水平。在人类的整体机能中，上述三个水平都发挥着极为重要的作用。因此，对于人机交互图形化界面的情感化设计，设计者可以从上述三个水平入手，以确保能够更好地满足用户的心理情感需求。

1 人机交互图形化界面的本能水平情感化设计

1.1 美观性设计

色彩能够对人类造成最为直接、本能的感官刺激，而色彩图形可以让人们更直接地感受到美的特性。在界面设计中对色彩进行合理利用，可以增强用户对界面的好感度。针对不同软件界面的设计，在充分考虑用户工作环境的基础上，对色彩进行合理使用，可以更好地改善用户的工作心态。例如，在安全软件设计中，黄色、绿色、淡色及暗色是使用率最高的几种颜色。其中，黄色与绿色是对环境保护意识的体现；淡色的使用可以增强界面的舒适度；而利用暗色作为界面的背景颜色，可以让用户以更加轻松的态度开展工作。

另外，在界面设计中，图形这种信息媒介所发挥的作用也极为重要；在人的视觉感官上，图形所造成的视觉效果往往要比文字好。在界面设计中，可视化图形的合理应用，不仅能够让用户对界面浏览产生兴趣，也能够让用户的注意力更加集中。在人机交互界面设计中，设计者依据美的原则，重点突出界面的美观、时尚等特点，可以让用户产生愉悦的心理感受，也能够有效地增强用户使用界面的舒适度和满意度。

1.2 趣味性设计

在界面设计中，趣味性设计主要体现在图形、文字、色彩及形式等元素的应用方面；合理地利用图形、文字、色彩等设计元素，可以让界面变得更加有趣，从而激发用户使用界面的兴趣。在界面设计中，利用图形、色彩等元素增强界面的亲和力、圆润等特性，可以更好地提高界面使用的趣味性；而界面趣味性的提高，可以激起用户的好奇心，充分满足用户愉悦、快乐的心理需求，也符合人类本能的情感要求。

人机交互界面趣味性的提高，需要设计者依靠对界面形态的创新和改良，对枯燥、无趣的数据进行包装，将其设计成更加有趣的元素，以更好地激发用户的使用兴趣。如GOOGLE公司的标语，GOOGLE公司在标语中添加了极长的0000，极大地增加了标语的趣味性，部分用户浏览GOOGLE公司标语的目的就是为了查看0000这一元素的长度；同时，在不同的节日或纪念日，GOOGLE的字体也会发生改变，这就极大地增强了GOOGLE的趣味性。正常情况下，设计者会以图、字结合的方式设计界面中的不同基础字体，加强对字体的图形化处理，从而提高界面的趣味感。此外，在界面设计中，设计者合理地使用拟人或拟物等图形，增强界面设计的拟物效果，可以极大地提高界面的趣味性，从而给用户带来愉悦、快乐的心理感受。

2 人机交互图形化界面的行为水平情感化设计

2.1 功能性设计

设计者根据人类行为水平设计界面，必须要重视对界面功能性的设计。在界面设计中，设计者良好的行为水平设计，可以帮助用户更快地掌握界面功能和操作方式，从而促使用户自主完成对界面的操作。在根据行为水平设计界面时，设计者应当让界面设计更加符合人类的逻辑思维方式，设计出更加人性化的界面功能，以便让用户对界面使用产生兴趣。人机交互界面不是为满足某个人或某类人的使用需求。因此，对于界面的设计，设计者应当依据通用的设计原则，根据相应的设计规范进行界面设计，以便确保设计出的人机交互界面能够满足所有人的需求。例如，ATM机、手机等设备的界面。这类界面的使用不仅是面对正常用户，也需要满足部分特殊用户（老人、儿童等）的需求，所以界面应当依据通用设计原则进行设计。

2.2 易用性设计

生活节奏的加快，促使人们对时间的安排越来越重视。为了让界面操作更加简便，界面的易用性设计逐渐受到设计者的重视。如果一个产品的操作过于复杂，那么就很难激起用户的使用兴趣，该产品就会被市场淘汰。科技的飞速发展所带来的是电子产品的不断改良、界面的不断创新。不同的产品使用的界面不同，而多样化的产品会提高用户选择的难度；相较于操作复杂的界面，用户更加希望界面的操作能够更加简便，这使得界面的易用性也逐渐成为了衡量产品好坏的标准之一。设计者根据可视性原则对人机交互界面进行设计，可以更好地提高界面的易用性。如在界面中，按钮的位置要显眼，按钮的名称要简单易懂，并且不用的按钮之间要有明显的区别，要做到望文知义，以便让用户更加简便、舒适地使用界面。

3 人机交互图形化界面的反思水平情感化设计

个性化追求体现的是人类的自我感觉。在生活中，人们经常会将自己的手机界面设置得更加个性，并向别人展示自己的手机界面；而这种现象的出现，主要是由人们追求个性或标新立异的感知所引起的。在界面情感化设计中，反思设计是为了更好地满足用户的自尊需求。个性化界面的使用可以讓用户更加充分地展现自己的生活品质与品位，并在此过程中满足自身的心理需求。

此外，界面的反思设计直接影响着用户的长期使用感受，关系着界面所提供服务的适宜性，而这也充分体现了界面反思设计的重要性。例如，微软公司对界面反思设计就极为重视，这直接影响着公司与客户之间的关系。在产品使用过程中，若用户遇到界面操作问题，微软公司会提供免费的问题咨询和解决服务；这不仅提高了用户对产品的满意度，也让公司与客户之间建立了情感纽带，对公司的品牌建设极为有利。

4 结语

在人机交互图形化界面的设计中，设计者对界面情感化设计予以重视，并增强对界面的人性化设计，不仅可以提高界面使用的舒适度，也能够提高界面使用的趣味性，从而确保用户的心理情感需求能够得到更好的满足。

参考文献：

[1]吴金洲.下意识行为在人机交互界面图形化的引导性设计研究[J].大众文艺（学术版），2012（2）：100.

[2]宋继东.浅析人机交互图形化界面的情感化设计[J].艺术与设计（理论），2008（11）：168-170.

关于图像处理软件界面设计分析 篇4

所谓图像处理软件, 就是对数码照片进行分析、修复或者美化的处理软件的总称。随着社会的发展, 图像处理软件已经不局限于专业人员的应用, 现在越来越多的普通人使用图像处理软件进行家庭娱乐, 普通人也可以通过图像处理软件实现对照片的加工处理。图像处理软件的一个重要意义在于它打破了专业图像处理的垄断, 从而使照片处理在普通人群中普及。目前市场上流行的图像处理软件很多, 它们各有优缺点和其使用范围。本文首先介绍图像处理软件界面的一些基本特征, 然后再对几种流行的图像处理软件的界面设计进行分析, 从而给图像处理软件界面设计的工作者提供有用的参考。

1 图像处理软件界面特征

1.1 展示窗口的特殊性

与其他软件的窗体相比, 图像处理软件的窗体在设计时需更加宽敞。这是由于以下原因所限制:第一, 是由于图像处理软件的功能所决定, 图像处理软件内具有很多的工具调板和菜单命令;第二, 为了更好的满足照片处理的特性, 宽敞的窗体能够很好的显示所要处理的照片的细节内容, 以便对照片进行细致的处理和更好的观察处理后的效果;第三, 在处理照片时, 通常需要同时对多个文件进行编辑, 所以, 图像处理窗口需要能够满足同时展示多个窗口的需求。在有限的空间中, 图像处理软件的界面必须尽可能的表现出所必须的界面元素, 同时还应归纳和收起不必要同时出现的界面元素, 并且这些元素还应当便于用户操作, 在视觉上具有审美的功能, 在必要时, 还能够对其进行隐藏和伸缩, 方面用户的识别和选用。

1.2 导航方式多样性

人们在使用图像处理软件时, 需要的功能较多, 比如, 对图片中的人物进行美容、改变图片中的场景、在适当的地方加一些文字等, 其处理的范围较为广泛, 这些功能呈现在图像处理软件的界面中时, 需要对其进行明确的归纳和分类, 以便用户使用。一般的软件的导航都设计在软件的顶端, 而由于图像处理软件的特殊性, 其导航一般应设计在软件界面的周围, 从而可以把界面中部的空间腾出来, 能够更好的方面图片的预览和对其处理。

1.3 使用的普遍性

Photoshop是目前市场上功能最为强大的专业的图像处理软件。几乎涵盖了所有的对图像处理的功能, 但是其定位为专业性的图像处理软件, 虽然功能很强大, 但是其操作很困难, 如果不是专业人员, 很难使用其处理图片。而当前由于计算机的普及, 越来越多的人需要自己处理图片, 因此, 专业性的图像处理软件在对于普通用户, 不能满足需求。这就需要设计者针对没有专业图像处理知识的人设计出方便操作, 界面友好的图像处理软件。

2 对当前几种主流的图像处理软件界面设计的分析

在图像处理领域, 国内外都有相关的处理软件, 比如国外比较著名的图像处理软件有Adobe Photoshop、ACDSee以及Picasa等, 而国内也相继研发出了一些功能较好的图像处理软件, 如i See、光影魔术手、彩影、美图秀秀等。这些图像处理软件各有优势和缺点。下面主要从这些软件的界面设计的功能架构、交互设计和视觉设计者几方面进行对比分析。

2.1 功能架构分析

在进行图像软件设计时, 首先要考虑的是以用户为中心。必须了解到所要生产的产品的主要用户群, 然后在对产品进行定位, 从而再确定产品的基本功能架构和操作的难易性。当前使用图像处理软件的用户群体主要有以下几种:专业摄影师、平面设计师、网站设计人员和大众用户。而Adobe Photoshop、彩影等是面向Web设计人员、图像设计师、专业摄影师等专业人士所使用的图像处理软件, 而面向大众的图像处理软件是ACDSee、Picasa、i See、彩影、光影魔术手、美图秀秀等软件。

2.2 交互设计分析

2.2.1 视图缩放效果分析

在各种图像处理软件中, 鼠标滚轮的使用率越来越高, 且其功能基本相似, 主要用于对所处理图像进行缩放显示、图像切换等。而图像缩放是鼠标滚轮的最主要的功能。而鼠标滚轮的缩放在彩影、光影魔术手以及美图秀秀软件中使用时, 经常会出现一定的问题。而在其他几种图像处理软件的界面设计中, 则很好的处理了鼠标滚轮对图像的缩放这个问题, 操作简单, 方便。

2.2.2 窗体切换效果分析

有些时候再对图片进行处理前, 需要对图片进行相应的设置。一些效果需要点击功能菜单, 在弹出的窗体中进行设置。例如, 在美图秀秀中, 如果对图像进行“局部马赛克”的设置, 其采用的也是弹出窗体的方式, 进行参数设定, 但是它能够实时的浏览图像的变化效果, 根据变化效果, 用户很容易可以对图片参数进行设定, 方面操作。而彩影软件在处理图像时, 不需要弹出窗体, 直接在住窗体中完成参数的设定和图像的处理, 设定完成后, 可以看到处理后的效果, 点击完成进行应用。而Photoshop中对图像进行“色相/饱和度”设置, 采用弹出窗体的形式, 在弹出窗体中只能进行参数设置, 效果变化只能在主窗体图像中显示, 却无法在弹出窗口中查看当前图像的实时效果变化。

2.3 图像处理界面的菜单按钮设计分析

图像处理软件中最重要的部分是菜单。菜单中包含着软件的所有功能。所以菜单中对各种处理功能的命名及其分类是比较重要的一项工程。

2.3.1 菜单设计对比分析

下面对光影魔术手和美图秀秀两种图像处理软件界面设计中的才到那的设计进行分析。在光影魔术手中, 其菜单既要是根据软件的不同功能进行分类, 对菜单的命名也是根据其功能, 并且对菜单的名称进行简单的描述, 从而方便大众用户对其操作使用。而美图秀秀则是从用户的角度根据操作目的对菜单进行命名, 比较易懂。两者菜单的设计对比, 美图秀秀的菜单可以更直接的了解到二级菜单的选项, 对与大众用户来讲, 更易于了解和使用, 可以使用户能够方便的查看其功能和使用。

2.3.2 对话框设计分析

在图像处理软件的界面中, 对话框的作用是对图像进行单独处理和提供各种功能设置。Photoshop、光影还是美图等在对图像需要单独操作或者进行编辑时都会出现二级界面。在Photoshop中, 设置色彩平衡参数时是在对话框中完成, 而其设置后的效果则是在主体窗口中显示。而美图秀秀和光影魔术手则是将当前图像设置参数后的效果也在对话框中显示, 而主体窗口中的图像则显示的是未处理的图像, 这样则方便用户对比处理前和处理后图像的效果变化, 有助于专心处理当前的工作, 其缺点是在对话框中无法对图像进行缩放。

2.3.3 窗体布局分析

图像处理软件的窗体布局会留给用户很深的印象。一个合理的窗体布局, 不仅在视觉上具有审美功能, 还应当很友好、方便操作。而光影魔术手和美图秀秀这两者的窗体布局就存在一定的差别。

光影魔术手中的菜单及常用工具在软件界面的上方, 选项板在界面的右方, 界面的左边和中间的区域是展示和处理图像的地方, 选项板也可以进行收缩或者展开, 方便用户对所处理的图像进行缩放。而美图秀秀则是把菜单和选项板设置在界面的左、右、上三边区域, 中间区域作为展示图像的地方, 且菜单和选项板不能进行收缩。

3 结语

通过对一些特殊的图像处理软件的界面设计的分析, 可以知道图像处理软件产品根据其客户定位不同, 界面设计也存在相应的差别。定位于专业图像处理的软件的界面由于其功能更复杂, 界面的设计更加专业, 普通用户难以对其进行熟练的操作和使用。而定位于大众用户的图像处理软件的界面更友好, 操作更方便, 适合普通用户对图像进行处理。

参考文献

[1]杨明朗, 王红.人机交互界面设计中的感性分析[J].包装工程, 2007, 11 (1) :16-20.

[2]李天科.以人为本的人机界面设计思想[J].计算机工程与设计, 2005, 5 (12) :201-204.

软件界面情感化设计 篇5

关键词：情感体验 品牌电商 界面设计

中图分类号：TB47

文献标识码：A

文章编号：1003-0069（2015）09-0142-02

一 情感体验对品牌电商界面设计的意义

情感是人类特有的生理反应，通过对客观事物是否满足自身需求而发生的态度，能丰富地表达人们内在世界的欲望，一定程度上能决定人们的行为决策。美国认知心理学家Donald Norman提出了产品设计的“情感化”理念，并在他的著作《情感化设计》中提出，情感化的设计是一种创意工具，表达和发挥设计师的思想和设计目的。随着人们消费水平与审美水平的提高，人们对产品的需求已经从单纯的物质功能需求向着情感互动体验层面发展。在多屏的互联网时代，电脑、手机、平板电脑等移动终端已经让消费者的购物方式发生了根本性的改变，足不出户就能通过网络享受购物的乐趣。没有了实物的真实感受，用户只能点击屏幕了解商品、获取信息、决定购买力、体验购物乐趣。用户情感化的电商体验让品牌电商可以借助良好人的性化界面设计帮助用户解决问题，并产生情感上的联系与互动。用户在浏览页面时具有幸福满足感，在购物的过程中体验快乐，赢取用户的信任与支持，帮助品牌电商建立良好的口碑。“情感体验”对品牌电商的界面设计已经成为当前电商品牌关注的重点，成为界面设计深层次的作用所在。

二 基于情感体验的品牌电商界面设计策略

将“情感体验”的理念引人电商渠道的各个方面，旨在通过界面设计为用户搭建自然愉悦的购物体验过程，满足目标消费人群心理情感需求，让用户从内心对品牌产生偏好，建立良好的品牌形象感知，从而提升商业价值，为品牌电商带来影响力的最大化。因此，可以从以下几个方面采取相应策略提升品牌电商的界面设计的应用实效。

（一）特色定位与用户情感分析

品牌电商通过精准的市场人群定位、凭借独特的产品可以迅速获得小众用户群极高品牌黏性与忠诚度。品牌选择的用户圈越精准，就越容易发现这个人群所共有的心理、情感特点，从而进一步发掘其情感需求。符合品牌定位的这部分用户的个性化产品会自然地通过市场作用而产生，并且在同类消费者中获得良好的口碑，从而加速扩展自己的用户群。

从设计的角度提升界面的实用性，要关注电商品牌定位与目标用户的特征与情感需求，这将成为影响品牌电商产品转化率的因素之一。只有对目标用户做全面细致的调研，特别是情感需求分析，才能决定品牌定位及产品包装的方向性。以电商女装品牌初语（图1）为例，该品牌为互联网原创设计淘品牌，服装风格以都市文艺，潮流设计感为主，目标用户为16-25岁左右的年轻文艺女青年，以学生群体为主。他们情感细腻，独特，内心追求另类个性，喜欢简约而不简单的小细节，对衣服品质有一定追求，但喜欢低调不张扬的调性。因此，该品牌的电商界面以简约、明亮、小装饰等为主体的界面设计基调，品牌个性脱颖而出。“文艺”成为该电商品牌定位的关键词。

另一个女装淘品牌七格格（图2）却是完全不同的定位与界面情感设计表达。品牌定位以时尚、独立、女性为主题的小众潮品牌，服装风格另类大胆，展现女性个性魅力。该品牌主要的消费群以20岁左右的女性为主，有一定的经济基础，追求个性的穿衣品味。该品牌电商界面设计时尚动态感、用色大胆，对比强烈，凸显青春张力。“时尚”成为该品牌的定位关键词。

因此，电商的品牌定位首先要精而准，从而更好地与目标用户的情感特征要形成一致的性格，如文艺、时尚、小清新、复古等，提取品牌核心价值观，通过品牌定位所形成的专属标签，引起用户情感的心理共鸣。

（二）品牌电商界面设计要素与情感氛围

电商品牌通过互联网进行营销，用户通过屏幕浏览虚拟店铺实现消费。电商界面设计的优劣很大程度上影响到产品的销售量。而电商界面设计中能提升品牌视觉形象、吸引用户眼球，营造良好的购物氛围等设计元素，其关键部分就是品牌系统设计中的视觉、文案与交互设计。

1情境电商摄影，吸引用户的眼球

视觉形象在品牌电商界面中，能带给用户了解产品品质、理解使用功能，体验产品感受的感官途径。电商界面中的主要视觉元素为摄影图片，而品牌电商摄影不同于一般的拍照，目的是通过对产品、模特儿、环境等的拍摄，刺激用户的视觉感官，让其产生兴趣、想象、欲望，并最终达到认可、点击、促成购买行为的产生。以木质生活的产品品牌——初心的一款台灯为例（图3），电商界面中的图片其目的在于向用户传递出一款既实用、美观又有品味的家居生活类产品。因此该产品电商摄影图片既要还原产品木质材料的本色特征，又要凸显产品的格调特色。用景别、视角、特写等丰富的镜头语言来展现产品的全貌与细节，同时运用生动的色调、环境、气氛等为用户营造情境氛围，增添图片的故事性与生活情调，吸引用户进入图片所创设的情境中，品味产品所传递的视觉感受，刺激消费者的眼球与情感，留住用户在该品牌电商界面中驻足浏览。

2情感电商文案，刺激用户的想象力

用户在浏览界面时，电商文案的引导作用是不容小觑的。从用户的角度出发，用描述性的语言，创建既易于使用、清晰明了的解释说明，同时能给用户带来双向的情感交流与体验，这才是电商品牌界面设计中文案的与众不同。电商文案的人性化、情感化的表达，将电商品牌界面塑造成一个有性格，有个性的人。富有感情的情感化的语言表述将极大的增加用户的接受品牌的程度。以品牌电商“请慢用”（图4）为例。其主要经营养生保健食品，如蜂蜜、果蜜、黑糖等，以纯天然手工制作为品牌产品特色。该品牌电商的界面设计中文案的使用与设计特色鲜明，从图形设计极具优雅、精致的美感，文案描述又颇具可爱、生动，为用户营造出纯天然、纯手工制作的纯净感与品质感。用户在浏览界面时，舒适的视觉环境，健康营养的文案引导。饱含情感的文案包装与设计，即刻提升了品牌的档次，用文字刺激用户的想象力，简单的产品却形成了个性化的品牌电商界面设计特色。

nlc202309010233

3情绪互动设计，引导用户的行为

通过互联网电商购物的用户存在许多的顾虑与疑惑，这时需要界面设计为用户营造良好的购物气氛，打消用户的购物顾虑，保障用户良好的心情与情绪，萌发购物欲望。例如，当店铺做促销活动时，首先，品牌应通过界面设计醒目的打折提醒、心动的促销手段，调动用户的购买欲望；其次，在界面设计中引导用户查看其他用户购买的用户反馈，打消消费者的购物顾虑；再次，权威专家的认证与评价等方式为品牌界面增添专业性，激发用户的信任、满足等情绪，营造热闹的互动氛围，促成购买计划。又如，在产品详细介绍界面中，可适当增加设计动态展示效果，如鼠标经过图片时，产品变化展示效果的角度、颜色、场景等，让用户在浏览产品时增添更多的趣味性与新鲜感，增加互动的游戏情绪，引导用户消费。

（三）品牌电商界面内涵与情感诉说

成熟的购物网站，无论是服装、食品还是电器的品牌电商，都在不断地探索电商界面设计的创新。从图片摄影、文案表达到交互设计都力求突出特色，将界面设计与用户心理完美结合。从心理学角度分析，情感是人格的核心，产品真正的价值在于满足人们情感需求，带给人们内心愉悦的审美体验。而真正被用户所喜爱的电商品牌，除了那些的赏心的图片、悦目的文字，更多的是品牌所传递的内涵价值——品牌文化的价值与魅力体现。因此，许多品牌电商都开始发掘品牌背后的故事，将目标用户的情感喜好融入界面的内涵设计，让用户享受独一无二的与众不同，将情感丰富的界面设计带入用户的体验过程中。以食品类品牌电商三只松鼠（图5）为例，该品牌以销售坚果类产品为主，致力于生产天然新鲜的健康食品。其品牌文化的创意特色鲜明，以卖萌的三只小松鼠——小贱、小酷、小美的形象贯穿整个电商品牌界面设计与服务中。可爱的卡通形象、搞笑的文案语言与卖萌的服务，满足了爱吃零食用户内心的与众不同感。用户在浏览界面时，享受着界面讲述吃货生活的故事。用户的同理心和好奇心，使得用户不由自主地沉浸在该品牌网店中体验所提供的产品与服务，让用户逐渐产生品牌好感与共鸣。

三 结语

品牌电商界面中的情感体验越来越大地影响着用户的购买行为及对品牌的认知。重视情感体验会让品牌电商与用户产生亲密感。一个好的品牌电商界面设计策略，通过深层次的精准人群定位、个性化产品、场景式互动及情感化互动，可以与受众产生共鸣，提升用户黏性，易于品牌口碑介于互联网的传播。界面设计师需要根据目标用户人群情感需求的变化不断调整多屏时代界面设计中的元素，发现不同环境下用户的个性需求。一个定位精准且具有个性化情感体验的品牌电商界面，不仅能够提供给用户想要的产品，更会让用户在购物的过程中享受心理被满足的购物体验，带来被认同的品牌归属感。

虚拟现实艺术的软件界面设计研究 篇6

1 虚拟现实艺术软件界面的设计原则

对虚拟现实艺术中的软件界面进行设计时, 必须遵循两个原则, 即效率性原则及有效性原则。软件系统的功能性直接决定软件界面设计有效性, 软件设计的效率性应用在设计层的表面。在软件界面的设计中, 其效用性的原则主要是对用户使用软件系统可以做什么进行确定, 只要是比较容易被利用、访问的界面设计都是有用的、高效的软件设计, 且在相应程度上能够证明所设计的软件是成功软件。另外, 虚拟现实软件界面的效率性比较便于用户进行便捷、快速的操作, 其比较重视用户检索时间及检索效率, 对用户能够在最短的时间内获得较多所需的内容要求进行满足, 且其主要是对虚拟现实艺术中可用性的软件界面进行检验。

2 虚拟现实艺术的软件界面设计的流程

2.1 对定义阶段进行研究

分析软件界面的设计需求、可行性属于定义阶段的关键任务, 而可行性的分析内容主要就是对用户在软件界面的使用要求及期望的环境进行详细的调查, 且最大程度的在潜在用户及具体用户中展开相应的调查。同时, 需求分析是调查用户定量及类型, 对用户使用经验及技能进行多角度的调查分析, 进而对任务划分进行合理、有效的落实。

2.2 对构造阶段进行研究

从构造方式看虚拟现实作品构, 其具有一定的技术性, 但是从可视化表现形式方面看, 属于艺术性的。软件构造阶段的内容主要包括概念设计、界面设计、详细设计、检测及评估设计内容。对软件构造进行设计时, 首先应根据构造域及行为域的具体概述对初步的构造设计模型进行建立。其次, 对实际的环境及任务进行详细的分析, 对艺术设计的原理进行综合, 设计出错信息栏。最后是评估及检测开发之后的软件系统界面, 及时发现问题及修改, 对软件界面的设计进行完善。

2.3 对维护阶段进行研究

如果想要对用户持久的需求进行满足, 应该尽量开发多种的维护活动。一般的维护活动共有四种, 即适应性的维护、改正性的维护、预防性的维护、完善性的维护。只有是人机关系达到一定的交互关系, 使设计人员、使用人员、开发系统之间是实现合作交流的模式, 对用户的各种需求进行满足, 才是做好的软件界面设计。

3 虚拟现实软件界面的视觉元素设计方法

3.1 软件界面设计的色彩特性及色彩的感应效应

在软件界面的设计中, 颜色是比较重要的一项内容, 只有在色调搭配得当的情况下才可以使用户方便、舒适的对想要的信息进行捕捉, 进而进行提取及分类。人们对色彩进行了理性的分类, 主要是分为暖、冷, 将黄、橙、红色光有机结合到各种色光中都会有热感产生。反之, 绿色、蓝色、紫色光则会让人有一种寒冷的感觉。这些颜色让人有一种热、冷的错觉是人们的习惯及联想, 而不是正真意义的物理温度。

3.2 虚拟现实软件界面设计的自然配色方法

将两种或更多的颜色搭配、组合在一起成为配色, 而在艺术中比较多见的配色是色调配色及色相配色。美感较强及品位较高的设计师往往会利用灵感创作出更好的作品, 而在这些作品中一定要重视基本的配色。

3.3 虚拟现实软件中界面设计的图像及图形及文字设计研究

人的脑海中主要是利用事物画面及图形、文字记忆对知识进行表达。因为人对各种画面记忆的能力比较强, 其在一定的程度上超过了文字记忆, 所以对软件界面进行设计时应该重视图形图像的设计。图像可以使需要表达的各种文字内容表达的更加逼真、具体、直接、真实, 使人比较容易接受。想要对软件中的各种文字内容进行理解、吸收, 就必须确定人们理解文字时的影响因素及阻碍, 才可提出有效的处理对策, 使人们对软件文字的理解能力得到提升。

4 结语

在现实的世界中, 对于各种信息的获取、学习、感知, 人们都是依靠其身体感觉器官进行体会, 对虚拟现实艺术奥秘进行掌握, 必须利用科技构建三维的、感动的、立体的虚拟画面, 才可以满足人们对各种新鲜事物的视觉需求。

参考文献

[1]张萍.基于虚拟现实艺术的软件界面设计研究[D].长沙:湖南师范大学, 2010, 65 (67) :465-470.

办公软件界面设计的分析与研究 篇7

办公软件界面设计是指办公软件用于和用户交流的外观、部件和程序等。如果经常使用办公软件的话, 会看到很多办公软件设计很朴素, 看起来给人一种很舒服的感觉。有些办公软件很有创意, 能给人带来意外的惊喜和视觉的冲击。但相当多的办公软件页面上充满着怪异的文字、花哨的色彩和图片, 给人以界面制作粗劣的感觉。办公软件界面的设计, 既要从外观上进行创意以达到吸引眼球的目的, 又要能结合外观和版面设计的原理, 因而它是一门独特的艺术。

二、构成要素

1、按结构分

办公软件界面设计要素可分为结构设计、交互设计和视觉设计三部分。

(1) 结构设计。也称概念设计, 是办公软件界面设计的骨架。通过对用户的研究和任务分析, 制定出产品的整体构架。在结构设计中, 目录体系的逻辑分类和词语定义是用户易于理解和操作的重要前提。

(2) 交互设计。任何办公软件产品功能的实现都是通过人和机器的交互完成的。因此, 人的因素作为设计核心体现出来, 交互设计的目的是让用户能简单操作办公软件产品。

(3) 视觉设计。视觉设计是在前两个设计的基础上, 参照使用人群的心理和审美观完成的, 主要包括色彩、字体、页面等。视觉设计的目的是使用户愉悦使用、减少视觉疲劳。

2、按设计内容分

办公软件用户界面设计要素包括:办公软件启动封面的设计、框架设计、按钮设计、面板设计、菜单设计、标签设计、图标设计、滚动条及状态栏设计和安装过程设计等。

三、基本类型

从用户与计算机交互的角度来看, 用户界面设计的类型主要有菜单、对话、窗口等。在选用办公软件设计界面形式时, 应当考虑每种类型的优点和限制。从使用的难易程度、学习的难易程度、操作速度, 复杂程度以及开发的难易程度几方面来考虑和选择。

1、菜单

所谓菜单, 是由系统预先设定好的, 显示于屏幕上的一组或几组可供用户选择的命令。用户通过鼠标或移位键等定位设备, 就可方便地选取他所需的菜单项, 使对应的命令得以执行, 从而实现其意图。

2、对话

所谓对话, 也称对话框, 是指系统在必要时显示于屏幕上的一个矩形区域内的图形和正文信息。通过对话, 实现了用户和系统之间的相互通信。

3、窗口

用户可通过窗口显示、观察其工作领域内的全部或一部分内容. 并可以对所显示的内容进行各种预先规定好的正文和图形操作,

四、基本设计原则

在办公软件中, , 用户界面作为人机接口起着很重要的作用, 它的好坏直接影响到办公软件的寿命。具有友好用户界面的办公软件对于用户来说, 无疑是一种享受, 用户会毫不犹豫地选择它, 即使另一个办公软件可能在功能性能方面与它类似。因此, 必须重视办公软件的用户界面设计, 开发更具竟争力的办公软件。在进行办公软件界面设计时应遵循如下基本原则:

1、用户导向原则

设计界面首先要明确到底谁是使用者, 要站在用户观点和立场上考虑设计办公软件。要做到这一点, 需要和用户沟通, 了解他们的需求、目标、期望和偏向。界面的设计者要清楚, 用户之间差别也很大, 其能力也各有不同。例如, 有的用户可能会在视觉上有障碍, 因为色盲的原因, 对很多的颜色分辨不清;有的用户听觉会有障碍, 对于办公软件的语音提示反映迟钝;而且相当一部分用户的计算机使用经验很少, 对于复杂一点的操作会感觉很费力。另外, 用具使用的计算机配置也是千差万别, 包括显卡、声卡、内存、网速、操作系统和浏览器等都会有不同。设计者如果忽视了这些差别, 其设计出的界面在不同的计算机上显示就会造成混乱。

2、KISS 原则

KISS原则是Keep It Simple And Stupid的缩写, 简洁和易于操作时界面设计最重要的原则。没有必要在界面上设置过多的操作, 堆集很多复杂和花哨的图片, 尽量使用文本链接, 减少大幅图片和动画的使用。操作要尽量简单, 并且有明确的操作提示, 办公软件所有的内容和服务都在显眼处向用户说明。

3、页局控制

对于界面排版布局方面, 很多界面设计者重视不够, 界面的排版和设计过于死板, 甚至抄袭他人, 如果界面的布局凌乱, 仅仅把大量的信息堆集在页面上, 会感染使用者的操作。一般情况下, 界面布局设计应做到如下两点:

(1) Miller公式。根据心理学家George A.Miller的研究表明, 人一次性接受的信息量在7比特左右。总结一个公式是:一个人一次性所接受的信息量为7 2比特。这一原理已被广泛用于办公软件设计之中, 一般界面上面的栏目最佳在5-9之间, 如果办公软件所提供给使用者选择的内容链接超过这个区间, 人在心理上就会感觉烦躁和压抑, 信息太密集, 看起来很累。

(2) 分组处理。对于信息的分类, 不能超过9个栏目。但如果内容实在太多, 超出9个, 需要进行分组处理。如果界面上提供几十个栏目的链接, 需要每隔7个加一个空行或平行线以做分组, 例如, 微软公司的软件共有11个栏目, 超过了9个, 他们都这样做。

4、视觉平衡

在进行界面设计示, 各种元素, 例如图形、文字和空白, 都会有视觉作用。根据视觉原理, 图形与一块文字相比较, 图形的视觉作用要大一些。因此, 为了达到视觉平衡, 在进行界面设计时, 需要用更多的文字来平衡一幅图片。另外, 按照中国人的阅读习惯是从左向右、从上到下, 因此视觉平衡也要做到这一点。例如, 很多的文字采用左对齐方式, 需要在界面的右边加一些图片或一些较明亮、较醒目的颜色。一般情况下, 每张界面都会设置一个页眉和一个页脚, 页眉用来放置一些Banner广告或导航条, 而页脚则用来放置联系方式和版权信息等, 页眉和页脚在设计上也要注意视觉平衡。同时, 空白的价值也不容低估。如果界面上所显示的信息非常密集, 这样不但不利于阅读, 甚至会引起反感, 从而破坏该软件的形象。在进行界面设计时, 适当增加一些空白, 精炼界面, 会使得页面变得更加简洁。

5、色彩的搭配和文字的可阅读性

颜色是影响界面的重要因素, 不同的颜色给人的感觉不同, 例如, 红色和橙色使人兴奋和心跳加快;黄色使人联想到阳光, 是一种快活的颜色;黑颜色显得比较庄重。如果希望对使用者产生什么影响, 就要为界面设计选择合适的颜色, 包括背景色、元素颜色、文字颜色、链接颜色等。

为方便阅读办公软件上的信息, 可以参考报纸的编排方式将界面的内容分栏设计, 甚至两栏也要比一栏的视觉效果好。另一种能够提高文字可读性的因素是所选择的字体, 通用的字体是Arial、courier、Garamand、Times New Roman、中文宋体等, 最易阅读, 特殊字体用于标题效果较好, 但是不适合正文, 如果在整个页面上使用一些特殊字体, 这样使用者阅读起来就会感觉很糟糕, 也很费力, 时间一长就会感觉疲劳;疲劳, 不得不转移到其他页面。

6、和谐与一致性

通过对办公软件的颜色、字体、图形、空白等元素使用一定的规格, 使得办公软件界面的设计看起来应该是和谐的。或者, 办公软件的众多单独界面看起来像一个整体。办公软件设计上要保持一致性, 这又是最重要的一点。一致的结构设计, 可以让使用者对办公软件的形象有深刻的记忆;一致的导航设计可以让使用者迅速而又有效地进入办公软件中所需要的部分;一致的操作设计, 可以让使用者快速学会在整个办公软件中的各种功能操作。破坏这一原则, 会误导使用者, 并且让整个办公软件显得杂乱无章, 给人留下不良的印象。当然, 办公软件设计的一致性并不意味著刻板和一成不变, 有的办公软件在不同栏目使用不同的风格, 或者随着时间的推移不断地改版办公软件, 会给使用者带来新鲜的感觉。

7、塑造办公软件个性

办公软件的整体风格和气氛表达要同企业形象相符合并应该很好地体现企业CI。在这方面比较典型的案例有: 可口口乐个性鲜明的前卫软件;崇尚科技创新文化的3M软件;刻意扮演一个数字电子娱乐之集大成者的角色, 要新时代梦想实现者的索尼软件;平易亲人、亲情浓郁的通用汽车公司软件体现了“以人为本”的企业定位和营销策略;服务全面、细致、方便, 处处体现“宾至如归”服务理念的希尔顿大酒店软件。

五、设计流程

办公软件界面的设计流程主要有如下六大步骤。

1、创建系统功能的外部模型;2、确定为完成此系统功能人和计算机应分别完成的任务;3、考虑软件界面设计中的典型问题;4、借助CASE工具构造界面原型;5、真正实现设计模型;6、评估设计的软件界面质量。

六、注意事项

在办公软件界面设计的过程中, 应注意如下事项:

1、办公软件框架设计

办公软件的框架设计就复杂得多, 因为涉及办公软件的使用功能, 应该对该办公软件产品的程序和使用比较了解, 这就需要设计师有一定的办公软件跟进经验, 能够快速的学习办公软件产品, 并且在和办公软件产品的程序开发员及程序使用对象进行共同沟通, 以设计出友好的, 独特的, 符合程序开发原则的办公软件框架。办公软件框架设计应该简洁明快, 尽量少用无谓的装饰, 应该考虑节省屏幕空间, 各种分辨率的大小, 缩放时的状态和原则, 并且为将来设计的按钮, 菜单, 标签, 滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配, 将办公软件商标放在显著位置, 主菜单应放在左边或上边, 滚动条放在右边, 状态栏放在下边, 以符合视觉流程和用户使用心理。

2、办公软件面板设计

办公软件面板设计应该具有缩放功能, 面板应该对功能区间划分清晰, 应该和对话框, 弹出框等风格匹配, 尽量节省空间, 切换方便。

3、办公软件按钮设计

办公软件按钮设计应该具有交互性, 即应该有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态; 点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果, 应能够让使用者产生功能关联反应, 群组内按钮应该风格统一, 功能差异大的按钮应该有所区别。

4、图标设计

图标设计色彩不宜超过64色, 大小为16×16、32×32两种, 图标设计是方寸艺术, 应该加以着重考虑视觉冲击力, 它需要在很小的范围表现出办公软件的内涵, 所以很多图标设计师在设计图标时使用简单的颜色, 利用眼睛对色彩和网点的空间混合效果, 做出了许多精彩图标。

5、菜单设计

菜单设计一般有选中状态和未选中状态, 左边应为名称, 右边应为快捷键, 如果有下级菜单应该有下级箭头符号, 不同功能区间应该用线条分割。

6、滚动条及状态栏设计

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计, 应该有上下箭头, 滚动标等, 有些还有翻页标。状态栏是为了对办公软件当前状态的显示和提示。

7、标签设计

标签设计应该注意转角部分的变化, 状态可参考按钮。在进行任何一个办公软件界面设计, 必须考虑系统响应时间、用户求助机制、错误信息处理和命令方式四个方面。让用户使用办公软件更加的方便, 也能够及时的解决办公软件出现的问题, 将办公软件服务做的最好。

七、结束语

总之, 为了设计出满足用户要求的高质量的办公软件, 不但要对办公软件所实现的功能做出比较完善的设计, 而且办公软件的功能要通过用户界面体现出来, 所以, 设计友好的、易于操作的办公软件界面是非常重要的。

参考文献

[1]张萍.人性化软件界面设计的历史和原则[J].包装工程.2011 (20) .

[2]万斐.以用户为中心的UI界面设计[J].艺术科技.2012 (05) .

[3]盛明悦, 崔川.浅析手机应用程序的界面设计原则[J].电子技术与软件工程.2013 (12)

[4]许赞.探析人机交互软件界面设计[J].中国包装工业, 2014 (02) .

软件界面情感化设计 篇8

人机界面(Human-Computer Interface,简写HCI,又称用户界面或使用者界面):是操作人员与机器之间双向沟通的桥梁,很多工业被控对象要求控制系统具有很强的人际界面功能,用来实现操作人员与工业控制系统之间的对话和相互作用。

人机界面介于用户与机器系统之间,是连接人与机器的媒介,是用户使用机器系统的综合操作环境。通过人机界面,用户向机器系统提供命令、数据等输入信息,这些信息经机器处理后,又通过人机界面,把产生的输出信息回送给用户。人机界面集中体现了用户对机器系统的各个部件进行操作的控制能力,以及机器系统的输入/输出功能。

人机界面系统使得人能更加方便的控制、使用机器,并能够得到机器更多的反馈信息。它使得人与机器的沟通更加简单、深入、广泛。

1 开发背景

1.1 开发背景

随着人类社会的不断发展,人机界面已经越来越被应用于各行各业,如何创造更加适用于工业控制中的人机界面系统是很多公司开发新产品时所需要考虑的问题,而用来开发系统的PC机配套开发软件启到了承接系统与开发人员之间的交互,是其中很重要的一个环节。

1.2 设计目的

为了使开发人员能够更快更方便的开发出人机界面系统,减少开发人员的程序编写内容,设计了人机界面的配套开发软件。该软件操作方便,即使是非专业人员只要经过简单培训就能掌握软件的使用方法,减少开发时间和管理开支。考虑到本软件的商用目的,在设计的时候要注意软件的健壮性、安全性和速度性。本软件适合使用本公司人机界面进行二次开发的开发人员提高工作的效率,减少不必要的开支。

1.3 开发工具简介

Visual C++6.0,简称VC或者VC6.0,是微软推出的一款C++编译器,将“高级语言”翻译为“机器语言(低级语言)”的程序。Visual C++是一个功能强大的可视化软件开发工具,使用它可以充分利用具有面向对象特性的C++来开发出专业级的Windows应用程序。

微软公司对Visual C++提供了一个类库(class libraries):

MFC(Microsoft Foundation Classes),它是以C++类的形式封装了Windows的API,并且包含一个应用程序框架,其中包含的类包含大量Windows句柄封装类和很多Windows的内建控件和组件的封装类,可以大量减少应用程序开发人员的工作量。

2 需求分析

2.1 软件功能分析

本软件应该具有如下功能:

1)以工程记录开发人员所制作的界面,工程创建时可供开发人员设置工程名称及保存路径,选择与人机界面配套的分辨率尺寸,软件将根据开发人员选择的分辨率而创建与之尺寸相同的画面。

2)软件可供开发人员绘制画面及各种图元,用以实现开发人员在该画面所需要表现的内容。画面可保存,图元可更改。

3)开发人员在画面中想显示现场的实时数据时,可以在画面中添加组态控件来制作,会极大的简化开发人员的程序编写内容。

4)开发人员可对制作的文件保存并编译,以方便检查错误之处,并可以在工程管理中查看工程中已包含的画面。

5)该软件具有串口功能,其是用来与本公司的人机界面系统相连接的。软件将开发人员制作的工程内容变为命令数据,并通过串口传送到人机界面系统中并保存,同时,软件也可以通过串口对人机界面进行调试演示。

6)软件可将开发人员制作的工程生成一个数据文件,方便开发人员供给生产员工操作,并因为数据文件无法更改与查看而具有不可变性与保密效果。

2.2 软件流程图

3 总体设计

3.1 模块设计

图2为模块设计图。

3.2 软件开发原则

软件是实现人机界面系统各项功能的核心,软件系统的设计、开发遵循以下原则:

1)依据功能指标,满足系统使用需求;

2)遵循软件工程化的设计方法和管理原则;

3)采用面向对象和模块化的设计和实现技术,强调软件重用、数据重用和系统的互操作性,并最终实现系统功能的综合一体化;

4)在满足系统的各类要求的前提下,保持一定的可扩充性,在将来需要时进行功能扩充;5)通信接口和格式须符合“一体化”要求,以便与人机界面系统的互连互通;

6)软件系统运行可靠,信息保密;

7)加强软件测试,提高软件可靠性和系统的稳定性。

4 详细设计

4.1 界面设计

整体界面设计如下图:

4.2 预置画面设计

本软件引入预置画面概念,用户跟机器沟通控制时想要显示出来的内容可分为固定部分与变化部分,固定部分则为在某个条件下不动作的部分,变化部分则为用户根据机器返回的数据不停更改的部分。那么固定显示的部分可以预先在配套软件上进行绘制,根据不同操作显示不同制作多幅画面,则可称为预置画面。然后将其作为“预置画面”送入人机界面内存储,在需要显示时,使用简单的页面调用指令就可直接调出显示。预置画面不但可以循环、交替、重叠显示,还可以与现场实时数据组合显示,预置画面的使用可以减少工作中通讯传输的负担以及重复性的工作,提高了二次开发的效率与效果。预置画面的标准配置为1024页。

在制作预置画面时先根据分辨率建立工程,再建立画面,使用软件工具栏中的制图工具,可以在画面上进行提取颜色、更改颜色、写字、绘制直线、空心矩形、实心矩形、空心椭圆、实心椭圆、分类框、面板(包括透明与实心两种)、插入图片等基本制图操作[1],并可在状态栏中实时得到鼠标当前的坐标值以方便绘图,可以单击图元进行位置、大小的改动,也可以双击图元以查看每个图元的信息并进行精确更改,具有撤销、返回撤销、删除、剪切、复制、粘贴、上移一层、下移一层等功能方便图元制作,这些功能可以让用户更简单、方便的绘制画面。

画面制作完成后,可以对画面进行保存,在保存的同时将画面中各图元编译为十六进制数据命令格式保存,也可将整幅画面或者截取部分画面生成图像文件(.bmp格式)保存以方便用户使用到其他方面。

4.3 组态控件设计

组态控件是本公司人机界面系统中首家开发的一个功能。之前所述,机器在现场实时操作时某些数据是不断更新的,并且开发人员为了整个界面的美观和谐而使用不同的形式来表示数据,比如:指针形式、进度条形式、按钮形式等,故而在开发人员需要进行现场实时更改时需要如下步骤:擦除原先显示的内容,将实时数据转换为当前需要显示的内容,再将内容显示到界面上,这些步骤相当繁琐。

故本软件中创建了六种控件:指针控件、进度条控件、数值控件、图片控件、按钮控件和字符串控件。开发人员只需要在软件预制画面中放置好控件并定义好各控件的属性,比如:控件号、显示颜色、对应数据量的最大值与最小值、超出显示时的报警颜色等,需要注意的是,在整个工程中控件号是唯一设定的,一个控件号对应着一个控件,不得重复,否则在编译工程时将提示控件号重复的错误。待开发人员完成工程的制作,并下载到人机界面系统中之后,开发人员在编程处理现场实时数据的时候,只需要将控件号及实时数据值通过接口发送给人机界面系统,则会在界面中自动显示出对应控件号的控件在对应数据时的状态,无需用户进行擦除、转换、显示等操作,有效减少了开发人员在处理实时数据时所需的时间。

4.4 串口下载设计

因为一般人机界面系统都具有RS232串口,RS232串口具有抗干扰性能好、传输距离远等优点,故在配套软件中同样使用串口来与人际界面系统连接,则需要将电脑的USB口虚拟为串口来使用,此时可使用MSComm类库来对串口进行查找打开及读写操作[2]。

软件设计有三处可以进行下载的地方,这三个对话框都需要配置串口:

1)工程下载:对整个工程制作完毕并编译正确后,可以在工程管理框中查看本工程中所有的画面及图片,并在工程管理框中进行工程下载,即将制作的整个工程都下载进人机界面中。

2)文件下载:对整个工程制作完毕并编译正确后,软件就将工程编译为十六进制的数据文件,并分为两个文件组成:工程命令文件与图片信息文件,这两个文件可以被单独拷贝并使用文件下载对话框进行单独下载[3]。这种方式适用于在开发人员将整个人机界面系统开发完成后,转移给生产部门进行批量生产,因为这两个文件不能被还原为画面,故而不会在生产时进行误操作,同时也不会被人盗用而具有保密效果。

3)图片下载与在线调试:在线调试对话框中分为图片设置、实时动态调试与扩展三个部分。软件具有单独下载图片的功能,当开发人员想在人机界面中添加图片时,可以使用该功能,在列表中添加图片并可进行图片排序,并可保存以方便以后的查看下载或修改。实时动态调试部分,包含各种对人机界面操作的调试:画面切换、背光控制、清屏、触摸设置、作图等,可以在人机界面与电脑连接后,轻点鼠标对人机界面进行调试操作以查看人机界面是否正常工作,并且在通讯记录中显示发送的命令数据,此数据可以作为开发人员编程参考。扩展部分中,开发人员可以进行十六进制自写指令、实时显示图片、用户字库存储及拷贝操作。

5 结束语

本文阐述了人机界面系统配套开发软件的实现过程,对其中关键技术进行了深入的讨论,设计出一套人机界面系统配套开发软件,已经应用在市场中,取得了用户的广泛好评。随着人机界面系统的应用领域不断深入与扩大,以及相关技术的逐渐完善,将对于配套开发软件有着更加高的需求,因此本软件还有着更多的扩展空间。

参考文献

[1]郭克新.Visual C++代码参考与技巧大全[M].北京:电子工业出版社,2008:432-467.

[2]龚建伟,熊光明.Visual C++/Turbo C串口通信编程实践[M].北京:电子工业出版社,2004:46-63.

软件界面情感化设计 篇9

软件的界面设计是教学软件艺术性设计的主要内容。要给学习者构造良好的学习环境,提供优秀的学习资源,必须提高教学软件界面视觉的艺术性。一个视觉优美的界面,精巧的界面设计和合理的色彩搭配将课件中抽象、枯燥的教学内容转化为形象生动、富有感染力的信息,为学习者创造了一个轻松愉快的学习环境,提高了学习质量。

本文通过充分利用艺术学中编排设计的相关原则和内容,从屏幕信息元素的造型、内容布局和色彩搭配、视觉流程设计几方面来探讨教学软件界面视觉效果设计的基本策略。

1 信息元素的造型

造型指的是运用点、线、面、形、体、色彩、光、材料等手段来显现视觉对象。点、线、面、体作为人类视觉形象和构成的基本元素,就像组成完整文章的文字、符号、词语一样,是编排设计的基本造型成分,与人类视知觉密切相关。

例如,当画面中只有一个点时,人们的视线会被这一个点吸引;当画面中出现两个大小相同的点时,人们的视线会在二者之间来回移动;当画面中的两点大小不同时,人们通常会先注意到大的,然后逐渐向较小的移动;当画面中出现多个点时,人们会自动地将这些点联系起来,形成抽象线条,进而形成虚拟的意象。

线是最富表现力的视觉形态,不仅具有方向性,而且具有位置、长度、宽度、形状等特性。在教学软件中,恰当地运用不同属性的线条或不同形状的线性组合,不仅可以提高画面的张力,而且可以丰富软件画面的视觉效果。线条的表现力能引导观察者的目光和思想透过画面空间引发想象。例如:水平线暗示稳定或平静;曲线或波浪线表示悠闲或优雅;垂直线表示庄重和古板,也表示力量或威力;锯齿线暗示危险;斜线则可带来生气、活力和动感。

面可以是点的扩大,也可以是线移动的轨迹。面与线结合可以组成各种形状,大致可以分为几何形和自由形两大类。几何形简洁、明快、有序。比如,方形给人端庄稳重之感;圆形给人柔和、饱满和充实之感;三角形给人危险迫近之感。自由形随意洒脱,给人新鲜灵妙的感觉。

体是具有长、宽、高的几何体。立体图打破了传统平面图像的一成不变,为人们带来了新的视觉感受,使人过目难忘。立体画、立体图,使前景更突出、背景更深邃,从而使物体更逼真。

通常说“点动成线,线动成面,面动成体”,这些造型元素的变化与组合,会形成一幅幅生动的图形。教学软件中文字、图像、动画、视频等信息的位置、方向都可以应用点、线、面、体的特性,做出合理的安排。譬如,设计标题时,除了利用基本的点、线、面、体造型外,还可以把一个字、词看作一个点;一个标题形成一条线;一段文字就是一个面。

设计教学软件屏幕时,适当运用人们对点、线、面、体的几何视觉特性,创造有创意的信息元素造型,策划教学信息的表达形式,能够做到主题明确、重点突出,易理解、好记忆。

2 信息的合理布局

界面布局指的是在同一页面中各种元素、各种媒体的相互搭配和各自所处的位置。教学软件的界面布局要求在主体突出的前提下,各元素之间相互协调,整齐美观。为了将界面设计得精巧且有深度,应该遵循几点基本原则。

2.1 一致性

信息内容传达上的逻辑一致性与编排设计形式上的视觉效果,有着不可分割的内在联系。所谓一致性,是指在整个软件屏幕教学信息的设计中,同一类信息的大小、位置、色调等要保持一致,不可花样百出,不伦不类,让人难以琢磨。

2.2 简洁性

屏幕空间有限,要充分利用有限的空间去有效地传递有用的信息,屏幕信息组合易简不易繁。简洁的界面复杂度低、清晰度高,便于记忆。根据短时记忆的规律,语言文字要精炼,意义明确;图形要直观、清晰;动画要形象生动、切合主题。与教学目标无关的信息会分散注意力,要坚决避免。

2.3 均衡性

学习者在自然的平衡中才能得到和谐的韵律和节奏感。空间的分割,使各种意义和功能不同的信息元素进行有序的组合和分离。界面上的信息不仅要在一定空间内合理分布,而且各信息点间的位置、间隙、大小要保持一定的平衡感。例如,界面中的各要素要分区显示:标题、正文内容,多是居于界面的中间部位;而导航目录多是居于屏幕左侧或右侧;帮助、前进和后退按钮多是居于左、右两侧的上部或下部。

因此,教学软件界面信息的分布,要主次分明且简洁清晰,风格一致且均衡协调。

3 色彩的合理运用

色彩是教学软件界面构图的重要组成部分,是丰富画面形象的最好的表现手段,对活跃画面、丰富画面层次、吸引学生注意力、烘托和渲染教学氛围起着举足轻重的作用。

3.1 运用色彩的特性,确定界面色彩基调

色彩可分为单色和彩色两大类。单色可以是单一颜色或包含深浅不同的灰色。彩色指包含黑白系列以外的各种颜色。彩色有纯度、明度、冷暖之分。暖色系中高明度、高纯度的色彩给人兴奋感,低明度、低纯度的色彩给人沉静感。

界面的色彩基调,应该与教学目标、内容、教学模式以及教学对象相吻合。例如,以幼儿、中小学生为对象的学习界面,采用高纯度、明度的色彩,营造出活泼、轻松的视觉效果;而以成人为对象的界面,或政治、文化、科技、专业知识内容类的界面,则应以中性色为主,体现出一种朴实、庄重、和谐优雅的情景。

3.2 利用色彩的视觉效果,提高界面的视觉美感

界面的追求是:利用赏心悦目的页面视觉效果,创造一个有利于学习的平和的知识传播氛围。

为了使界面色彩丰富而有条理,一定要注意色与色之间的和谐联接。单一色彩反差小,给人单调、呆板的感觉。添加黑白色可以增强其反差,活跃图像。

3.3 利用色彩的对比关系,突出主体教学信息

色彩对比,是设计界面的基本规范。色彩有大小、主次、轻重之分。色彩的重量感是通过色彩的冷暖、明度、纯度表现出来的。不同重量感的色彩在画面中组合起来,会形成不同的意境、格调及情感体验。

重量感强的色彩在画面组合中,会形成阴沉的低调;重量感弱的一些色彩在画面组合中,会形成爽朗的高调。暖色和高明度色组合有扩大、膨胀感,冷色和低明度色组合则有显小、收缩感。例如两个面积相同的正方形,一个用亮色填充,另一个用暗色填充,会让人产生凸凹的感觉,引人注意的同时,为平淡的画面增添了立体感。

3.4 利用色彩间的相互关系,确保界面和谐均衡

界面均衡是指界面给人一种稳定、完整、和谐、平衡的感觉,是人们审美的基本要求。因此色彩的布局要注意“主题信息鲜艳夺目,辅助内容轻描淡写”,做到色彩均衡,主次分明;色彩的应用要注意繁简得当,而且繁而不乱,简而不单,丰富而不奢华,素雅而有内涵。

4 视知觉和视觉流程规律的应用

学习者在利用软件学习时,主要是通过视觉观察屏幕上显示的信息来获取知识,而屏幕上信息的显示效果与学习者的视觉生理特性、视知觉和观察事物的视觉流程规律密切相关。

人眼的视觉生理特性包括人眼生理上的分辨力、对比度和色差度等;视知觉指一种将到达眼睛的可见光信息解释,并利用其来计划或行动的能力。

4.1 遵循视觉生理及心理特性

4.1.1 分辨力

分辨力是指人通过视觉器官辨认外界物体细节的能力。正常视力的人,其分辨力受观察距离、被观察物的大小以及与背景亮度的相对对比度、照明环境的影响。视物过大或过小、视距太近或太远、光线过亮或太暗都会造成视觉疲劳,影响学习效果。

4.1.2 对比度

光度学理论表明:人眼分辨力不仅与被观察物体的亮度平方根成正比,还与物体和背景亮度的相对对比度成正比。

对一般教学软件而言,对比度的亮度分析难度较大。设计时依据主题鲜明突出,视觉舒适自然的原则,提高对比度,提高屏幕教学信息的显示质量。比如,需要强调的文字通过加粗、加亮、加下划线等方式加以突出,图形采用立体、暗影等效果彰显,背景采用图案淡化、过度色调等方法烘托主体。

4.2 遵循视觉流程规律

人们在长期生活实践中形成了观察事物的视点先后顺序、视觉焦点和余光等视觉习惯。在界面教学信息的设计中,利用视觉流程规律,对优化界面和提高教学效果有着重要意义。

4.2.1 视觉流程规律

界面中心线的左、上部1/3处,是视野区的视觉“焦点”部位,该焦点四周是所谓的“最佳视域区”。长期以来,人们在审视和观察事物和阅读文字的过程中,形成了“从左到右、从上到下、从大到小、先明后暗……”的视觉习惯(已经扬弃了古时从上到下、从右到左的阅读习惯),这就是视觉流程规律。

4.2.2 视觉流程规律的运用

通常人们对给定视野区的“最佳视域区”和“焦点”,是最先被关注的位置。按照视觉的生理特性和流程规律,优化屏幕界面视觉效果的主要任务是考虑教学信息的位置设计、教学信息浏览的逻辑顺序设计、内容信息的层次条理设计和色调对比艺术设计等。

4.2.3 视觉流程规律的方法

(1)对比法

对比在画面中能产生强烈的视觉吸引力。它不仅可以使画面摆脱平庸和刻板,而且可以使画面富有冲击力与层次感。最具有冲击力的部分是画面中最先被关注的地方;而层次感能够引导学习者接受信息的先后顺序。

(2)调和法

调和对近似加以强调。它利用视觉要素的共性带来相互间的呼应,实现各信息元素在空间各区域有效的穿插、联系,使学习者在阅读时按照习惯性,将同等属性的视觉元素联系在一起。这种自觉、跳跃的获取信息的阅读过程符合学习者的视觉流程,使他们接受起来比较自然,记忆也比较容易。

(3)捆绑法

Luck和Vogel提出的视觉工作记忆特性的捆绑方法,即把现在看到的东西和以前的经验作比较,加以分类、整合,再储存在大脑中。Luck和Vogel的观点可应用于教学软件界面的艺术设计中,将新信息与旧知识结合,增加学生的记忆累积,细化信息分类,以提高学生区别、分辨信息的能力。

5 结束语

通过教学软件来传播教学信息,达到教学最优化已是普遍现象。为了使学习者真正体会到多媒体教学的乐趣,掌握艺术编排设计知识的运用特点,充分利用大众经验及视觉特性的原理和规律,从学习者的角度设计制作课件,对教学软件界面的视觉艺术效果是非常重要的。

摘要：教育教学软件是重要的数字化教学资源,教学软件质量的高低直接影响着教学效果。本文从美学的角度,运用编排设计的视觉艺术理念,重点从教学软件界面的教学信息元素造型、布局、色彩搭配、视觉特性等方面探讨教学软件界面视觉艺术效果的设计策略。

关键词：教学软件,屏幕界面,编排设计,视觉艺术

参考文献

[1]李振亭,刘合英,孔繁士.多媒体课件设计理论与实践[M].北京:清华大学出版社,2006

[2]龙晓苑.数字化艺术[M].北京:北京大学出版社,2001

[3]张晓晶.多媒体课件的页面构设[J].中国科技信息,2008,22

[4]丰明高,蒋尚文,莫钧.编排设计[M].湖南:湖南大学出版社,2004

[5]张勤.多媒体课件色彩的人性化设计[J].教育信息化,2005,17

[6]江文杰,曾学文,林亚风.利用人眼生理视觉特性,提高多媒体教学效果[J].中国电化教育,2005,2

[7]张宁.画面的视觉效果在紫砂文化课件中的作用[J].中国电化教育,2004,11

[8]Wheeler M E,Treisman A M.Binding in short-termvisual memory[J].Journal of Experimental Psychology:General,2002,131:48～64

软件界面情感化设计 篇10

关键词：网上购物商城 色彩情感 图形比例尺 IRI design research

中图分类号：TB47

文献标识码：A

文章编号：1003-0069（2015）03-0055-02

1 研究背景

1.1 研究背景

伴随着互联网的不断发展，工业、教育、经济等已经发生了巨大的变革。根据2009年全球地区网络购物市场的调查，欧美地区已经处于全球领先地位，2009年欧洲和美国网购市场交易规模合计占据全球将近七成的市场份额；其次是亚洲地区，其市场份额近年来持续递增，2009年已达到23.5%（IResearch，2009）。心理学家认为，人的第一感觉就是视觉，而对视觉影响最大的则是色彩。人的行为之所以受到色彩的影响，是因为人的行为很多时候受到情绪的支配。所以说网站的配色是一个精心设计的与用户沟通的方式。

对网站GUI设计的使用性评价一般从一致性、有效性、可视性、审美性和简单性进行评价，通过对网站的图形、布局、色彩、排版、多媒体和导航这六个部分进行调查，获得网站改进的指导方针。所以色彩也成为决定网站的初步印象和品牌形象的重要因素之一。

1.2 孟塞尔色彩体系&IRldesign research

图形比例尺的方法是基于由Kobayashi （1999）发现的孟塞尔色彩体系（如图1所示）和韩国IRI design research。

Kobayashi以十种代表颜色划分12种色调和中性色的明度等级，得出了130种单色。同时提出了（value）、色相（hue）及色度（chroma）三维的空间和颜色一致的3个情感空间，例如“warm-cold”，“soft-hard”，or“clear-murkyl”，通过相关颜色提取了16个情感关键词。学者通过这种物理结构将人的感觉和色彩联系起来。举例来说关于颜色的图像使用的形容词一般是优雅的、摩登的。图像和语言之间必然会存在一定的差异，那么人们对色彩的感觉如何通过图像表达出来，所以以这种方式的色彩研究称为Language Image Scale。图像比例尺分为单色图像比例尺和配色图形比例尺，IRI图像比例尺将情绪反应定位在二维空间上的相对情感关键词，这是通过韩国IRI色彩研究所研发的。

2 研究目的与方法

本文的研究目的是基于国内外网上购物商城的界面设计的色彩情感研究，通过对国家间的调查分析比较，探讨各国在界面设计的色彩上是否存在情感差异或者共通的文化情感。

本文的研究对象是网上购物商城的主页，分别选取了中国、韩国、日本、美国、英国和法国这6个国家使用率较高的网上购物商城的主页（不包含亚马逊国际）。分别是：中国的淘宝、一号店、天猫，韩国的Gmarket、Auction和Lotte，日本的Rakuten和Yodobashi，美国的ebay和nasty gals，英国的Argos和shopper uk和法国的veate-privee。

如图2所示，截取购物商城的主页图，将网站中的banner广告去除，然后将图片马赛克，以画面颜色所占面积的主次选定主要色。通过l刚图像比例尺提取相应的情感形容词。首先在色彩的图像比例尺的空间中找到对应的色彩区域，然后和与之对应的情感形容词图像比例尺中找到对应色彩的形容词。客观地表现情感与色彩之前的关系。

3 关于国内外网上购物商城的界面设计的色彩情感差异对比

3.1 各国网上商城界面设计的色彩形容词分布

通过Image scale中所示（图3），各国网上购物商城的色彩在languages image scale集中区域在愉快、动态、艳丽、现代的总类别中，集中处在表达现代主义的情感区域。

同时我们可以发现，在image scale中，各国的区域分布具有文化的相似性。中国和日本的分类独树一帜，色彩特点都表现出本国文化特征。英法的色彩区域是彼此靠近的，英法同属欧洲区域，彼此之间的影响会比较深刻。通过调查发现，美国和韩国的色彩情感比较接近，都属于现代的色彩形容词区域，色彩情感上具有一定的相似性。

3.2 各国网上商城界面设计的色彩情感差异评估（表1/图4）

中国

通过单独观察每个国家可以发现，中国的代表色彩是红色。淘宝、一号店和天猫的色彩都集中在暖色系。一般高纯度的和低明度的色彩都属于暖色系，具有活力感。他们的色彩形容词的总类别处于愉快和动态。他们的色彩感情都具有年轻化和自由的感情。

韩国

韩国的色彩形容词集中在现代和动态区域。例如图4中所示，Gmarket、Auction和Lotte网站选取的色彩都具有较高的纯度，分别的子类别形容词是前卫、创新和实用。韩国在购物网站色彩的选取上都比较大胆，喜欢使用大块面的色彩，具有现代化的情感因素。选取的黄色白色都属于明度较高的色彩，配合深色使明度的差异更大地体现出来，更具有一种创新进步的感情色彩。

日本

日本的Rakuten和Yodobashi网站色彩有强烈的对比性，色彩的纯度都比较高。在image scale中处于的总类别是艳丽和现代的区域。在形容词子类别中，Rakuten属于复杂和强硬的色彩形容词，Yodobashi的色彩形容词是人工的。日本的购物网站的信息量都比较大，所以色彩分布也比较杂乱。红黑蓝等色彩的强烈对比，使他们的网站色彩更具有现代化强硬的感情色彩。

美国

亚马逊ebay和nasty gals作为美国代表性的购物，他们共同的色彩感性标志是现代化性非常明显。亚马逊和ebay都属于综合类的购物网站，产品较为复杂，在颜色的选取上具有现代和杰出的色彩形容词。而nasty gals是时尚类的购物网站，高纯度的蓝搭配淡粉色彰显了都市情感，色彩具有跳跃性。美国购物网站的特点是基本辅助色集中在中间灰度，高纯度的色彩以及强的对比色有—种坚硬的感情，网站更具有现代化的都市感。

英国

Argos和shopper uk作为英国的代表性购物网站，他们的色彩感情是十分统一的。在形容词的总类别中属于华丽和愉快的区域。Argos红蓝冷暖色反对的组合，突出感觉。而shopper uk使用了偏黄的绿色，充满明亮的情感。英国的购物网站的色彩特点具有干净明度较高的色彩，他们的配色徘徊在冷暖色调之间，具有多样化轻松的感情色彩。

法国

法国是具有浪漫主义色彩的一个国家，所以veate-privee在选色上挑选了淡雅的色彩，大面积的天空蓝搭配浪漫的粉紫色。整个网站都充斥着法式的浪漫，具有很强的装饰性和迷人的感情色彩。

4 结论

通过以上研究总结，中国的网上商城通常会使用传统的红色系和明亮的颜色，表现出愉悦的情感。英国法国在色彩的选用上都比较符合国家本身的情感，展现出了愉快的、充满活动的、迷人的情感因子。而韩国的结果比较特别，不同于另外两个亚洲国家，得出的结果和美国比较接近，网上商城的色彩充满了摩登现代化的情感。这种特殊的文化差异是值得进一步推敲研究的，希望能在后续的研究过程中的得到一定的结论。

软件界面情感化设计 篇11

1 系统分析

1.1 组态软件的功能结构

上位机组态软件为用户提供一个可以根据工艺要求进行组态监控的环境,这个环境包括模拟现场工艺流程的图形界面子系统,将现场的数据形象直观地显示出来的参数曲线图,还包括为各子系统提供数据服务的数据库子系统。上位机组态软件包括两个部分:系统开发环境和系统运行环境,它们分别对应工程师站的组态软件部分和操作员站的监控软件部分。下图1是软件的总体设计结构图:

1.1.1 系统开发环境

系统开发环境是自动化工程操作员要实施控制方案,进行应用程序的系统生成所必须依赖的。在这个过程中,操作员建立一批用户数据文件,生成最终的组态文件,以便系统运行时使用。

1.1.2 系统运行环境

在这个环境下,设置好的组态文件载入计算机内存并运行。系统运行环境根据组态软件图形界面上图元的动画连接和数据采集设备采集到的现场数据实时更新图形画面,用组态图形的方式将现场工程运行状况显示出来。

整个组态软件的工作过程为:在系统的开发环境下,自动化工程操作员首先进行一定的系统组态和调试,生成组态文件,然后在系统运行环境下,将组态文件投入实时运行,完成工程项目。

按照组态软件功能构成划分,有以下几个基本部分:图形界面模块,数据库模块,参数曲线图,I/O驱动程序。组态软件功能很丰富,它的各个功能之间具有一定的独立性,因此它相当于一个集成软件平台,由多个程序组件构成。下面简单介绍一下各模块的功能:

1.1.2. 1 图形界面模块

监控系统主要的对外应用窗口就是图形界面模块,它也集中体现了监控软件大部分的功能。图形界面第一项功能是在系统开发环境中利用绘画工具绘制系统工艺流程图,即编辑生成监控画面中的静态部分。图形界面的第二项功能,就是在屏幕上实现动画。当系统运行时,软件的运行系统根据组态信息,将更新函数发送给动态元素类,并传递从数据库中所读取的特定内容,使动态元素类完成动画连接[1]。

1.1.2. 2 数据库模块

随着商用数据库价格越来越低,将其作为组态软件的后台数据库十分可行[2]。不过直接用商用数据库来处理实时数据也有一定的局限性:由于监控系统定时采集和输出数据,软件将频繁的对数据库进行读写数据、更改日志等操作,带来大量的磁盘I/O读写,造成系统长时间等待。如果数据库不能保证在规定的时间完成这些操作,可能会影响整个系统的工作或产生错误数据。鉴于以上原因,本设计只适用于中小型的控制系统,变量点较少的情况。本文中采用的数据库是SQL Server 2005。

1.1.2. 3 I/O驱动程序

I/O驱动程序是组态软件必不可少的一个组成部分,它的作用是:与现场控制站的I/O设备通信。目前有两个通用的标准I/O驱动程序,它们是支持DDE标准的DDE和支持OPC标准的OPC Client。大多数组态软件的DDE驱动程序直接嵌入实时数据库系统或图形系统中,而大部分OPC Client则单独使用[3]。

2 图形界面模块的设计与开发

2.1 图形界面模块的功能结构

图2所示为图形界面子系统的功能结构图。

图形界面子系统主要分为五个模块,其主要功能和作用如下:

2.1.1 基本图元

图形工具的主要功能是用户根据工艺流程图利用图形工具来模拟现场的生产状况并生成若干个图形画面。

2.1.2 编辑工具

编辑工具的主要功能是实现对图元的剪切、拷贝、粘贴、删除、拖放、旋转、组合、拆分等操作,使得用户组态更加快捷和方便。

2.1.3 图元属性

每种对象都具有自己的属性,属性反映的是对象的特征。在本系统中,通过图元属性的变化来反映数据的变化,比如液位超限时棒图改变颜色等。根据图元的不同类型,可以给图元定义不同的属性。图元属性管理主要是对图元的颜色、填充、风格等属性的设置、修改、保存等[21]。

2.1.4 动画连接

动画连接主要是对监控组态软件的运行而言的,其主要功能是对图元的各种属性如位置、颜色、填充、旋转等进行动态设定。在运行状态时能够使图元的各种属性随现场的实时数据的变化而变化,给操作人员以直观而明显地提示。

2.2 图元绘制的基本实现方法

组态软件的所有操作画面都是在图形界面模块下制作生成的,而生成的这些操作画面,都是用矢量图存储的。所以图形界面模块是工程设计人员最常用的。它采用面向对象的图形技术,依照操作系统的图形标准,为使用者提供丰富的绘图编辑,动画连接和脚本工具[4]。矢量图形在结构上采用文档/视图结构。本软件采用的是多文档视图结构(视图为滚动视图类(CScrollView))数据存储在文档类,图形在视图类显示。软件中还应用了类的继承与派生。首先设计基本的矢量绘图类CDrawOBj,从这一绘图类可以派生出其他作图类。大大简化了不同图元的处理过程,节省了代码编写时间。即使图元的表现形式和处理结构不同,他们仍然有许多相同的特性。例如:都有颜色定义功能,都可以移动,都具有绘制图元的函数。本软件介绍的绘图程序DrawCli,能完成以下功能:用鼠标在屏幕上直观的画出直线、矩形、圆等对象,将这些图形在磁盘上永久保存并在下次使用时可以重新打开。图元的存取采用MFC的串行化技术,这是一种访问文件的快捷方式[5]。

2.3 与绘图程序相关的主要类及函数

2.3.1 CView类和CScrollView类以及其成员函数本绘图程序所涉及的CView类和CScrollView

类的主要成员函数如下:鼠标消息处理函数、OnDraw和GetDocument函数、专门处理滚动视图的函数和转换坐标。

2.3.2 CView类和CScrollView类以及其成员函数CDocument类及其成员函数

一般应用程序派生自己的文档类都是从Cdocument类。本软件程序支持OLE,所以ColeDocument派生文档,而Cdocument也是ColeDocument的基类。有关的Cdocument类的成员函数主要如下:标准文件操作成员函数OnNewDocument、OnSaveDocument、OnOpenDocument和OnCloseDocument,DeleteContents函数、SetModifiedFlag函数和Serialize函数。

2.3.3 CDC类和CClientDC类及其成员函数

在MFC的框架应用程序中,试图所显示的文档数据都是通过设备文本(Device Context)并调用CDC类或CClientDC类的绘图函数,例如绘图,图像和文字来完成的。CDC类是一个定义设备文本类的基类,所有关于绘图的函数都在CDC类中定义。从CDC类派生的CClientDC类是在视图客户区中进行绘制的设备文本类。在默认的情况下,逻辑坐标是与设备坐标相同的。坐标原点也在窗口左上角,以像素为单位。横坐标的值随用户向右移动而增加,纵坐标的值随用户向下移动而增加。如果窗口支持滚动的话,原点会随着滚动而调整[6]。

2.3.4 CDialog类及其成员函数

对话框主要由对话模板资源和对话类这两部分组成。对话模板资源用来定义对话框的特性(如大小、位置和风格等)和对话框控件的类型和位置。一般用对话框编辑器创建和编辑。对话类是从CDialog派生的用于管理对话框的C#类,由ClassWizard创建。

2.4 图元绘制的实现

本软件开发了一个图形编辑器。该编辑器可以方便实现对基本矢量图元的绘制,并可以通过图文操作引入静态背景图片,同时还开发出一些常用的控件如棒图、仪表等,并提供了颜色和字体选择对话框,用户可以通过交互的方式改变图形的颜色和选择所需的字体,同时还可以进行图元的移动、剪切、置前和置后等编辑操作,从而方便地绘制出工艺流程画面,如图3所示。

实现图形动画设计的主要方法是将用户窗口中图形对象与实时数据库中的数据对象建立相关性连接,并设置相应的动画属性。所谓动画属性,实际上是反映图形大小、颜色、位置、可见度、闪烁性等状态的特征参数。例如,一个长方形的动画属性有可见度、大小变化、水平移动等,每一种动画属性都会产生一定的动画效果。在系统运行过程中,当工业现场中测控对象的状态发生变化时,通过设备驱动程序将变化的数据采集到实时数据库的变量中,该变量是与动画属性相关的变量,数值的变化使图形的状态产生相应的变化,如大小的变化、颜色的变化等等。

现场的数据是连续被采集进来的,这样就会产生逼真的动画效果[7]。

2.5.1 动画连接类型

在计算机屏幕上实现动画,需要考虑两种运动形式:平移和旋转。另外,在组态软件的图形界面动画中,还需要边框颜色、填充颜色以及棒图等的动画连接,因此要实现动画连接,需要定义相对应的多组独立参数。在本软件中,主要设计了颜色、填充、旋转、平移、命令按键等动态显示功能。如图4所示控件动画连接属性。

2.5.2 实现动画连接

动画连接分为颜色、填充、旋转、平移、命令按键等动态类型。

2.5.2. 1 颜色连接

颜色连接可使图形对象的线条色、填充色、文本颜色等属性随着变量或表达式的值的变化而变化,包括线条颜色、前景颜色和背景颜色的动画连接。如图5所示颜色连接。

颜色连接的成员函数为:

void linkprop::OnLinkFrontcolor();

//前景连接

void l inkprop::OnLinkEdgecolor ();

//线条连接

void linkprop::OnLinkBackcolor();

//背景连接

2.5.2. 2 填充连接

填充连接可以使具有填充形状的图形对象的填充比随着变量或表达式值的变化而变化,用来模拟容器的液位或工作进度等。填充连接的设计算法参照前面关键技术的研究中的百分比填充算法来实现,如图6所示颜色连接。

填充连接的成员函数为:

void linkprop::SetFillDirect(enum DIRECT direct);//设置填充方向

void linkprop::SetFillMinInput (double value);//设置填充下限的输入值

void linkprop::SetFillMaxInput (double value);//设置填充上限的输入值

void linkprop::SetFilIColor (COLORREF color);//设置填充颜色

2.5.2. 3 移动连接

移动连接是指图形对象位置随着变量或表达式的值的变化而变化,分为水平移动和垂直移动动画连接,如图7所示移动连接。

与之相关的操作包括:

void linkprop::SetMovBPoint();

//设置平移起始点

void linkprop::SetMovEPoint();

//设置平移终点

void linkprop::SetMovMinInput();

//设置平移起始点的输入值

void linkprop::SetMovMaxInput();

//设置平移终点的输入值

2.6 参数曲线图

为了便于工程操作人员直观地观测到几个重要参数的历史变化趋势和大致范围,创建了参数的趋势曲线生成图。在图形界面的菜单栏选择历史数据,其界面如图8所示。

这个历史数据界面的主要功能是:

a、根据记录时间和操作人员进行检索和查询;

b、可以按用户的要求选择显示的变量;

c、动态显示历史记录中几种重要参数的曲线图。

图9即为选择变量的界面。

选择要查看的变量后,点击确定即可得到所需要的参数曲线,如图10所示。

3 结论

在图形界面子系统的基本图元的设计中,不采用传统的基于像素(点阵光栅)的方法,而是采用先进的基于矢量图的方法,完成了系统工艺流程图的绘制从而更好地满足用户图形组态的需要。解决了图形界面动画连接中遇到的几个典型问题,实现了图形界面的动画连接。将画面和其所代表的设备所产生的数据联系起来,使数据的变化实时地反映到屏幕上。

参考文献

[1]Daniel Tkach,Richard Puttich.Object Technology in Applicat ion Development.Addison Wesiey Publishing Company.

[2]伊红卫.工业控制组态软件的体系结构设计.电子技术应用,2008(1):14-1 5

[3]袁楚明,谌彦,周劲东等.实时多任务工业监控组态软件的研究与开发.机械与电子,2004(2):4 3-46.

[4]吕高旭.Visual C#范例精要分析.清华大学出版社,2008

[5]Jeffrey Richter.Windows核心编程.机械工业出版社,2000

[6]史京玲,刘旺开,白涛.VC环境下监控软件图形界面的开发.测控自动化,2004.20(4)