欢迎访问爱发表,线上期刊服务咨询

界面设计8篇

时间:2023-03-03 15:57:59

绪论:在寻找写作灵感吗?爱发表网为您精选了8篇界面设计,愿这些内容能够启迪您的思维,激发您的创作热情,欢迎您的阅读与分享!

界面设计

篇1

多媒体设计

多媒体技术是指将多种单媒体复合而成的技术。多媒体技术融合了各种视觉和听觉媒体,包括动画、文字、图形、图像、语言、音乐和立体声响等,多媒体网页UI界面可以让用户同时接受多样的媒体信息来源。网页UI界面设计中使用多媒体技术可以体现以下几个特点:1)集成性,对远程多媒体的影音信息统一取得与。2)交互性,人性化的实现信息传播,能够主动选择和控制信息流方向。3)非线性,创建了超文本链接方法,把灵活展示浏览内容。4)实时性,实时控制多媒体信息,及时配合用户指令。5)动态性,用户可以按照自己的需求选择信息使用方式,甚至重组信息的各种表现形式。

网页交互设计

交互设计需要解决的是人与机器之间互动的问题,是表现层的东西,好的交互设计方案能够让用户感觉网页非常好用。怎样的网页交互设计才算是好的方案呢?1.让人有耐心等待。根据网络调查,大多数用户对网页打开的等待时间最多坚持5秒钟,如果5秒内页面都不能打开,那这个页面上的内容将没有任何意义都就将。所以在交互设计时,需要考虑网页等待时给用户提供的信息。最好的方式是反馈,当用户等待时,告诉用户他的操作是否成功并且将剩余的等待时间实时呈现,这样就能有效解决用户不能耐心等待的问题。2.让人不用动脑筋想。好的网站能够帮助用户快速完成任务,要达到快速完成任务的目的,交互设计必须使页面简单,尽量让用户浏览时不收不必要的干扰,最好能够符合用户心智模型。因为,大部分的用户在浏览网站时希望的是能快速找到勉强应付的方案,而不愿意主动寻找方案,百分之八十的用户只会用百分之二十的功能。

网页UI界面设计展望

目前,网页UI界面设计主要是三维的视觉界面和二维的图形界面,同时辅以动画、声音等多媒体插件布局设计。随着计算机技术的不断发展,三维立体的操作界面系统会在网页设计中逐步普及,三维立体界面的直接操作是虚拟现实(VirtualReality)交互性的一个重要表现方式。三维虚拟空间中的直接操作包括平移、拾取和旋转等操作,例如如今比较前沿的3D影装和多点触控技术。三维直接操作使得网页UI界面设计不再仅仅局限于视觉效果的三维变换,可以实现类似于四维空间的人机直接交互,从而更好的完成用户操作。

篇2

(西安工程大学,陕西 西安 710048)

【摘 要】产品视觉界面设计是产品交互与用户体验的联系基础。优秀的视觉界面设计能更好的传递产品设计理念与品牌形象,为软件的交互设计提供更匹配的视觉风格。设计师运用基本的视觉要素创造优秀的用户界面,有效地传达产品的行为和信息。并且要结合用户的心理模型或产品行为使视觉结构与之相匹配,关注用户感知功能方面的认知体验与传达。视觉界面设计就是要在保证功能的前提下,在美学的基础上,最优传递交互产品的行为,向用户展示一个优雅的视觉设计。

关键词 界面设计;交互设计;UI;视觉传达

作者简介:聂伊(1988.08—),女,汉族,河北人,西安工程大学机电工程学院工业设计研究生,研究方向为视觉传达与媒体设计。

张敏言(1969.03—),女,汉族,陕西人,西安工程大学机电工程学院,副教授,研究方向为产品设计与人机关系。

交互产品将行为和用户联系在一起发生在视觉上,通常是通过产品界面的表现来实现的。视觉界面设计者工作的重点在于设计在组织上的运用,以及如何来利用视觉暗示和启示将行为信息传达给用户。设计师必须掌握交互设计原则和界面习惯用法的基本知识,这些对于塑造产品的行为都很重要[1]。

1 设计视觉界面设计的要素

视觉界面设计可以对产品的吸引力和效力产生很大的影响。要创造出有效且吸引人的用户界面,设计师必须掌握一些基本的视觉要素,如颜色、版面、形式和构成,还必须了解如何运用这些要素来有效地传递行为和信息。

1.1 文本

文本在任何用户界面中都是及其重要的一个组成部分,文字可以传递大量细微信息,但是我们必须要小心仔细才能够正确恰当地使用好文字。

人们主要通过文字的形状来辨识文字,形状差异越显著,文字也就越容易辨识。在报纸、杂志等印刷品中,正文字体主要采用宋体。宋体是有衬线字体,特点是横细竖粗,棱角分明。与之相对,显示器上的字体一般都是黑体。黑体基本上没有横竖粗细的变化,也没有衬线装饰。与印刷品相比,显示器的分辨率要低得多,如果在这种输出媒介上使用宋体的话,文字的衬线反而会妨碍阅读。不但没有棱角分明的美感,还很容易导致眼睛疲劳。也就是说,显示器的分辨率低,不足以显示有衬线字体。因此显示器上的字体一般都采用毛边较少的黑体[2]。

辨识文字和阅读文字有所不同,阅读中我们有意识地扫描个别字词,之后按照上下文来理解它们的含义。界面应该尽量少用文本,从而减少阅读量,这样才能保证几面导航的顺利进行。我们应该避免只依赖文字进行讲解,因为阅读文字速度很慢,而且会破坏用户对应用的浸入式体验。使用太多的文字是一种“说而不秀”的方法,这与移动应用的优势相违背[1]。少用文字原则并不意味着用文字是错的,或者说文字总是越少越好。它指的是在你想吸引用户进一步体验的时候,应该首先考虑减少文字,增加交互。

1.2 颜色

颜色作为界面视觉语言的一部分,向用户传达信息。对于多数应用程序,颜色的使用要吝惜,并且应该与视觉语言的其他元素结合,如符号、图标、文本,以及在界面上维持的控件关系。

当颜色太多时,我们的大脑不得不花费额外的时间记住每种颜色的意义,这样便降低了我们的处理速度。互补色在颜色处理中是指那些相反的颜色,当这些颜色被高饱和并且放置在一起时,就会制造出视觉假象。并且非常难以正确辨别,也非常难以让人聚精会神。高饱和的颜色看起来会显得鲜艳,从而吸引过多的注意力。在较小的地方适当地运用饱和始终的颜色可以有效地吸引用户的注意力,但这种用法应该保守使用。如果图形颜色与背景颜色只是颜色不同,而在饱和度和亮度上没有差别,则很难辨认。图形和背景除了色调不同外,饱和度和亮度也应有区别。

1.3 图标

图标最大的特点就是可以通过使用不同颜色和形状的图像来帮助用户直观地了解信息的种类和操作内容。与单纯的文字界面相比,图标的另一个特点是可以使界面的整体效果张弛有度。

软件中的图标有两大用途:一是作为信息传递的标志;二是作为指导用户操作的控件。但是,图形界面也存在缺点,只使用图标很难传递准确的信息。即便是人们经常使用的软件的工具栏,其中有些图标按钮也会使用户感到困惑。而且,如果消息框中只使用图标也无法传递详细的信息。因此,一般情况下,图标还需要文字信息的辅助。

2 设计视觉界面设计的原则

设计师需要关注如何用界面的视觉结构匹配用户的心理模型或者产品的行为,也必须关注如何将程序的状态传达给用户(如文档的编辑状态),还要关注围绕着用户感知功能方面(布局、视觉层次及图形背景问题等)的认知性问题。

2.1 运用视觉属性将元素分组,创造出清晰的层次结构

比如颜色、形状和位置来区分层次结构中的每个层次。最为重要的元素应放在其他元素的上方或者向外突出一些。需要突出的元素最好用饱和颜色来渲染,次重要的元素用欠饱和颜色渲染。与背景的颜色及其值的对比也不要太强烈,尺寸要小一些或者向内缩进。不饱和及中性颜色则可以用在不重要的元素上。

2.2 图像的运用要适当紧凑、一致,并且要适当考虑使用环境

视觉元素也应该是紧凑而通用的视觉语言的一部分,这意味着相似的元素应该采用相同的视觉属性,在一致的位置摆放信息和控件。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页上的相同的位置,而且他们还应该有相同的颜色、字体和阴影等。这样的一致性能让用户很快地找到和识别它们。除了具备功能价值,图标在传递品牌属性上还有重要的作用。无论采用什么样的风格,风格都必须一致。

2.3 避免视觉噪声和混乱

界面上的视觉噪声一般是由过多的视觉元素造成的,这些多余的视觉元素将人们的注意力从那些直接传达功能和行为主要对象上转移到他处。这些视觉噪声包括过分的装饰、不必要元素、过度使用标尺、视觉上厚重的用于隔离控件的元素或者过分的使用视觉属性(包括颜色、纹理和对比)等。混乱的界面试图在一个有限的空间中提供过多的功能,结果会导致这些空间在视觉上相互干扰。视觉上过分装饰、混乱或者过多的屏幕都会加重用户的认知负荷,产生信息焦虑的情绪,这将影响用户的速度、理解能力和任务的完成。

2.4 保持简单,使用最小的视觉风格

一般来说,界面应该使用简单的几何形状和最小的轮廓。如果一个程序长时间占据使用者的注意力,应该考虑弱化视觉表现上的颜色和纹理。颜色的数量要严格限制,并且应该以较为不饱和的颜色或者中性颜色为主,可以适当加入一些高对比作为强调重要信息的颜色,那样会让控制组织得更紧凑。

用户可能长时间盯着相同的工具栏和菜单,会得到一些纯粹因为熟悉而产生的位置感。优秀的视觉界面和任何优秀的视觉设计一样,在视觉上应该是高效率的,它们有一个共同的特点,即让最少的视觉和功能元素发挥最大效能。这样,设计师可以自由地用更少的像素做更多的事情。

2.5 消除视觉附加工作

设计原则的主要目的之一就是优化用户的产品体验。对于生产工具和其他非娱乐导向的产品而言,这意味着将工作负荷降至最低。软件经常包括一些不必要的具有繁重工作量的交互,对于用户来说,这些是附加工作[1]。

视觉附加工作是用户不得不分析的视觉信息,比如在列表中找到某个条目、判断从哪个位置开始阅读屏幕,或者决定哪些元素是可以点击的,哪些元素仅仅是装饰性的。有时设计师过分依赖视觉隐喻,因此添加了各种附加工作,这些视觉隐喻能让人们容易理解程序元素和行为之间的关系,但了解了这些基本情况之后,隐喻的管理成了完全的附加工作。另外一种视觉附加工作的根源是过度使用了风格化的图形和界面元素,而实际上,视觉风格的运用首先是要支持清晰的信息通信和界面行为。

2.6 避免歧义

避免显示有歧义的信息,并通过测试确认所有用户对信息的理解是一致的。当无法消除歧义时,要么依靠标准或者惯例,要么告知用户用你期望的方式去理解歧义之处[3]。

3 优雅的视觉界面设计

视觉界面的设计对品牌形象、用户体验及本能反应等方面都有一定的支持作用。优秀设计的经典要素之一即形式简约:以简御繁。对于界面设计,就是用最少的操作与学习成本来完成任务。简约同样适用于行为,在视觉设计中给与用户简单的工具,即运用最少的视觉区别来明确传达想要表达的意思。

视觉界面设计师所关心的是寻找最适合的表现方式来传达他们设计的交互产品的行为。设计师应该用一种容易理解、有用、支持企业品牌和目标的方式来表现产品的行为和信息。用户界面的设计不应该轻视美学方面的考虑,而是要在一定的功能框架下来最大化地考虑如何优雅地向用户展示应用的视觉设计。

参考文献

[1]Alan Cooper,Robert Reimann,David Cronin.About Face3交互设计精髓[M].刘松涛,等,译.北京:电子工业出版社,2014,9:115-118,170-172,218-239.

[2]古贺直树.好设计不简单UI设计师必须了解的那些事[M].张君艳,译.北京:人民邮电出版社,2014,8:22-28.

篇3

一、多媒体课件的界面设计方法

一个优秀的界面设计可以使学习者感到耳目一新,通过感受课件界面上的色彩、图案、创意、动画等元素,形成对课件的第一印象,激发学生学习的积极性。在设计多媒体课件界面时,要做到:内容清晰、版面美观、明白易懂、有亲切感,这样的课件很容易被学习者理解和接受,并有兴趣去学习使用。下面,就界面设计原则谈一些我个人的观点。(一)对象布局多媒体课件的界面布局至关重要,界面布局不仅直接影响整体效果而且还直接影响学习者的学习效果,在对象的布局上应该注意以下几方面:第一,界面整体美观。要想界面整体达到美观效果,在对象的布局上应该注意重点集中、视点明确;恰当布置、主体突出;合理预留空行、空格;美观大方、层次清晰。在界面的编排上也应该具有均衡、规整、对称、简明连续、比例协调、有可预料性等规律。第二,简洁明了。简洁就是尽可能用简单的图表或较少的文字来表达信息。错综复杂的界面布局,将分散学习者的注间力,影响学习效果。第三,独特的设计理念。有些多媒体课件界面只是把以前写在黑板上的那些内容搬到计算机屏幕上,教学手段虽然变了,但教学的思路和方法还是老一套,没有改变,不利于体现多媒体课件在表达上的优越性。这就需要制作者将文本、图像、声音、动画等有机组合在一起。(二)多媒体素材设计第一,文本的表达。文本是学生获取信息的来源,是多媒体课件的主要表达方式。对于演示难点、突出重点的文字,应用颜色鲜艳的大字号标出。文本素材不能大段大段地照搬,要有选择。另外,需要注意调整好格式,文字间距不要太密,字的大小应符合教学要求,色彩搭配要合理,可以根据教学内容,规定一级标题,二级标题分别使用什么颜色,使学习者一目了然,最好用易读的文字,标题或特别强调的内容除外。第二,图像的插入。图像分为前景和背景图像,课件中使用图像应有所差别,对低年级学习者运用图像可调动其学习兴趣,而对高年级学习者应尽量少用图像。图像在课件中占用篇幅不宜过大。背景图像的颜色应适当,尽量多用素雅的图像。第三,声音的获取。声音分为背景、音效和录音素材,在语文、英语教学中常用到声音效果,在实际教学中不能用背景音乐。有很多设计者为了体现课件的多媒体性,插入背景音乐,听起来很悦耳,但这一点是不可取的。实现交互时可适当添加音效,音效也不能过大。第四,视频和动画对界面的影响。视频和动画可以增加课件的趣味性,具有形象直观,声情并茂的好处,但视频文件不宜过大,以免影响计算机的运行速度。(三)色彩的运用多媒体课件界面的色彩美与教学内容密切相关,根据教学的意境,有的需要低沉,有的需要明快,不同的主题、内容,应用不同的色调来表现。各种颜色形成色彩缤纷的屏幕,从而引起学习者注意,并使学习者在学习过程中得到美的感受。这也是多媒体课件吸引学习者的原因之一。但色彩如果使用不合理,过分渲染则分散人的注意力。因此,色彩的使用也必须遵循一定的原则。第一,同一界面避免使用太多颜色,并且颜色组合的对比度要适当。过多的颜色不仅不利于区分学习内容,还会增加学习者的反应时间以及出错机会,容易引起视觉疲劳。但是如果使用过于相近的颜色,则会影响辨别,所以要选择色系相近但对比度大的颜色。第二,用色彩来起强调作用。辅助信息和主体内容的颜色不应相同。辅助信息的颜色应平淡、柔和,尽量选用低饱和度、低亮度的颜色,主体内容的颜色要鲜明。第三,色彩的选择要与用户对色彩的期望和经验相一致。对于不同的学习者,不同的内容,运用色彩也不相同。设计时尽量符合人们已经普遍接受的色彩意义,根据学习者的特点来决定对色彩的选择。第四,色彩的一致性。在多媒体课件界面设计中,同一区域中,颜色的运用更应保持一致。各区域中各种按钮的颜色以及背景色都应该基本保持不变。第五,颜色配置应素雅。背景色应素雅,不易花哨。在界面设计时,应该把握整体,统筹安排,从用户的感观享受等方面进行全盘考虑,制作出和谐统一的优秀课件,达到最佳的教学效果。

二、结论

总之,多媒体课件是重要的教学资源,多媒体课件的界面设计要以学习者为中心。在此基础上,还要充分考虑课件界面的构图或布局,界面元素的位置和界面元素的一致性等问题来美化界面,提高界面的美感。只要我们正确掌握多媒体课件界面设计的技巧与方法,经过反复实践,结合不同阶段学习者的特点,我们一定能制作出被广大学习者所接受的多媒体课件。

作者:杨琳 刘艳慧 单位:兰州文理学院 西北师范大学

篇4

随着各种超级VGA的出现,同时具有高分辨率和丰富色彩的图形用户界面已经成为程序员和用户共同追求的目标。然而由于各制造商提供的VGA产品之间的差异,使得高分辨率256色图形界面的兼容性受到影响,常常会出现这样的情况:在一个显示系统下运行良好的程序,在另一种显示系统下变得面目全非,甚至根本不显示。这表明程序员对程序的可移植性重视不够,或对各种显示设备缺乏足够的了解。

软件的可移植性是指软件产品从一个硬件/软件环境转移到另一个硬件/软件环境的难易与繁简程度。它从软件对新环境的适应性这一方面,反映了软件的质量。为了提高软件的可移植性,应尽量使软件与具体的设备无关,即提高软件的设备独立性。对于256色图形界面而言,就是要使程序不依赖于某种特定的显示器。例如,程序员没有任何理由假定用户使用的是TVGA。为此,程序员必须提供显示卡的常规检测例程,并能根据检测的结果决定图形算法的具体实现。

提高软件设备独立性的方法有很多,表格驱动就是其中一种。所谓表格,就是根据需要设计的数据结构。表格中的数据由检测例程填写。表格中包含哪些栏目,应在对各制造商提供的SuperVGA产品足够了解的基础上取舍,栏目应体现各产品之间的差异。

一、SuperVGA编程综述

SuperVGA产品在体系结构上和标准的IBMVGA有所不同。但编程思想基本上是一样的,这些编程方法已有许多文章介绍,这里不再重复。

影响256色图形界面可移植性的主要障碍来自各制造商提供的VGA产品的下面几点差异。

1.显示模式的定义不同。如5DH对TVGA而言,代表640×480

×256色模式,对PVGA而言却代

表1024×768×16色模式。因此,直接用这种模式号初始化显示系统是不可取的。和显示模式密切相关的是水平分辨率和垂直分辨率。尽管各VGA的256色显示模式定义迥异,但大都支持如下几种流行的分辨率,现用统一的模式号定义见附表。

@@10A06500.GIF;附表@@

不同分辨率之间的区别,体现在编程上就是同一屏幕坐标映射到显存的地址不同,但映射机理却是一样的。具体地说,坐标(x,y)对应显存的偏移地址(相对于A000)为Addr=-vga-width*y+x

2.分页机制不同。SuperVGA使用256K、512K或1M

的显示存储器结构。为了使处理器可通过一个64K主窗口来存取这样大的显示存储器,SuperVGA有一个存储器分页机制,使得只将显示存储器的一部分映射到处理器的地址空间。值得注意的是,不同的VGA产品,其页的大小不同,页起始地址的粒度也是可变的。具体的页选择算法请查阅制造商提供的资料。

不同的显示模式,显示一屏图像所需的页数是不同的。

除了可移植性外,效率也是一个不可忽视的因素。图形系统的核心部分应使用汇编语言编程。这不仅是因为汇编语言的效率高,而且还因为汇编语言子程序的可再用性和可协用性也很好。核心部分应十分重视下面几点:(1)减少不必要的页边界检查次数;(2)只有在必要时才进行页选择;(3)选择高效的机器指令。现举例说明。程序1是图像显示系统中常用的函数,其功能是将解包后的图像数据送到显存。为便于阅读同时给出了C语言调用原型。程序在传送每一行数据时,提前预测是否会遇到页边界,如果没有,直接传送;如果有,则将数据分成两部分,分别传送,中间插入页选择。所有的传送均用字操作代替字节操作。页边界检查只有一次,分页操作只有在必要时才发生,图像的显示用最高效的指令REPMOVSW。

程度1:

;原型:voidLineDump(intx,inty,intnum,charfar*ptr)

;参数:

;x,y-屏幕坐标

;num-本行的像素个数

;ptr-指向像素数据的远指针

LineDumpprocfar

pushbp

movbp,sp

subsp,2;WORDReservedforlocalvar.

pushds

pushes

pushsi

pushdi

reservedequ[bp-2];Localvar.saveseg(DGROUP)

xequ[bp+6];LargeModel

yequ[bp+8]

numequ[bp+10]

offsequ[bp+12]

psegequ[bp+14]

movreserved,ds

movds,pseg

movsi,offs;DS:SI图像数据所在源地址

movax,0a000h;显存段址

moves,ax;ES:DI显存目的地址

movax,y

pushds

movds,reserved

mulwordptrDGROUP:-vga-width

popds

addax,x

adcdx,0

movdi,ax;DI=-vga-width*y+x

movah,dl;进位部分(DL)=页号

calldwordptrcs:-PageSelect

movcx,num;本行要传送字节数

movbx,cx

addbx,di;检测传送是否在一个页内

jncDump-In-One-Page

subcx,bx;CX=本页字节数,BX=下页字节数

shrcx,1;CX/2=字数

repmovsw;本页内的传送

adccx,0

repmovsb;处理可能的奇数字节数

incah;调整页号

calldwordptrcs:-PageSelect

movcx,bx;新页内要写的字节数

jcxzDump-Done

Dump-In-One-Page:

shrcx,1;CX/2=字数

repmovsw;图像传送

adccx,0

repmovsb;处理可能的奇数字节数

Dump-Done:

popdi

popsi

popes

popds

movsp,bp

popbp

ret

LineDumpendp

二、表格驱动的基本思想

根据上面的分析,用以驱动显示系统的表格,至少应当包含下列项目:

(1)实际显示模式:vga-mode

(2)水平分辨率:vga-width

(3)垂直分辨率:vga-depth

(4)页选择例程的入口地址:PageSelect

(5)当前显示方式所使用的最大页号:vga-pages

这个表格由图形初始化例程来填写。图形初始化例程接收的显示模式是统一的模式号,这样可以撇开具体的设备,如InitVGA(TVGA800×600)。该例程调用显示设备检测程序DetectVGA来判断显示器的类型,从而填写表格中的各栏目,并初始化图形系统为所需的图形方式。所有图形算法都要查此表。

除了用上述方法来实现兼容外,视频电子学标准协会(VESA)为我们提供了另一种方法。

VESA

提供了一组附加的BIOS功能,这组功能以标准的方式访问SuperVGA扩充的模式。VESA的附加功能都是通过BIOS中断10H的4FH功能来实现的。VESA的子功能01能返回非常有用的SuperVGA模式信息,包括分页例程的地址。

因此,程序员可以按照VESA的标准来编写图形系统,这样的程序可以在所有支持VESA的显示器上运行。由于VESA包括了世界上的主要VGA供应商,写出来的程序可移植性是很好的。但是,其效率却可能是最低的。所以最好采用一种折衷的办法,对于熟悉的产品,可以不用VESA的功能,对于不熟悉(资料不全)或检测不出来的显示器尝试用VESA提供的手段来编程,当然要检测显示设备是否支持VESA。

有时出于某种考虑,不希望支持所有显示设备的代码集中在一个程序中,可以为每个显示设备分别提供驱动模块,主程序根据检测的结果选择一个合适的模块加载。Borland的C++就是这样,它有一套BGI驱动程序,各驱动程序提供统一的图形函数接口。笔者在实际工作中,为每一种显示设备编写了一个256色的BGI格式的驱动程序,这样,在编写图形系统时,再也没有必要考虑用户的实际显示设备了。

三、范例

本文附有两个图形显示的例子。ShowGif能显示16/256色GIF格式图像,能以任何256色模式启动,支持多种显示器。图像可以漫游,并可随时通过按键切换显示方式。Main则是一个BGI驱动的鼠标/键盘控制的256色汉字图形菜单。它自己会挑选一个合适的BGI,也可以从命令行指定一个BGI(比如指定VESA256给TVGA显示器)。

限于篇幅,这里仅给出有关的数据结构和部分函数的说明(程序2)。然后给出一个初始化显

示系统的C语言片断(程序3)。

程序2(TVGA256.H):

/*统一的模式集*/

enumTVGA-MODE

TVGA320x200=0,

TVGA640x400=1,

TVGA640x480=2,

TVGA800x600=3,

TVGA1024x768=4,

;

voidTVGA256-driver(void);

voidPVGA256-driver(void);

voidAVGA256-driver(void);

...

voidVESA256-driver(void);

externintfar-CdeclTVGA256-driver-far[];

externintfar-CdeclPVGA256-driver-far[];

externintfar-CdeclAVGA256-driver-far[];

...

externintfar-CdeclVESA256-driver-far[];

/*支持的VGA集合*/

enumVGAs{

UnKnownVGA,

TridentVGA,

ParadiseVGA,

AheadVGA,

...

VesaVGA

};

/*对应的BGI驱动程序名*/

unsignedchar*Drivers[]={

"TVGA256",

"TVGA256",

"AVGA256",

...

"VESA256",

};

externintDetectVGA(void);

/*功能:检测显示卡的型号

返回值:0-Unknowm1-TridentVGA2-ParadiseVGA

...

x-不能检测出的VGA,但支持VESA

返回值同时写入全局变量vga-type*/

externintVesaFound(void);

/*功能:检测VESABIOS的存在性

返回:0-不支持VESA;

其它-VESA版本号(0x0102即1.02版);

返回值同时写入全程变量vesa-found.*/

externvoidInitVesa(void);

/*功能:初始化VESA.根据-vga-mode模式号换算成VESA的标准模式号填写页粒度(WinGranularity),页大小(WinSize),

和分页例程的入口地址(WinFuncPtr)

VESA的标准模式解释如下:

100h-640x400256

101h-640x480256

102h-800x60016

103h-800x600256

104h-1024x76816

105h-1024x768256etc.

InitVesa供给InitVGA调用*/

externvoidInitVGA(intmode);

/*功能:初始化显示系统(自动调用DetectVGA检测显示卡)

参数:mode=TVGA320x200(0)

TVGA640x400(1)

TVGA640x480(2)

TVGA800x600(3)

TVGA1024x768(4)

返回:InitVGA没有显式的返回值,但它初始化下列全程变量:

vga-mode,vga-width,vga-depth,vga-pages,PageSelect

必要时自动调用InitVesa

*/

externintvga-type;

externintvga-mode;

externintvga-width;

externintvga-depth;

externintvga-pages;

externintvga-pages;

externcharpage-number;

externintvesa-found;

...

程序3(初始化显示系统的程序片断):

...

intGraphDriver,GraphMode;

unsignedchar*bgiDriver="PVGA256";

bgiDriver=Drivers[DetectVGA()];

GraphDriver=installuserdriver(bgiDriver,NULL);

GraphMode=TVGA800x600;

initgraph(&GraphDriver,&GraphMode,"");...

参考文献

篇5

(南通大学杏林学院,江苏 南通 226000)

摘 要:在数字媒体充斥的时代,用户在数字媒体终端分享知识、分享观点、分享商品消费等,这种不受时空限制的传播方式,改变着人们的行为和言论,以及生活方式.承载着各种信息数字媒体如何在同类型的媒介中获得更多的用户体验,是数字媒体界面设计中时需要考虑的问题,将情感化设计运用于数字媒体界面设计,用户在满足实用功能需求的同时,也在情感上获取更多的体验.

关键词 :数字媒体;界面;情感化设计

中图分类号:J524文献标识码:A文章编号:1673-260X(2015)07-0188-02

在数字时代,新媒体在人们的生活中占据了非常重要的地位,人们离开了它,就会造成很多的不便,已经成为一种生活方式.数字媒体界面设计不是单纯是互联网、计算机技术发展的结果,它涉及多种不同的学科如计算机技术、人机交互、视觉设计、美学、消费者心理学、数字媒体技术、语言学等学科.最后通过各种数字媒体终端,以媒体界面形式展现给消费者.根据界面设计不同的分类,如从心理学的角度,可分为视觉、听觉、触觉等和情感交互两个方面的需求.如何在名目繁多的媒介中获取更多用户是数字媒体界面设计师需要思考的问题.运用情感的设计原则,将文化情感元素巧妙的建构在数字媒体界面设计中有着重要意义,能够给用户带来高层次的情感满足,如归属感、自尊感、自我认同感.

1 数字媒体界面设计中的情感体验

数字媒体界面设计是以互联网、计算机技术为支撑,以用户人性化、情感化体验为出发点;以传播文化为主体;以图形、色彩、文字、动画、图像等元素来传播特定的信息,是一种信息传播与交流的媒介.而情感体验主要是指人的一种心理反应,人们在数字媒体界界面设进行交互体验的时候,不同风格的界面设计会给用户不同的视觉感受.

在认知心理学家唐纳德·A·诺曼的研究理论中,从设计的角度把情感因素分为本能、行为、反思三种.本能情感因素是用户对于事物的本能反应,是情感加工的起点,也是用户通过触觉、视觉、听觉、嗅觉等感官行为方式在事物的外观直接获取的相关信息;行为情感因素是用户经过通过物品的使用,在物品功能的使用过程中所获取的情感体验;反思情感因素是用户对于物品的外观形象或对该物品使用后的整体印象,在反思情感因素的作用下,用户根据自己的体验,会对物品的使用会产生不同的情感反应,因此,反思情感因素会抑制用户的本能情感因素或行为情感因素对于物品的情感体验[1].本能和行为情感因素是所有自然人的共同特性,这种本能与行为的情感反映对全世界的人都是一样.在国内外大多数与儿童相关的数字媒体界面设计中,在色彩和设计表现元素的选用上都会充分考虑儿童的情感因素.在儿童的世界里,所看到的色彩是明亮、鲜艳、轻松的,所运用的设计元素动态二富有童趣的,来弥合儿童认知天性.反思情感因素的特性更多反应在社会人当中,每个人不同的生活环境、生存地域、文化背景等对事物会有不同的理解和认知.在情感反应上会存在着较大的差异.例如在中华文化背景下,一个数字媒体的界面设计运用传统文化中金黄色龙纹视觉元素,在中华民族文化背景下,所感受到是尊崇、敬畏,在情感上更多是民族自豪感;反之,其他地域、文化背景下的用户感受到是视觉元素本身的形态与色彩,是单纯的形与色激发的情感反应.

正式由于不同地域文化背景,用户在面对同一事物的时候反思情感因素会存在着差异,设计师对于界面设计的预期与用户在数字媒体的界面设计的感知有着一定的差异.因此,数字媒体的界面设计要获得更多用户在情感上的认同,在设计过程中就必须遵循用户所在地域的文化背景,充分发挥文化元素的象征性和代表性,使得用户在交互使用中获得更高层次的情感满足.创造出本土地域的文化语境,在实现查询、浏览、交互等资源的同时,来满足用户情感上的需要.如同消费者在品牌的选择上,无论从“皮尔卡丹”到“路易威登”,还是“Hermes”到“Versace”获取的不单纯是这些奢侈品的物质价值,而是在这些品牌背后所蕴含蕴含时尚文化象征意义.当用户不仅仅因为使用功能更因为其个性化的文化内涵而选择一个数字媒体的界面设计,便意味着数字媒体的界面设计与用户间的长期纽带建立起来了.

2 数字媒体界面设计中的情感化设计原则

2.1 人性化原则

所有的设计都是为人服务,数字媒体界面设计也不例外.人性化设计是以人作为出发点进行设计,要充分考虑不同层次、不同群体人的需求,为用户设计出合理的、易于用户使用的、个性化的数字媒体界面为目的.所谓人性化设计就是在界面设计的过程中要充分考虑用户的需求,是以用户为中心的设计体现,做到了人性化设计,也就是实现了情感设计的本质.实现的过程是运用技术手段,以艺术化方式呈现给用户,既满足了用户的使用需求,也满足精神层面的人文关怀.将人性化设计的原则运用于界面设计,并贯穿于人机界面设计的始终.能够充分考虑用户需求的设计,就可以长时间的把用户留在媒体中,如“腾讯QQ”“微信”等社交媒体,它不是单纯的聊天工具,在这里用户可以使用语音、文字、图片、视频、咨讯、最大限度满足用户的需求.反之,一个没有充分考虑用户需求的设计,人性化就无从谈起,这样的设计用户在体验的过程中渐渐失去了继续关注的欲望,在新鲜感过去之后,也就放弃该媒体的继续使用.

2.2 审美性原则

数字互联网时代,人们在数字媒体中获得极其丰富的情感体验,浏览网页、查询资料、互动聊天、娱乐游戏等是极其丰富的,当人们打开互联网媒介界面时,图形、色彩、文字的设计给人以赏心悦目的感受.审美是人们对于不同事物认知的直接感受,不同的事物用户会感受到不同审美感受,具有审美价值的事物是能够让面对事物时会产生美的享受,这种感受正是审美对象基于人对形象与情感的结合[2].唐纳德·A·诺曼的情感化设计理论贯穿于用户的审美活动之中,界面设计师以设计神情愉悦的审美事物为出发点,来满足用户在视觉和情感上不同的审美诉求.

2.2.1 形式美

一个“有意味的形式”,都是通过形式美表现出来,都遵循形式美的规律如对比与均衡、节奏与韵律、尺度与比例等等.形式美感的变换是基于人的感觉与知觉而存在,用户在数字媒体上交互获取相关咨询时,还在视觉上欣赏到了愉悦的画面和丰富情感体验.在数字媒体界面设计时巧妙运用形式美法则,可以让冰冷的机器在用户面前成为情感体验的乐土,让界面设计中的色彩、图形、图象、文字元素与数字媒体界面设计的主题在形式完美融合.

2.2.2 艺术美

艺术是感性的,富有美感的,是符合一定视觉审美趋向传达和表现.不能将数字媒体的理性与艺术的感性隔离开来,数字媒体界面的设计也需要艺术美,因为它的服务对象是人,正如古语中说的那样“爱美之心,人皆有之”.设计师通过对界面情感化设计,将用户稳固于某一个媒介,这是非常重要的,除了好用、易用之外,要将设计元素进行艺术加工、呈现给用户具有艺术美感的的界面设计.用户的体验与设计师创造有用的、符合用户多层次需求的界面设计出发点是一直的.界面设计师通过技术与艺术设计创造激发用户情感体验[3].

2.3 多样性原则

不同用户群体,对于事物有着不同的感知,在面对同一事物时,情感因人而异,因时而异,情感形态呈现多样化,因此情感化设计必须是包容性的设计.用户本能性的情感感知是长期在社会实践所积累的对事物的认知,不同层次的用户在认知过程中存在着一定的差异.用户在数字媒体界面中交互过程就是的感知过程,也是一种情感的体验;用户通过本能层情感和行为层情感的激发,与自身的生理、心理、行为的反思进而获得更高层次情感体验.

2.4 情境融合原则

用户在数字化、虚拟媒体界面中获取信息最直接的方式是通过视觉查看事物,在这个过程中与信息产生感受交流,这种感受与情感的交流正是界面设计主题的内容通过色彩、图形、文字、图像等元素,呈现出来的视觉语境.让用户在视觉语言中产生联想,使用特定的文化情感元素进行数字媒体界面设计,引导用户在心理和情感上产生反应,让用户在某种特定主题情境产生特定的心理反应和情感反应.在相关的社会心理学研究中显示,情境对于人的行为有这很大影响[4].特别是在情境决定论中,情境被置于主体地位.不同的情境会对用户有着微妙的心理感受.情境环境是愉悦的、严肃的、悲伤的等等,都能够对人们的思维、情感和行为产生一定影响[5].当用户通过数字媒体界面进行交流互动时,界面设计中的色彩、图形、文字、图像、动画等等设计元素将满足数字媒体主题要求的同时,也将界面设计营造成了一种情境,用户心理在这个情境中会产生不同的变化,此时的界面设计与用户的情感体验进行很好的融合.因此,情境融合是数字媒体界面设计中进行情感化设计需要考虑的因素之一.不同的用户对不同的数字媒体界面在审美观上有着不同的差异,这种差异来自于用户社会阅历、知识结构、个人喜好和行为习惯等等,数字媒体界面设计师在界面设计的过程使用相关设计元素营造出与用户产生情感交融的语境,可以有效降低各种因素所带来的情感认知差异,最大限度的把用户留在情境之中,长时间的使用该媒体,接受该媒体的相关信息[6].

3 结语

数字媒体界面中聚集着各种各样为主题服务的视觉元素,如色彩、图形、图像、文字、动画、底纹背景等等,各种视觉元素承载着这主题信息的某一个方面,来实现数字媒介传播信息、交流互动、商品销售、娱乐游戏等功能.它们构成了整个数字媒体界面.如何将这些元素运用情感设计原则巧妙的从界面设计中体现出来,主动营造出特定情境氛围,让用户在获得信息的同时,获取更多的情感体验[7].注重用户的情感体验是二十一世纪设计界的大势所趋,也是每个数字媒体开发者的初衷,只有通过大量的用户使用或关注该媒体,这个媒体才会有存在的价值.除了媒体自身的实用用功能之外,运用情感化设计的原则来指导数字媒体的界面设计,最大限度的满足用户情感体验有着重要意义[8].“感人心者,莫先乎情”,在数字媒体界面设计中恰当运用情感化设计,既提升数字媒体界面设计的价值和品味,也给用户带来情感上的启迪和人文关怀.

参考文献:

(1)唐纳德·A·诺曼.情感化设计[M].北京:电子工业出版社,2005.6—20.

(2)王亚美.社交网站界面的情感化设计研究[J].浙江农林大学,2013(06).

(3)徐恒醇.设计美学[M].北京:清华大学出版社,2006.42、31

(4)(美)Stephen P,Anderson.怦然心动:情感化交互设计指南[M].北京:人民邮电出版社,2012.19.

(5)(美)Philip G.Zimbardo.Robert L.Johnson.Ann L.Weber.津巴多普通心理学[M].中国人民大学出版社,2009.516.

(6)童俐.儿童家具情感化设计原则之解析[J].装饰,2012(2):102-103.

篇6

UI设计又称用户界面设计,它主要是指对屏幕上的图形以及界面进行整体的设计,比如,对界面或者网站的图形、颜色以及风格等设计出各样的视觉效果。UI界面设计不仅仅是对用户界面进行的一种简单装饰与美化,因为当今UI设计师的工作越来越等同于艺术家的工作,尤其是随着当今社会生活中越来越多的电子产品以及网页网站的出现,高水平的UI设计已经成为当今设计市场在激烈竞争中立于不败之地的主要途径。一个漂亮的UI界面,不仅能够让用户有舒适的体验,还能够让该产品为该企业带来更多的利益。因此UI界面的设计不仅仅需要创造艺术美感,还需要综合考虑使用的人群以及使用的方法等。虽然当前许多设计师是参与到了UI界面的设计工作中,然而UI界面的设计并非等同于纯粹简单的艺术创作,人们审美水平的提升和审美水平的变化,对当前UI界面的设计要求越来越高。如何才能设计出用户满意和舒适的UI界面,为用户提供更加满意的体验,成为当前UI设计师所面临的重要课题。

二、UI界面设计的主要软件及内容

随着各种各样电子产品的普及和运用,丰富多彩的界面设计使得这些电子产品不仅具有吸引客户,同时还赋予它新的生命力的特点。例如常用的手机与电脑中的图像设计软件photoshop,它是一种对图形图像进行编辑的软件,可以为用户提供非常便捷和丰富的图形编辑设计等功能,用户可以运用各种颜色以及笔刷的形状,使得设计的空间更加广阔,更加符合他们的设计理念。当前的专业艺术院校还没有建立一个较为完善的UI界面设计专业,因此培养专业的UI设计师是设计出良好UI界面的关键,UI设计的主要内容包括以下几个方面:

一是网页的整体布局与设计。这需要设计师具有综合的知识与能力,需要将多种设计元素融入界面设计之中,同时要突出页面设计的主题,根据用户的需求和实际情况来构图设计,在注重美的同时,还要重视实用的便捷性原则。

二是对界面的外观进行设计。常用的UI界面外观设计的手段有利用经典的几何图形,比如圆形、长方形、菱形、四边形等等,每一种图形都代表着不同的含义。同时在设计中还可以结合多种形状,表现更加丰富和更加具有层次的特点。

三是对界面中文字的设计与编排。文字是界面中的主要内容,因此为了突出界面中的主要信息要对文字的颜色、字体、字号等等进行搭配与组合的设计。同时还要对字的行间距等进行协调的搭配,让整个文字给人以视觉上美的享受。

四是对图片的设计与多媒体的设计。任何一个UI界面都会涉及到图片与文字,因此通过图片来补充文字,具有良好的视觉补充效果,可以互相渗透,让界面更加的活跃,更加的具有立体感,也让整个界面更加丰富。而随着3d、2d的动画效果的普遍运用,为了吸引更多的使用者,设计师可以通过在界面中插入3d与2d的动画效果,让声音视频等,更多的媒体参与到页面设计中,可以充分的调动用户的各种感官的体验与享受。

五对网页界面背景的设计。背景的设计需要遵循与文字、图片以及其他内容风格统一、浑然一体的原则。同时背景往往起到了衬托和渲染的作用,在设计上一般比较柔和,不能喧宾夺主。

六对颜色的设计搭配。对色彩的设计是整个界面设计中最为关键和核心的一个环节,由于色彩往往给人第一印象和第一视觉冲击的影响,因此它直接影响和作用着人的情感,不同的颜色会让人产生不同的心理体验与感受,因此UI界面设计中对色彩的搭配,首先需要从用户的角度出发,让用户可以根据自己的喜好,任意选择满意的色彩变化。其次是UI界面设计的色彩要能够起到引导作用,能够为用户传达一种情感的导向,人的情感与颜色之间密不可分,良好的UI设计师总是能够通过颜色的搭配,抓住用户的情感体验,并且吸引用户。

七是对明暗以及深浅的设计搭配。如果设计师选择了深色的背景,那么就应该在深色的背景上使用浅色或亮色的文字和图片,这样用户的视觉就可以停留在文字与图片上,通过深浅和明暗的色彩对比能够让页面更加的赏心悦目。

三、UI界面设计的具体措施

篇7

关键词:界面设计;教学;考核

中图分类号:G42 文献标识码:A 文章编号:1005-5312(2013)29-0237-01

一、教学内容:不同专业侧重点不同

(一)绘画专业

本专业学生主要学习绘画艺术方面的基本理论和基本知识,受到艺术思维与绘画造型的基本训练,具有绘画创作的基本能力。与其他专业相比,绘画专业大学生表现出不同的特点。由于美术专业对技能有很高的要求,他们的创新精神和实践能力较强。此外,绘画专业大学生的思想开放、思维活跃,容易接受新观念。因此在创新能力方面比设计类的学生更丰富、更大胆,在课程教学中多发挥其本专业的特点,多培养创新能力。手绘能力强,但是其软件操作能力差,在作业设置时可以强调其手绘能力而避免软件操作。

(二)工业设计专业

工业设计的核心是产品设计。工业设计专业培养的学生具有理性分析能力与感性艺术表现双重能力。在设计追求美观、易用、个性化的同时,产品界面设计的内容得以体现。工业设计中的新产品开发过程中需要考虑产品造型和软件设计的一致性和易用性。故对于工业设计专业界面设计的教学应当以硬件界面设计与软件界面设计结合为重点。掌握其软、硬件界面的设计原则与技能。所以教学重点在培养其界面的交互行为、信息构建及产品功能需求方面。

(三)视觉传达专业

在我国界面设计最初等同于图形设计,最初的界面设计师这一角色大多是由平面设计专业的“美工”充当的。因为界面设计中视觉设计部分占有重要比重。对于视觉传达专业的学生来说,长处是具有较强的图形、色彩、版式等视觉设计能力,欠缺的是逻辑分析能力以及结构设计与交互设计能力。相关学科基础知识也相对缺乏。视觉传达的设计领域包括字体设计、标志设计、编排设计、广告设计、包装设计等,其设计对象是视觉符号。因此应当以软件界面设计部分为重点。发挥专业所长,加强软件界面的美观、个性、创新等设计能力。同时强化相关理论知识,在界面设计的理论原则指导下进行设计。在教学中侧重其视觉元素的训练和创意。

综上因素,在教学内容上主要分了几个模块,根据不同的专业特点采取不同侧重点。

1.图标设计。绘画专业和视觉专业其作业占主要,工业设计专业次要,培养创新能力,视觉表达能力。

2.手机界面设计。工业设计专业占主要,视觉及绘画专业占次要,主要培养其逻辑思维能力、分析能力。

3.网页界面设计。综合能力考核。

二、教学方法:不同专业教学方法不同

在教学中,总体上是采用任务驱动式教学模式,通过一个个任务来达到教学目标。对不同任务又采用不同的教学方法,例如在图标UI设计模块,采用学生自主设计为主,没有对错好坏之分,只要学生设计出相关的主题界面就算成功。主要在于培养学生的创新思维能力,在此阶段绘画专业的学生表现的非常突出,每个方案都非常有意思而且手绘表达也非常到位。

而在手机UI 设计模块,则采用设计比赛形式,以小组形式来做作业,其作业必须按照设计比赛的标准,从草图到成型整过过程,在此作业中设计专业的学生表现非常好,发挥了其软件操作能力,作品完成的非常好。同时设计出来的作品即可作为作业也可参加比赛,这样很好锻炼学生动手操作能力,同时,要求学生在组内互帮互助,共同合作完成一个比才赛项目。通过这种形式让学生提早了解企业以小组、团队形式做设计模式,做到理论与实践相结合教学方法。

三、考核形式

由于课程的特殊性,课程的考核采用过程化考核方式,将整个学习过程都纳入到考核当中,学生的每一任务的完成都有相应的分数,学生的总成绩=平时表现+学生互评成绩+任务完成成绩。这样,在UI设计没有一个统一标准的情况下,逐步将学生的成绩进行量化,使学生重视平时的学习,弱化最后课程的考核,改变学生最后突击的现状。

四、结束语

界面设计是伴随着信息时代的发展而产生的新兴学科。界面设计领域具有广阔的发展前景。在市场中符合界面设计的具有综合学科素质的专业人才仍然相对缺乏。我国高校教育开设界面设计专业还比较少,教学还不完善、成熟。因此,根据不同专业特点调整界面设计的教学内容及教学方法,在提高专业水平的同时潜在的培养界面设计专业人才是十分必要的。

篇8

[关键词]人机界面 设计 界面研究

随着科技的发展,各种人类活动电子化,计算机等电子科技产品在日常生活中发挥着越来越重要的作用。而伴随着这些新技术的发展,人机交互成为了一门新兴的专业学科,而人机界面作为人机交互系统中的一个环节,帮助协调计算机与用户,实现计算机软件与用户之间的联系与工作,起着关键性的作用。

一、人机交互的含义

人机交互是指人与计算机之间使用某种会话语言,以一定的方式,为完成确定任务而进行的人机之间的信息交换过程。

而人机界面则是人机交互系统中媒介,只要是参与人机信息交流的一切领域都是属于界面设计的范畴,所以人机界面的应用的领域也是相当广泛,如工业设计和机械设计;人机交互以及软件开发;金融领域、管理学等学科;医学、工作保健等方面;系统设计方面;交通人机工程、军队系统、环境人机工程、语音识别等。

作为一门交叉学科,人机界面涉及到人机工程学、工业设计、计算机科学、认知科学、生理学、艺术学、社会学等相关领域。所以一个优秀的界面设计的评价,要从多角度来看待,从多方面因素来评价。

简而言之,人机界面设计是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为,其目标是促进设计,执行和优化信息与通信系统以满足用户的需要。

二、优秀人机界面所具备的特点

人机界面设计从最开始的“人不得不努力去适应计算机”过渡到“计算机将努力去适应人的需要”,这是对人机界面设计提出的要求与最终结果。所以,用户满意度是一个优秀的界面设计所必须满足的条件。

从用户的角度分析出发来研究人机界面,一个优秀的界面可分为三类:功能性设计界面、情感性设计界面、环境性设计界面。设计界面是以功能性界面为基础,以环境性界面为前提,以情感性界面为重心,他们之间互相是有机联系的。

人机界面设计的好坏与设计者的经验有关系,并且存在着一般适用的基本原则。如界面设计的八条黄金规则(适用于大多数的交互系统): 1.尽可能保证一致;2.符合普遍可用性;3.提供信息丰富的反馈;4.设计说明对话框以生成结束信息;5.预防错误;6.允许轻松的反向操作;7.支持内部控制点;8.减少短时记忆。在满足这几项一般适用原则之后,界面就能满足用户最基本的最基本功能性要求。

三、从用户角度分析优秀的界面设计

从发展趋势来看,人机界面大致包括以下几方面机能:系统管理、会话管理、返回和错误处理信息、操作者支持、存贮的数据管理、有关设施服务、智能化系统。

而作为人和计算机之间的联系媒介的人机界面,可以划分为用户层、环境层、应用层、数据库层四个层。用户层和环境层合起来就成为用户界面。用户通过用户层将信息传递给计算机,计算机也是通过这一层将信息传递给用户,环境层能对信息进行识别、验证等处理,是用户和计算机能得到正确的信息,同时对用户和计算机起帮助。应用层接受信息,执行规定的动作,并给出处理结果。数据库层是存放、管理各种数据,供各层试用。

用户在使用人机界面,先输入命令或者数据,对于命令包括菜单选择的命令要做句法和词义检查。出错的话,通过屏幕提示用户,要求用户重新输入。若是正确,则转到中间操作和执行应用程序,为用户下一步工作服务。应用程序的执行是用户工作的中心。在应用程序执行时,可返回到中间操作处或输出执行结果,在应用程序执行时也可以调用支持设施,给与用户帮助。输出的结果经屏幕提示用户。

在这些设计的过程中,最紧要的就是将设计与用户需求相结合。首先人机界面设计要确立用户类型,然后针对其特点预测他们对不同界面的反应,这就需要从多方面进行设计分析。其次,人机界面要尽量较少用户的记忆负担,采用一些有助于记忆的设计方案,可以使得用户有效的提高工作效率。最重要的还有,帮助和提示原则对用户的操作命令作出反应,帮助用户处理问题,系统要求设计有恢复现场出错的能力,在系统内部处理工作要有提示,把主动权交给用户。

对于用户来说,一个优秀的人机界面需要满足大多数用户的操作喜好及感官需求,让用户能够轻松的控制其使用过程,得到用户的好评。而以用户为中心人机界面设计的设计方法的基本思想就是在每个设计过程中把用户摆在设计过程的首位。

四、人机界面设计的一般过程

人机界面设计的第一步是创建用户模型,了解用户的意图,知道用户想做什么。研究用户的目的在于激发设计团队并让他们聚焦在某些关键点上,换位思考,处于用户的环境中,了解用户的需要。设计师可以适当深入到实际的使用场景中去,通过与用户交流,让用户在使用时说出自己的想法,这样才能不忽视细节关键。

完成用户模型定义之后,需要定义和分析用户履行的任务,寻找与任务相关的概念模型,对结果进行分析总结出设计主题。并且通过视觉化的形式来表现给设计团队,一边突出设计重点。分析需求的目的是为了将用户的需求更加直观的展示给设计团队,以达到以用户为中心界面设计的目的。

在完成用户建模和需求后,就可以使用这些信息构建草图,进一步构建产品原型。在构建原型时,也应考虑到使用者界面的设计标准来构架技术框架。在人机界面最终完成时,要将其软、硬件系统按其性能、功能、界面形式、可用性等方面进行评估,最重要的是要进行用户测试,进行用户反馈。

五、人性化的设计原则在人机界面中应用

一个好的界面设计,能够让用户在愉悦的环境中使用,并且激发出用户的兴趣。设计出情感界面方法无外乎是使用富含表情图标和其他元素来表达感情状态,使用这些富有表现力的装饰,提供了让用户放心的反馈,这个反馈既富含信息又生动。

所以在在软界面设计中注重对人的认知分析,从而建立以界面设计为中心的软件设计框架是一个优秀界面设计的必备因素。以人为本的设计理念应贯穿人机界面的全过程。

比如手机界面的UI设计,首先,对用户进行调查分类,搞清用户的诉求与喜好。然后开始定义分析设计相应的软件界面,针对大众用户群体的可用性分析与界面视觉探索,将抽象的概念需求转化为视觉形象化的图形设计语言,以确定产品方向。最后将设计出来的界面进行评估反馈。最终得出设计的要点有简洁的视觉呈现、便捷的交互体验、统一的整体风格、精致的细节诉求。

随着系统的日益复杂和功能的不断强大,软件操作日益复杂,门槛也越来越高,但软件的最终使用者还是用户,因此建立软件与用户之间的良好沟通是具有重要意义的。这样一来既能方便用户使用,又加强了人机之间的共鸣。不仅是有助于设计的顺利进行,也将使用户受益。

六、小结

成功的人机界面设计不仅会提高使用者的工作效率,带给用户一个舒畅的使用环境,成为一个适应大众的优秀软件。

人机界面设计不仅是单纯的美工设计,或是单纯的功能设计,而应该更多的考虑它的使用方式与满足不同使用者的使用方式与需求。将完善的交互功能与优秀的人机界面结合起来,满足使用者方便快捷的使用需求,只有这样的界面才是优秀的人机界面。因此,人机界面设计最后重要的在于“人”与“机”之间的结合,人机结合密切的界面使用户乐于使用的优秀界面。

参考文献:

推荐期刊