时间:2022-10-28 00:06:13
导言:作为写作爱好者,不可错过为您精心挑选的10篇界面设计,它们将为您的写作提供全新的视角,我们衷心期待您的阅读,并希望这些内容能为您提供灵感和参考。
界面是计算机系统中跟人打交道的部分,是用户与计算机系统的接口,与人和计算机的关系密切。在多媒体课件中,用户界面的设计是一门艺术,它综合了多个学科的内容。据统计,在人类通过感觉器官收集到的各种信息当中,视觉约占65%。因此,在多媒体课件设计过程中,充分考虑人的视觉特性是十分重要的,灵活的人机界面对于调动和激发学习者的兴趣,提高学习积极性,具有重要作用。为此,我们应从以下几个方面考虑来精心设计操作界面。
一、操作简便
多媒体课件是面向用户的,在设计时要考虑到用户的特点、能力、知识水平,应把立足点着重放在那些非计算机操作者,不应对用户有额外的知识、技能要求。因此必须做到:
1.安装使用力求方便。课件的安装、启动过程应力求简单,一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时,应对课件的结构、内容、主要操作方法、功能键等进行简短的介绍。在整个课件运行过程中,对命令键、功能键的命名应始终如一,所有功能键只能赋予一项功能,并尽可能在屏幕上显示功能键和提示信息。
2.菜单力求简明合理。设计时,根据教学内容的需要,把教学内容划分成若干层次,利用菜单技术来实现多层结构,各级菜单应逐层深入,直至覆盖全部教学内容。菜单的分级最好不要超过三级,每级菜单都应设置返回按钮,以便学习者不想往下学习时,可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单,可设计成下拉的方式,逐级选择子菜单;图形菜单新颖直观,根据教学内容,设计成形象的图标,用鼠标一点就可选中,使用非常方便。实际制作中,用得最多的是图文混合式菜单,它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了,文字表达要言简意明,能表达所要选择的教学内容。
3.提供在线帮助信息。为了用户使用,课件中应设置必要的帮助信息,如系统帮助、功能帮助、警告帮助等操作信息。这些帮助可以是综述性的信息,也可以是与所在位置的上下文相关的针对性信息。帮助信息可以起文档手册的作用,但内容应精炼,应以简略文字、图形说明等形式指导学习者完成某种功能的操作。
二、内容简洁
课件的操作界面避免繁琐,内容应力求准确、简洁明了。
1.准确、简洁。准确就是要求表达的意思明确,不要使用意义含混、模棱两可的词汇或句子;简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。
2.突出重要信息。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时,应采用加圈放大或特写的方式等。
三、布局合理
屏幕显示和布局应清楚合理。其基本要求是要在屏幕平面上设计好高、宽、深度的空间关系,使布局结构新颖、主体突出、具有艺术感染力,使教学内容生动形象地展示在学习者面前。
1.恰当布置,主体突出。显示内容应恰当,不应过多,切换不易过快,屏幕不应过分拥挤,四周应留出一定的余地。一般正文每屏不应超过15行,每行不超过30个汉字,如显示不下可采用滚动技术。字体应选用笔画丰满的字体,大小标题可用不同字体、字号,以区分层次和段落。文字的色彩也应有一定的对比,从而突出主题。
2.重点集中,视点明确。由于屏幕尺寸较小,要求重点集中,视点明确。在同一画面上,不应出现两个以上的兴趣中心,以免分散注意力。
3.合理预留空行、空格。必要的空行及空格会使结构合理,条理清晰,阅读、查找方便;相反,过分密密麻麻的显示会损害学习者的视觉,也不利于学习者把注意力集中到有用的信息上。
4.美观大方,层次清晰。界面设计要美观大方,不落俗套,但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知,但却显得主次不分,并容易使学习者分散注意力,甚至有的媒体成为毫无意义的累赘,而起不到应有的效果。如果必须把多种媒体引入,最好能让操作者控制依次展示,给人以清晰、有序的感觉。
四、前后一致
前后一致是人机界面领域的普遍原则,它是将相同类型的信息使用一致的相似方式显示,包括显示风格、布局、位置、所使用的颜色等的一致性,以及相似的人机操作方式。一致性的交互界面,可帮助学习者把他们当前的知识、经验推广到新课件中去,从而减轻学习者重新学习、记忆的负担。
五、色彩搭配协调
界面的色彩美与教学内容密切相关。色调要鲜明,要为塑造的形象、创造的意境和表现的主题服务。不同的主题,不同的内容,应用不同的色调来表现。根据教学的意境,有的需要明快,有的需要低沉。色彩美是界面艺术美的重要组成部分,它可使学习者在学习过程中得到美的感受,在美的陶冶中增加情趣,得到更好的感知和理解。但色彩如果使用不合理,就会对人产生视觉疲劳等方面的心理影响,过分渲染则分散人的注意力。因此,色彩的使用也必须遵循一定的原则。
一、多媒体课件的界面设计方法
一个优秀的界面设计可以使学习者感到耳目一新,通过感受课件界面上的色彩、图案、创意、动画等元素,形成对课件的第一印象,激发学生学习的积极性。在设计多媒体课件界面时,要做到:内容清晰、版面美观、明白易懂、有亲切感,这样的课件很容易被学习者理解和接受,并有兴趣去学习使用。下面,就界面设计原则谈一些我个人的观点。(一)对象布局多媒体课件的界面布局至关重要,界面布局不仅直接影响整体效果而且还直接影响学习者的学习效果,在对象的布局上应该注意以下几方面:第一,界面整体美观。要想界面整体达到美观效果,在对象的布局上应该注意重点集中、视点明确;恰当布置、主体突出;合理预留空行、空格;美观大方、层次清晰。在界面的编排上也应该具有均衡、规整、对称、简明连续、比例协调、有可预料性等规律。第二,简洁明了。简洁就是尽可能用简单的图表或较少的文字来表达信息。错综复杂的界面布局,将分散学习者的注间力,影响学习效果。第三,独特的设计理念。有些多媒体课件界面只是把以前写在黑板上的那些内容搬到计算机屏幕上,教学手段虽然变了,但教学的思路和方法还是老一套,没有改变,不利于体现多媒体课件在表达上的优越性。这就需要制作者将文本、图像、声音、动画等有机组合在一起。(二)多媒体素材设计第一,文本的表达。文本是学生获取信息的来源,是多媒体课件的主要表达方式。对于演示难点、突出重点的文字,应用颜色鲜艳的大字号标出。文本素材不能大段大段地照搬,要有选择。另外,需要注意调整好格式,文字间距不要太密,字的大小应符合教学要求,色彩搭配要合理,可以根据教学内容,规定一级标题,二级标题分别使用什么颜色,使学习者一目了然,最好用易读的文字,标题或特别强调的内容除外。第二,图像的插入。图像分为前景和背景图像,课件中使用图像应有所差别,对低年级学习者运用图像可调动其学习兴趣,而对高年级学习者应尽量少用图像。图像在课件中占用篇幅不宜过大。背景图像的颜色应适当,尽量多用素雅的图像。第三,声音的获取。声音分为背景、音效和录音素材,在语文、英语教学中常用到声音效果,在实际教学中不能用背景音乐。有很多设计者为了体现课件的多媒体性,插入背景音乐,听起来很悦耳,但这一点是不可取的。实现交互时可适当添加音效,音效也不能过大。第四,视频和动画对界面的影响。视频和动画可以增加课件的趣味性,具有形象直观,声情并茂的好处,但视频文件不宜过大,以免影响计算机的运行速度。(三)色彩的运用多媒体课件界面的色彩美与教学内容密切相关,根据教学的意境,有的需要低沉,有的需要明快,不同的主题、内容,应用不同的色调来表现。各种颜色形成色彩缤纷的屏幕,从而引起学习者注意,并使学习者在学习过程中得到美的感受。这也是多媒体课件吸引学习者的原因之一。但色彩如果使用不合理,过分渲染则分散人的注意力。因此,色彩的使用也必须遵循一定的原则。第一,同一界面避免使用太多颜色,并且颜色组合的对比度要适当。过多的颜色不仅不利于区分学习内容,还会增加学习者的反应时间以及出错机会,容易引起视觉疲劳。但是如果使用过于相近的颜色,则会影响辨别,所以要选择色系相近但对比度大的颜色。第二,用色彩来起强调作用。辅助信息和主体内容的颜色不应相同。辅助信息的颜色应平淡、柔和,尽量选用低饱和度、低亮度的颜色,主体内容的颜色要鲜明。第三,色彩的选择要与用户对色彩的期望和经验相一致。对于不同的学习者,不同的内容,运用色彩也不相同。设计时尽量符合人们已经普遍接受的色彩意义,根据学习者的特点来决定对色彩的选择。第四,色彩的一致性。在多媒体课件界面设计中,同一区域中,颜色的运用更应保持一致。各区域中各种按钮的颜色以及背景色都应该基本保持不变。第五,颜色配置应素雅。背景色应素雅,不易花哨。在界面设计时,应该把握整体,统筹安排,从用户的感观享受等方面进行全盘考虑,制作出和谐统一的优秀课件,达到最佳的教学效果。
二、结论
总之,多媒体课件是重要的教学资源,多媒体课件的界面设计要以学习者为中心。在此基础上,还要充分考虑课件界面的构图或布局,界面元素的位置和界面元素的一致性等问题来美化界面,提高界面的美感。只要我们正确掌握多媒体课件界面设计的技巧与方法,经过反复实践,结合不同阶段学习者的特点,我们一定能制作出被广大学习者所接受的多媒体课件。
作者:杨琳 刘艳慧 单位:兰州文理学院 西北师范大学
中图分类号:TP311.52 文献标识码:A 文章编号:1007-9416(2013)01-0138-01
著名的游戏开发者BilI Volk,曾经对游戏设计写下了一个等式“界面+产品要素=游戏”。这个等式与著名的程序设计语言的设计者Nicholas Wirth的经典等式“算法十数据结构=程序”是相似的。很明显,BilI Volk并不是说建构游戏是一个简单的加法,而是强调在游戏设计中界面设计的重要性。也就是说:你的界面就是你的游戏。
显然游戏界面设计是很重要的,要把多学科很好的结合在一起设计游戏界面需要有一个基本原则来把握。
1 一致性原则
游戏界面所包含的元素是极为广泛的,但在运用中却只能有选择,有侧重、有强调的进行表现。设计元素虽多,但仍是一个不可分割的整体。最好在游戏各处以相同方式做相同的事,还能够始终在相同位置找到重要信息。
1.1 设计目标一致
界面中往往存在多个组成部分(组件、元素)。不同组成部分之间的设计目标需要一致。
1.2 元素外观一致
界面中的整体颜色、字体、按钮等元素要一致,给人整体一致的感官效果。即使要通过对比使得某一方更突出的话,也应该保持内在风格的统一。一致性的原则并不是呆板的要求在整个游戏中都使用同样的屏幕布局,而是建议在布局中使用的相同的逻辑,可以让玩家预感到可以在哪里找到信息,以及在游戏的不同部分中如何执行命令。
1.3 交互行为一致
在交互模型中,用户触发不同类型的元素所对应的行为事件后,其交互行为需要一致。
一些好的游戏特别注意界面一致性,游戏的一些基本命令以相同的使用方式贯穿游戏当中。在游戏的任何阶段,玩家还可以将鼠标放在对象、人物和位置上,以查看极其有用的简要描述。
2 实用性原则
2.1 安装快捷
首先,在开始游戏之前,必须要完成游戏的安装等准备工作。设计人员应该使安装界面尽可能的简洁,使安装过程尽可能的快速,让用户在最短的时间内完成游戏准备。其次,玩家玩游戏的方法,是通过键盘、游戏杆、鼠标或者是这几种的结合,或者还需要运用其它类型的输入设备,在设计界面时,都需要进行考虑。同时还要充分考虑灵活性和能够运用到你的游戏中的设备的类型。
2.2 易于理解
当用户拿到游戏后,大部分人不会阅读说明书,而是直接开始玩,并通过用户界面进行游戏内容和交互方式的了解。游戏者并不是典型的软件用户,他们没有兴趣学量新特征和新功能,所以当你设计用户界面时,应该使它更容易让人理解和接受。你的第一个目标应该是让游戏及其界面尽可能地符合直觉。
2.3 综合集成界面
游戏界面不应该喧宾夺主,如果过分修饰搞得过于烦琐的话,游戏界面反而会干扰用户的注意力,使他们不能集中精力于游戏世界。游戏界面应该力求简单朴素,占用的屏幕空间应该越少越好,真正做到惜墨如金。信息要简化,将一些功能性界面放在非玩家人物界面上,主界面尽量简练,精致。对于游戏来说,目标就是要让界面越来越深入到游戏本身的结构中去。从设计流程上讲,首先应将游戏功能分类清楚,然后再做界面,尽量考虑资源的通用性。另外,网络游戏需要不断添加新功能等等,对界面的需求会不断增加,需要预先考虑好扩充性。
3 美观性原则
界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
3.1 美观与协调性细则:
长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。按钮的大小要与界面的大小和空间相协调。避免空旷的界面上放置很大的按钮。放置完控件后界面不应有很大的空缺位置。
字体的大小要与界面的大小比例协调, 通常使用宋体9-12较为美观,很少使用超过12号的字体。
前景与背景色搭配合理协调,反差不宜太大,最好少用纯色,如大红、大绿等。主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。
如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。通常父窗体支持缩放时,子窗体没有必要缩放。
3.2 独特性
如果一味的遵循业界的界面标准,则会丧失自己的个性。在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
安装界面上应有单位介绍或产品介绍,并有自己的图标。主界面,最好是大多数界面上要有公司图标。登录界面上要有本产品的标志,同时包含公司图标。
系列产品要保持一致的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
总的来说,界面对一款游戏的成败影响是巨大的,由于游戏最强调的是表现力,因此人机交互界面的好坏,直接关系到游戏在玩家心目中的地位,优秀的界面设计师可以让玩家在看到游戏界面的第一眼就对游戏感兴趣。专业的界面设计对一款游戏的重要性仍然是不可低估的。
优秀的游戏界面设计是设计人员与玩家之间的一种交流,用户的需求应当始终贯穿在整个设计过程之中。但这并不是说游戏软件的易用性可以凌驾于其他因素之上,所有伟大的设计,都是在艺术美。可靠性、安全性、易用性、成本和性能之间寻求平衡与和谐的。
参考文献
[1]叶展,叶丁.游戏的设计与开发.人民交通出版社 航空工业出版社.
随着80后已渐渐地为人父母,家长们送给孩子的礼物,也已经不再局限于玩具、新衣服。ipad等智能终端产品已经成为越来越多的家长的选择。《2010年儿童网民规模及上网行为调查报告》显示,有51.2%的5岁~15岁儿童使用互联网,其中67.7%的儿童认为互联网是其最喜爱的媒体形式。同期调研显示,目前中国5岁~15岁儿童网民数量达到8958.2万人,儿童互联网渗透率达到51%。
1儿童心理探究
根据Goswami和Brayant从1967年开始做了一个关于0~10岁儿童认知发展的研究,我们可以得知:在儿童的学习过程中,即使是婴儿,他们也都拥有了几乎所有的学习方法。这种学习包括学习声音之间的关系,和典型常见物品的视觉特征。在该研究中他们指出,孩子思考和推理的方式跟成年人大致相同,但是他们缺乏经验。他们需要经验来帮助他们发展自我反思和自我监管能力。在知识的获取方面,孩子对知识的学习可以通过积累认知策略,自我反省和抑制性控制来提高。儿童通过构建因果关系的框架来使他们的经验在生物、物理和心理领域有意义。儿童通过经验、语言和假装玩耍来获取他们的知识,另外教学对于儿童的因果解释系统的发展是最重要的。
在儿童认知能力的发展阶段,经验的增加对于学习和知识的建立起到了关键的作用。另外,假装玩耍和想象也是儿童认知发展的重要的因素。它可以帮助孩子们反思和调节自己的认知行为,并有一个更深入的理解。
2不同年龄段儿童特点分析
对于儿童这一特殊群体,我们往往指的是3~12岁这一年龄区段。虽然统称为儿童,但是由于身体发育状况,受教育的程度,接触网络的时间等因素的不同。所以有必要对儿童这一群体进行细化研究,大致上可以把3~12岁的儿童分为三个年龄区段。
3~5岁,这一年龄段的儿童的自我判断能力还不强,往往不会使用搜索,并且看不懂文字,所以对于这一年龄段的儿童在设计的时候要避免出现文字,用图形来说明。另外由于年龄太小,他们往往不太计较游戏中的胜负,不太关心游戏的结果,而更关心玩的时候的互动体验。
6~8岁,这一年龄段的儿童渐渐的学习了一点文字,所以在应用设计中可以考虑使用简单的文字,但主要是用在功能按键上,并且要通俗易懂。较3~5岁的儿童,由于年龄的增长,他们渐渐的有了求胜心,需要在游戏中取胜。另外这一年龄段的儿童已经可以较为熟练地使用网络了。
9~12岁,这一年龄段的儿童在小学已经处于中高年级了,有的已经是初中生了,已经具备了较多的汉字储备,并且思维逻辑逐渐成熟,所以可以使用较多的汉字,对于网络熟悉程度跟成年人相同,并且对于搜索有了较强的依赖。
3儿童应用界面设计实践
很多儿童类app的设计目的是为了让儿童学习更多的文化知识。这一设计目的虽然没有错,但是要知道让儿童用ipad来学习这一可能性几乎为零。我们要做的就是要把学习的过程与娱乐结合到一起,寓教于乐才能获得儿童的喜爱。因为大多数儿童上网的主要目的是玩。
(1)色彩。由于儿童视觉正处于发育期,对于亮色的事物会比较敏感。在设计的时候,要以亮色为主,尤其是可点击部分。一个界面要以两种左右色调为主,手绘风格可以包含较多的色彩。并且以暖色调为主,视风格特点使用中间色调。
(2)字体。儿童多比较喜欢活泼可爱的东西,所以儿童应用的字体多采用手写体,与场景融合,并多用在标题和功能按键上。简体字体多用在旁白说明,起次要作用,一般用黑色和白色,并会有透明处理。
(3)界面风格。界面风格一方面是由产品的特性决定,另一方面更主要的是延续了开发公司所开发的产品的整体风格。每一个公司所开发的产品的风格往往是统一的。其中多采用手绘风格,让人感觉亲切自然,水彩、蜡笔效果使用较为频繁。还有矢量风格,因为这种风格的色彩往往比较纯,形象比较抽象,所以这种风格多用在年龄较低的儿童应用里面。
(4)层级架构。儿童应用的架构多比较浅,以2~3个层级为主,外加少许的弹出框,这是因为年龄越小,对事物的耐心会越少,所以层级要越来越少。设置功能往往会融入到首页的场景中,来减少层级,比如语言设置,伴奏设置等,再加上动效和音效,降低操作所带来的不适感。
(5)导航。不同的页面导航有不同的特点。首页往往会采用场景式导航,导航按钮融合到场景中,使界面更加自然。动画片类应用的首页多用左侧线形导航,更注重使用效率。内容页往往使用四角导航,尤其是读物类应用。功能按键分布在四个角落,通常会伴有透明效果来弱化视觉,不易引起误操作。隐藏式导航多用于游戏类应用的内容页界面,把很多的功能按键隐藏起来,这样界面就会只剩下一个按键,能让用户更加专注于界面内容。
(6)布局。页面的布局往往会根据界面的场景风格来安排,主要的功能往往会放大居中放置。比如说开始游戏。其他功能按键多会根据场景的需要分布在界面上。对于重要程度相同的功能,往往会采用列表布局。
(7)音效。音效在儿童类应用中很重要,每一个操作都要伴随着音效,而且往往会有背景音乐,并可以很方便的关闭。其中动物的叫声应用较多,人的声音多听起来柔和、缓慢。对于针对学龄前儿童的应用,多使用声音和任务旁白来营造身临其境的感觉。
(8)加载反馈。等待对于儿童是致命的,对于内容加载这种必须等待的事情。加载反馈往往会是小的动画,并且诙谐生动,引人注目,弱化等待感。
(9)手势。小朋友的绝大多数的手势操作都为点击,而且往往是漫无目的的“屏幕扫雷”式的点击。此外会外加少许的滑动,其他更复杂的手势是不会被儿童所接受的。尤其是学龄前儿童,对自己的操作没有心理预期,所以更喜欢乱点尝试。
(10)点选反馈。对于一个小小的点击,必须要有反馈。这往往包含亮度、动效和音效的变化,并且具有持续性、情节性,不要过于简单。过于简单的反馈对小朋友来说是观察不到的。
(11)互动性。活动的界面更能吸引小孩子的注意,所以应用要保持与用户很好的互动性。对于用户的点击都要做出反馈,即使是点击空白区域。这些反馈包括音效、动画,以及震动等反馈。由于小朋友抓住东西就喜欢乱晃,所以当小朋友晃动设备的时候,界面也要有相应的反应。
(12)启动界面。大多数儿童类应用启动界面都比较漂亮眨眼,有一定的趣味性、故事性,但由于儿童更缺乏耐心,所以最关键的是启动界面要快,迅速的开始程序。
(13)图标。儿童类应用的图标往往较大,相邻较疏松,这是因为孩子的点击往往不够准确,往往会点到附近的目标,所以要大要疏松一些。另外图标多为图案,与场景融合,配合适当的文字。一个界面最多有3~4个图标为宜,过多的图标会让小朋友不知所措。
二、UI界面设计的主要软件及内容
随着各种各样电子产品的普及和运用,丰富多彩的界面设计使得这些电子产品不仅具有吸引客户,同时还赋予它新的生命力的特点。例如常用的手机与电脑中的图像设计软件photoshop,它是一种对图形图像进行编辑的软件,可以为用户提供非常便捷和丰富的图形编辑设计等功能,用户可以运用各种颜色以及笔刷的形状,使得设计的空间更加广阔,更加符合他们的设计理念。当前的专业艺术院校还没有建立一个较为完善的UI界面设计专业,因此培养专业的UI设计师是设计出良好UI界面的关键,UI设计的主要内容包括以下几个方面:
一是网页的整体布局与设计。这需要设计师具有综合的知识与能力,需要将多种设计元素融入界面设计之中,同时要突出页面设计的主题,根据用户的需求和实际情况来构图设计,在注重美的同时,还要重视实用的便捷性原则。
二是对界面的外观进行设计。常用的UI界面外观设计的手段有利用经典的几何图形,比如圆形、长方形、菱形、四边形等等,每一种图形都代表着不同的含义。同时在设计中还可以结合多种形状,表现更加丰富和更加具有层次的特点。
三是对界面中文字的设计与编排。文字是界面中的主要内容,因此为了突出界面中的主要信息要对文字的颜色、字体、字号等等进行搭配与组合的设计。同时还要对字的行间距等进行协调的搭配,让整个文字给人以视觉上美的享受。
四是对图片的设计与多媒体的设计。任何一个UI界面都会涉及到图片与文字,因此通过图片来补充文字,具有良好的视觉补充效果,可以互相渗透,让界面更加的活跃,更加的具有立体感,也让整个界面更加丰富。而随着3d、2d的动画效果的普遍运用,为了吸引更多的使用者,设计师可以通过在界面中插入3d与2d的动画效果,让声音视频等,更多的媒体参与到页面设计中,可以充分的调动用户的各种感官的体验与享受。
五对网页界面背景的设计。背景的设计需要遵循与文字、图片以及其他内容风格统一、浑然一体的原则。同时背景往往起到了衬托和渲染的作用,在设计上一般比较柔和,不能喧宾夺主。
六对颜色的设计搭配。对色彩的设计是整个界面设计中最为关键和核心的一个环节,由于色彩往往给人第一印象和第一视觉冲击的影响,因此它直接影响和作用着人的情感,不同的颜色会让人产生不同的心理体验与感受,因此UI界面设计中对色彩的搭配,首先需要从用户的角度出发,让用户可以根据自己的喜好,任意选择满意的色彩变化。其次是UI界面设计的色彩要能够起到引导作用,能够为用户传达一种情感的导向,人的情感与颜色之间密不可分,良好的UI设计师总是能够通过颜色的搭配,抓住用户的情感体验,并且吸引用户。
七是对明暗以及深浅的设计搭配。如果设计师选择了深色的背景,那么就应该在深色的背景上使用浅色或亮色的文字和图片,这样用户的视觉就可以停留在文字与图片上,通过深浅和明暗的色彩对比能够让页面更加的赏心悦目。
中图分类号: S611 文献标识码: A
1、前言
室内设计中,空间的界面设计包括对建筑内部原有界面表层的再装饰和对空间进行再规划和分隔所产生的新界面的再设计,而界面设计的效果一定程度上体现着设计师对室内空间的处理能力和把握能力。
2、界面设计概述
室内设计中的界面设计包括空间内部界面的再装饰以及界面的再规划和再设计,界面设计的好坏直接关系到设计师的成功与否,其主要表现就是设计师对室内空间的把握能力和处理能力。以下将从界面独立、界面整合、界面空间构成与引导三个方面对空间界面进行阐述。
2.1界面独立
界面独立主要包括以下三方面内容:1、图形界面独立。独立图形是指空间
界面处理、造型实体以及局部装饰上,所做的具有完整性和独立性的图形纹样。独立图形常常可以让空旷区域呈现出生动的装饰美。2、适合界面的图形填充。适合图形装饰既满足了室内设计中限定的外形,而且还可以在限定范围内进行和纹样造型变化,使图形装饰具有自然合适的美感。3、确定界面主题。人们越来越看重主题墙设计的方式。一般说来,壁面设计的质感应该较细腻,可触感要强。作为供长期性观赏的壁面艺术作品,主体层次应该多样化,纹理也要清晰细密。空间流动性大的壁面则应表现得明快有力,同时应注意其完整性。
2.2界面整合
在室内空间设计过程中,室内界面设计是在空间形体中面与面之间的关联关
系的基础上而完成的。众所周知,室内空间是一个很难分析和归纳的抽象物,是一个不能被触摸,却能被感知的东西,但它的围和空间却有着实实在在的界面,它是具有形状、尺度、色彩的能够被感知和触摸的实体。室内界面主要包括四周的顶面、垂直面和底面三部分。之前的空间设计者都比较重视界面的区分,而现在的界面设计更注重室内个界面之间的整合性。要么组合、穿插、叠加,要么打散、重构。顶界面、墙界面、低界面是完全可以整合到一起显现出单纯、鲜明的效果的。
2.3界面空间构成与引导
实面是实体和实质界面的统一体,具有物理环境和理念环境双重性。空间在哲学中被理解成无限的抽象东西,但是,对于室内空间设计来说,空间是有界定的边界和空间的。正是因为室内空间具有局限性,所以室内设计的主要目的就是通过对围合的处理来创造空间。场所的设计也是实面与空间艺术的复合。内墙被视为室内空间的起点,所以,宽大空间界面应该把重心提高,而小空间界面应尽可能在视线的中上位置,狭长空间则可以按照其长度分为相对独立的单元组合,或者采用散点透视法。对于墙面和天花板这些转折面来说,应该尽可能的将其分解为几个单元,沿着一定的轴线移动,以便把握时空视觉的伸缩与连续。另外,形体与空间属于一种组织关系,这种特殊的关系可能会出现在几段曲线墙面,也可能设计一组有序的形体。
3、室内设计中的界面设计手法
3.1界面材料并置的手法
材料并置指在室内空间设计过程中用两种或两种以上的材料进行并置处理,这些材料之间不需要有拼接、黏贴的关系,主要是因为这些材料并置的方法是用于处理不能进行收口的各种材料。比如:青石板、鹅卵石、景观石所并置而成的枯山水景界面装饰,就是利用具有一定的互动性的材料进行共同并置,形成一种新的界面装饰设计。实际上,铺设在地面上进行的地毯可以算作是界面并置的方法。
3.2界面材料拼贴的手法
材料拼贴是指使在室内设计过程中,材料通过粘结或者拼接而连在一起的方法。这种方法可以是同种材料的黏贴,也可以是多种不同材料的拼接。材料通过拼贴而成为一个整体之后,就会具有丰富的肌理感,不再单调。比如:采用纹理和花色不一样的石头材料所拼贴起来的花,材料本身在质感和性能上都是有着小小的差别的,这样拼贴起来就更能满足人们的审美要求。
3.3界面局部凸起或局部凹陷的手法
在室内界面设计中,界面局部凸起的方法是指在界面再设定子空间,使局部凸起,从而使室内空间富有层次感的设计方法。比如教室中的讲台,这样设计不但提高了老师的高度,而且可以使老师讲课的声音传播的更远,视野得以开阔,另一方面也暗示了老师的特有地位,进而加强了教师授课这个空间的严肃气氛。界面局部凹陷所构成的围合空间与局部凸起的抬高给使用者带来了不一样的心理感受,界面局部凹陷这种方式产生的围合空间可以给人带来一定的安全感和私密感。凹陷产生的阴影区域,还可以给人带来一定的神秘感。在现代社会多元化的形势下,人们都开始追求快乐、享受的生活,而室内空间设计就是要满足人们的要求,给人们制造一个满足、愉快的生活环境,使得人们能够更加尊重其生命价值。
3.4其他手法
界面设计除了以上几种方法外,还有可变、卷曲、倾斜、高科技化等方法,这些方法可以在不同的空间中营造出不同的气氛。室内设计中,(1)可变的方法,比如各种戏院或者剧院的升降舞台等。可变方法在界面设计中的运用可以使空间的形态产生改变,从而丰富观众的视角。(2)卷曲方法的运用较为常见,最具代表性可谓是柏林酒店,此酒店界面设计使用了大量的卷曲方法,使得界面跟垂直界面的界限变得模糊,让两个界面连成一体。(3)倾斜的方法,例如:为设计排水的功能,必须在地面设计一个坡。界面中倾斜方法的运用能给人们以运动感或者流动的趋势。
4、界面设计的发展趋势
斯宾塞曾经说过:与目的联系在一起的享乐必然是达到这一目的的手段也成为一种快乐。室内设计的主要目的就是增强生命的意义,使人们能够在各方面得到满足与和谐。在多元化理念的时代,室内装饰设计目前已经进入了转型期,而且正以其独特的文化特性而存在。室内界面设计发展新趋向主要表现传统与科技工艺结合 ;创新与复古多元共存;材料与设备的更新;室内与室外相对独立; 专业与业主兼顾;审美与功能因人而异几个方面。
4.1界面材质的发展更趋近时代性和超前性
随着人类文明的发展与进步,人们对生活和工作的环境的要求越来越高,对室内空间的装饰要求也日新月异。因此,在设计中,必须注意超前性和时代性。另外,在界面设计中,当一种设计手法不能兼顾时,就需要附加其它因素或进行特殊手法处理。
4.2工艺手法趋于整合
在室内空间设计中,以往分离的墙体、雕塑、绘画等空间艺术表现将有重新整合的趋势。在建筑装饰艺术上,新的技术手段比如激光声控、照相印刷等现代装置也日益走进建筑饰面艺术之中。单从空间来讲,首先,过去不同的艺术划分在未来室内的各个界面之间的界限将变得逐渐模糊;其次,二维平面与三维空间艺术的处理将联为一体,没有区分或区分不明显,使得空间的起点和边界更为模糊化。
4.3界面设计艺术的内涵趋于集中
众所周知,室内空间设计中的界面设计虽然手法多种多样,艺术表现千变万化,但它的宗旨和内涵都比较集中,总体概括为:第一,通过文字、符号、形象的设计来使界面更具有意向表达或者象征作用。第二,通过各种图案的装饰质感促使各界面变得柔化、虚化,赋予其掩饰作用。第三,通过集合划分、光色多变、透视等手法,使墙面具有视觉上的界定和扩大作用和放大的效果。
5、结语
在室内空间设计过程中,设计师必须认清界面跟室内空间的关系,了解装饰界面的各种要素,了解室内设计中界面设计所具备的运用方法,在不同的空间功能或者风格中,根据不同的功能和风格空间应用不同的界面设计方法,让室内空间设计表现出和谐、生动、严谨,具有视觉美感的界面设计。
[DOI] 10.3969/j.issn.1002-6916.2011.01.034
1、引言
随着现今计算机硬件的高速发展,过去的软件程序已不再能适应当今用户的要求。软件产品在激烈的市场竞争中,仅仅只依靠其强大的功能远远不够,而且人们也逐渐将目光放在软件的人性化和美学化特征上,看重软件的交互性和艺术性。由此使得在软件的设计过程中,越来越多的软件设计师开始关注用户的心理特征、需求特征、操作特征和审美特征,并根据用户的这些特征来进行软件设计。软件的界面设计,已经成为了现今软件设计的重要环节。
2、 工业软件及其特点
2.1 工业软件概述
工业软件(Industrial Software)指专门在工业领域里所应用的软件。工业软件按其特点及用途的不同,大致可以分为嵌入式软件及各种工业部门专用软件两大类。对这两大类的工业软件进行细分,其中嵌入式软件可以细分为操作系统、支撑软件(嵌入式数据库和开发工具)、应用软件等,它们被植入嵌入式系统之中,达到自动化、智能化的控制、监测、管理各种装备和系统运行的目的;而作为各种工业部门专用的软件,从产品研发、设计、生产、流通、管理等不同方面,实现生产和管理过程的智能化、网络化。
国外工业软件已经经历了一个长期的发展,工业软件种类丰富,应用领域广泛,功能强大,尤其在高科技、综合性领域内的应用程度都非常高。而国内的工业软件起步较晚,基础薄弱,发展速度慢,开发难度高,市场竞争激烈,使得我国自主开发的工业软件数量极少。这对于我国工业的进一步发展带来了一定的阻碍,因此,实现国内工业软件更好更快的发展,是现今我国工业软件发展所面临的巨大难题和挑战。
2.2 工业软件特点
工业软件因应用范围不同,其特点主要表现在以下几个方面:
首先,广泛的工业行业决定了工业软件类型的差异程度高。在不同的行业,所应用到的软件各不相。而同一行业内部部门的繁杂又决定了软件具有较高的细化程度。即在同一行业内部的各部门之间,例如采购部门、设计部门、制造部门和销售部门工作任务及性质不同,虽然同处于同一个行业之内,但是所使用到的软件也各不相同。因此,软件的差异程度高成为了工业软件的显著特点。
其次,工业软件的用途,决定了工业软件的功能比普通家用软件强大,软件结构十分复杂。尤其是应用于高科技、自动化领域的软件,由于其处理对象的特殊性和问题的复杂性,使得这些软件必须具备较多、较复杂的功能才能满足行业的需要。
第三,工业软件的界面较为复杂。由于工业软件所要接收和处理的信息量大,功能复杂,所有的数据信息的显示、功能命令的分布,都是通过软件界面来实现的。而过于简单的界面,无法将信息有效地展示给使用者。
由于工业软件更广的使用、更细化的应用、更强大的功能及更多数据展示等特点,所以在设计工业软件界面时,应根据其特点进行软件的界面设计才更符合使用需求的。
3、工业软件人机界面设计
3.1 人机界面及设计原则
人机界面HCI(Human-Computer Interface)又称为用户界面。人机界面是人与计算机之间传递、交换信息的媒介和对话接口,是用户和系统之间进行交互和信息交换的媒介,是人――机环境系统的三要素之一,是人与机器信息交流的桥梁,凡参与人机信息交流的领域都存在着人机界面。
人机界面是计算机科学和认知心理学两大学科相结合的产物,同时也吸收了语言学、人机工程学和社会学等学科的研究成果。经过40余年的发展,已成为一门以研究用户及其与计算机的关系为特征的主流学科之一。从早期的以面向计算机专业人员为主的手工操作界面,到面向具备一定计算机编程能力人员的命令语言界面,再到今天的面向更多更广泛的普通用户的图形用户界面以及多媒体用户界面。而且随着软件的发展,界面设计已成为软件设计的重要环节之一。
传统的软件设计的三大原则如图3-1所示,包含:用户控制自由、减轻记忆负担和界面协调一致三大原则。用户控制自由,就是在符合用户身份角色的条件下,对界面有着自由的控制权,用户所需要获得的信息,都能够通过界面来获取。同时界面也方便用户对软件进行操作,必要时还能对用户的操作提供帮助和引导;减轻记忆负担,即合理的对界面的文字和图像进行设计,或是对界面的信息进行缩减、整合,使用户在使用中不会因有过多文字、图片或者信息而感觉有记忆负担;界面协调一致原则,要求界面的设计定位要符合软件自身特点,界面整体风格和色调统一,界面局部细节与界面整体相协调,达到整体的均衡美。
3.2 工业软件人机界面设计
从软件整体设计流程出发,工业软件的设计流程应更注重交互和界面设计的内容,改变以往串行设计流程,在确定设计方向后采取并行设计流程,如图3-2所示,即编程设计与界面设计同步展开,并协调进行软件的交互设计,让软件的界面设计伴随着软件的编程设计同步进行。
在工业软件的界面设计中,不仅应遵循软件界面设计的一般性原则,更应该依照工业软件其自身特点,寻求其界面设计的方法,以满足工业软件的界面设计的需要。
首先,由于工业软件用户的特点性,因此在设计之前,分析用户的特点及操作行为,虚构出若干类具有典型性的用户角色,以此建立该软件操作者的用户模型。再根据这些用户模型,定量的测量用户特性,了解用户的技能和经验,预测用户对不同界面设计的反响。通过建立专业的用户模型可以从根本上保证工业软件的界面设计的用户符合性原则。
其次,界面的合理建构成为工业软件界面设计的重要原则。界面的实质,就是一个展示功能和数据信息的窗口。如果界面的布局凌乱,仅仅把大量的信息堆积在界面上,会严重影响使用者的操作。工业软件由于具备较多的功能和较大量的信息,所以在设计初期,必须对这些功能和信息进行分类,分辨出主要的和次要的内容,然后对主要的和次要的内容分别对待。按照用户浏览“F”型模式,即用户浏览电脑屏幕时,浏览起初的若干行时会沿着从左向右的方向,之后用户就会直接向下快速浏览,最终浏览完时会把目光集中于右下角,因此如果以界面中心为坐标原点,向右为X轴正方向,向上为Y轴正方向,构建平面坐标,在这个平面坐标系中,用户首先会关注第二象限的内容,然后是第一和第三象限,最后目光停留在第四象限。根据这一浏览模式,在进行工业软件界面构建时,务必将主要的放置在第二象限和第四象限,而其他的则可放置在第一或第三象限之中。一个合理的界面,能够方便用户的操作和信息的获取。
第三,功能的明确性。工业软件最大的特点就是应用性强,软件的每一个功能在界面中都有与之相对应的命令。工业软件的界面设计注重用户的导向,从用户的角度来考虑和设计界面。用户对于软件的熟练程度,都影响着他们的使用,尤其是对不熟悉软件的初学者的引导,显得尤为重要。根据心理学家George A.Miller的Miller公式:个人一次所接受的信息量为 7±2 比特,对于工业软件的功能构建,应该在5到9项之间,过少则不利于用户及时的找到所需的功能命令,过多则会对用户造成记忆负担。所以在界面设计时,可以改变原有界面设计的分栏或下拉菜单的设计,而采用分组处理的方式。以“分组”的形式改变过多的功能分类,使得软件界面的功能显示更加明确。
第四,细节深入设计。软件界面的细节化设计,存在于界面设计的方方面面,从一个小小的图标、工具命令的命名、动画演示介绍、声音提示,到用户导航、操作帮助等等。都可以进行深入的细节设计,而这也是工业软件界面设计中最难的地方。首先现有很多软件并没有太多的细节设计,设计师不愿过多考虑某一细部的具体设计,再者是人们在使用软件的过程中不太敏感,容易忽视掉这些细节,认为那原本就应该是那样。虽然用户会忽视这些细节,但这些细节的作用确是不可忽视的,它们方便了用户的操作。例如一个简单的命令搜索栏设计,在整体的界面构建中不需占用过多的地方,却能方便用户搜索到他们所需的功能命令,省去用户多次点击鼠标的过程,大大提高了软件的使用效率。因此细节深入设计是工业软件界面设计所比不缺少的一个方面。
4、 小结
界面设计不是单纯的美术绘画,它需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术的设计。注重工业软件的界面设计,不仅能够使其界面变得更美,增加用户的愉悦感,还能提高软件的交互准确性和效率,使用户更准确、更高效的完成工作。
参考文献
[1] 李荣丽,黄艳群.人机界面设计中的用户模型研究[J].长春理工大学学报,2006,(02).
[2] 李乐山.人机界面设计[M].北京:科学出版社,2004.
[3] 杨静.浅谈用户界面设计[J].艺术与设计(理论),2009,(01).
[4] 欧阳建军.基于交互设计的界面应用研究[J].科教导刊(中旬刊),2010,(04).
中图分类号:TP391.9 文献标识码:A 文章编号:1005-5312(2015)08-0077-01
人类社会由大工业社会向信息社会发展已成为必然,交互设计正是在此大背景下逐步发展并走向成熟。人们对交互设计相对陌生,但其设计产品已和我们的日常生活密不可分,例如现代人每天都要打交道的Windows操作系统的交互界面设计、神通广大的手机APP应用设计、银行取款机的交互设计等。
视觉界面设计需要设计师掌握基本的视觉要素的运用,并且必须了解如何运用这些要素来有效地传递行为和信息,创建来自于情感和内心的反应。虽然在视觉表达上总存在有设计师的个人主观成分,但在产品视觉界面设计中还是应将设计师的个人爱好降低到最小化,一切以良好的用户体验和为企业创造效益为主要目标。
视觉界面设计具体体现在三个主要方面,即界面的层次与逻辑关系、版式与网格以及颜色和文字。
一、逻辑关系与层次
从界面设计角度,在设计过程中,要理解产品需要向用户传达什么,也要明白用户认为产品应该传达什么,这是交互设计中的两个最关键问题。这就需要产品的程序要有逻辑性让用户清晰地了解以上两个问题,而这种逻辑性正是通过视觉界面来表现出来的,使产品具有逻辑性能让用户感受到清晰且友好的体验。而使产品具备逻辑性就需要产品有明确的视觉层次关系,运用科学的视觉规律将元素分组是达到清晰的视觉层次结构的好方法。
首先,要确定的是产品的定位是什么,及产品是为用户提供什么服务的,这就决定了这类产品的主视觉是什么类型的,例如,若产品是一款为儿童设计的游戏,那么整个界面就可以多一些色彩以及较卡通的文字等元素。但儿童类游戏风格相较活泼并不意味着杂乱无章,要进行合理的视觉元素的分组,使得产品富有逻辑性。在分组中,要将功能类似的按键分为一组,并且在用户行为上连续在一起的按键尽量摆放的位置相近,以免造成用户多余的行为动作。
二、版式与网格
交互界面中网格的建立就好比一栋建筑在建造前期需要搭建的钢筋结构一样,网格的设置直接影响着网页的版式,一个合理的网格能够清晰、准确的表达网页中的信息。
网格的建立不但在平面设计上还在交互界面设计上都为设计师在排版中提供很大的便利,并且在完成一款交互产品时会涉及到对多个界面进行统一设计,这时网格就起着大大提高效率的并赋予用户良好体验的作用,所以网格已经成为设计师在编排界面时最重要的工具。
三、颜色和文字
颜色的属性很大程度上影响着界面的主视觉,明快的色彩给人以活泼的感觉,也有较强的颜色倾向,对于使用用户是普遍大众的界面,就不太适合使用色彩倾向较明确的颜色,若用户群体相对较明确,可以针对用户群体来设定颜色的倾向。
在界面设计中色彩氛围对用户的感受、行为起很大的影响作用,色彩氛围指的是由多个色彩营造出的一种氛围,多个色彩共同组成的整体色彩氛围给人以特别感受,一般在一个界面中,需要有一个主要的基本色彩。通常情况下,一个页面中面积较大色彩的数量不易过多,避免干扰用户对功能上的理解及使用。
字体作为传播信息和文化的重要载体,在选择页面中起着关键性作用,当文字以段落的形式出现时,它在视觉上所呈现出来的是一个灰色的色块,仔细发现,色块中黑色的是文字,白色的是文字间以及文字里的白色空隙,当黑色与白色区域在灰块中呈现均匀分布时,视觉上会呈现一种平衡感和稳定感,人们在阅读文字时会感到舒适。当前网页中多数使用微软雅黑等无衬线字体,该字体使白色区域更加均匀,看起来更加规整。
总之,用户界面设计中涉及到的视觉问题基本涵盖在以上这三个方面,界面的视觉设计是在界面交互设计的基础上进行的,是在美学、符号学以及格式塔心理学的宏观引导下,通过一定的视觉设计方法与原则对界面具体的视觉要素与内容进行设计的过程。与此同时,视觉设计活动还受到用户目标的影响。
界面设计涉及到实用美学的理论。用户对应用界面美的体验是全方位和多维度的,正如约翰・杜威(John Dewey)将审美经验视作一种整体性、完整性和丰富性的体验过程。要真正做到合理有效的交互界面设计需要交互界面设计师有着对“美”的敏锐的感受力、观察力以及丰富的交互设计知识、用户体验知识,时刻以带给用户良好的体验为出发点进行设计。
参考文献:
[1]罗仕鉴,朱上上,孙守迁.人机界面设计[M].北京:机械工业出版社,2002.
[2]唐荣锡,汪嘉业,彭群生,汪国昭.计算机图形学教程[M].北京:科学出版社,2005.
多媒体教材界面设计的简洁性是指界面的清晰度、复杂度以及教学内容含量等应该与学习者的能力相当。即针对不同知识结构层次的学习者,可以设计复杂程度相当的界面,使学习者把注意力完全放在界面的内容上,而不是被吸引到界面的形式上;使学习者的思想、意念必须放在使用系统的功能上,而不是放在如何与计算机进行交流上。
一、多媒体教材中界面设计简洁性的设计依据
1、依据学习者的视觉心理,设计简洁流畅的界面。
首先从视觉流程来分析,我们知道:人眼的生理构造--晶体,只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方,只有先看什么,后看什么,再看什么依次顺序进行。人们在阅读一种信息载体时,视线总有一种自然的流动习惯,普遍都是从左到右,由上到下,由左上方沿着弧形线向右下方流动的过程。如图所示:
其注意值随着下移逐渐递减,在此流动线上的任何一点都比流动线外的任何点明显,这种对界面视觉顺序感受的无形流动线,我们称它为"视觉流程"。也就是说:视觉流程的形成是由人类的视觉特性所决定的。
其次从视觉心理的角度来分析,学习者在通过多媒体教材进行学习时,其对界面内的诸多构成的注意程度是不同的。在一个长方形界面中心线上划出三条等距离的平等线,便在中心线上出现三个等距离的"焦点",当学习者在这三个焦点上来回移动视线时,便会发现第一个焦点(中心线上部分处)最为引人注目。这就是界面中最佳的"焦点"方位,即视觉中心。而围绕这个最佳焦点,人的注意力将呈放射状由中心向平缓递减,这就是界面的最佳视域区。
最佳视域区第三,在界面的色彩使用上,人的视觉兴趣点又受色彩的影响,如:纯度高的、对比度高的或明度高的色彩在界面中,不论是文字,还是色块或背景,往往会给学习者较强的刺激。
在多媒体教材界面的设计中,正确运用视觉流程对视觉进行导向的作用,恰当处理最佳视觉区对学习者视觉心理的影响,组织好自然流畅的视觉导向,对不同性质的教学信息的有序、简洁的设计,从而引导学习者准确有效地接受教学信息。这不仅有助于学习者获取教学信息,还可以减轻学习者的心理压力。
2、依据多媒体教材具有的美学特点,设计简约明快的界面。
多媒体教材是具有科学美、艺术美和形式美。其科学美首要的一点就是简明,即界面内的知识信息简明。多媒体教材的界面还充满着艺术特质和形式的美感,其布局结构和色彩配置均遵循着美学的特点。优秀的界面设计,虽然界面的形式简单,但内容深遂、丰富,可以引起学习者丰富的联想,激发学习者的学习热情。它内在的东西是丰厚的,是设计者经过广泛搜集,经过去粗取精,提炼出来的。谁能说世界名画"最后的晚餐"因是一个平面的艺术品而失去她亘古的魅力呢?简洁的背后意味着深厚的意义!
学习者在通过多媒体教材进行学习时,教学内容是以多媒体教材的界面一屏一屏的呈现的,依据学习者的"先入为主"的学习心理,清晰明快的界面是逻辑思维和形象思维最好的起点,它也符合学习者由点到面,由浅入深的认知过程。因此,在设计界面时,充分利用人机交互界面,积极创设教学情境,准确传递教学信息。针对不同知识结构的学习者,设计简约明快的界面。
3、依据教学内容的需要,设计清晰明智的界面。
我们设计与制作的多媒体教材主要是辅助教学、学习者自学或用于网上远程教学。一方面,多媒体教材所展示的内容应是教学中的重点、难点内容,应以认知理论、建构理论为指导,选择适用多媒体呈现的教学信息,避免将多媒体教材制作成教科书,面面俱到,冗长枯燥,应重点、难点突出,交互友好方便,界面文字内容准确、精练。另一方面,教学内容是具有系统性的,界面的层级是有逻辑关系的,这要求在界面的设计中,根据知识体系的划分,设计出封页、主页、各级子页等,一个子页面内的教学内容一般应是同一个层级的内容。也就是说:我们设计制作的多媒体教材可以满足学习者根据自己的学习需求,随意跳转到某一级界面,都能很明确、清晰地读解该页所呈现的教学信息。设计中,还要依据多媒体教材的不同类型,如演示型、汇报型、训练型、模拟实验型等多媒体教材的特点,创设恰当的学习情境,集多媒体教材之优长,从多层次、多角度、多媒体等方面简化其复杂性,设计出清晰、明智、易于操作的多媒体教材的界面。
二、多媒体教材界面设计简洁性的主要体现
多媒体教材界面设计的简洁性主要体现在以下几个方面:
1.界面整体设计样式上的简洁
视觉是人类接受信息的主要途径,视觉传达设计是人类为实现公共信息的传播,对色彩、文字、图像等各种视觉元素进行组织的行为。一切我们能看到的东西都或多或少的有着视觉传达的设计元素。而在这个以移动互联网为主题的时代下,UI设计正在蓬勃发展,视觉传达设计在UI设计中是可用性与交互设计研究的全面体现。UI设计是新时代下的另一种新媒体视觉传达设计,UI界面设计上有很多的理论与实践都是跟传统视觉传达设计相通的,不同的是,UI设计师需要在UI设计的平台规范下,更好的将传统视觉传达设计元素与移动应用的特点、交互设计、用户体验设计等相互融合,设计出真正让用户觉得好用好看的移动应用界面。
一、移动应用的UI界面设计
随着移动时代的到来,越来越多的人开始关注UI界面设计。UI的全称是UserInterface,用户界面的意思。它包含软硬件的人机交互、行为路径、操作逻辑、用户体验和界面排版的整体视觉设计。打开我们的智能手机,我们的锁屏界面就是UI的一部分,手机里的每一个移动应用的每一个页面,都是UI设计。随着移动互联网的发展与移动应用的海量涌现,人们对移动APP的选择要求上更加挑剔了。界面设计很多时候决定了用户对一个APP的第一印象,所以如今的UI设计越来越重要,越来越受到重视。同时,随着UI设计越来越被重视,UI的设计规范也越来越完善。各个平台几乎都有自己的UI设计规范,这使得UI设计的发展越来越规范化。当然,UI设计的风格没有停止跟随时展的脚步,从一开始的拟物化风格到后来的扁平化风格,现在的UI设计风格则趋于更加的多样化。UI界面设计发展至今也有了很多的设计原则,比如UI设计的简单原则,用户在学习和接受新的事物时需要很大的学习成本,然而如今我们的时间和精力又是那么的宝贵,所以我们的设计需要越简单越好。比如统一原则,从设计风格,排版布局,信息提示、系统文字、字体大小和整体颜色等都做到统一,这样用户才会完全熟悉和记住我们产品的行为路径,而不会造成不必要的使用错误。还有很多设计原则这里就不一一阐述,当然更多的设计原则还需要我们在实践中不断的探寻。
二、视觉传达设计在UI界面设计中的应用
1、版式布局在UI界面设计中的应用
手机APP虽然受到手机屏幕尺寸大小的限制并没有很大的空间来给大家呈现更多信息,但就在这么几寸的一块屏幕上,我们依然需要用心对待,依然需要将有限的空间设计出符合设计规范,拥有良好交互体验和承载对应信息的视觉交互效果。移动应用界面的版式设计和布局规划会直接关系到用户使用该应用的操作习惯和操作行为。同时,小小的一个界面不仅需要交互上的设计,也需要美学上的视觉传达设计。在符合用户交互体验的情况下,界面设计也需要灵活运用到一些传统视觉平面上的版式设计,比如很多时候为了更好的传达信息,也需要在设计中考虑信息的就近原则,元素的一致性等等。界面需要在更小的空间内合理的排版信息,将重要的信息通过异化的方式凸显出来,将同类信息整合在一起。同时,更加追求美观的情况下,更是需要设计师更好的将视觉传达版式设计中的一些留白处理等更好地运用到UI界面设计中去。
2、色彩在UI界面设计中的应用
设计移动应用界面,同样需要灵活运用色彩设计法则和色彩心理学,设计出更加符合用户使用习惯和认知心理的界面。色彩的应用很多跟视觉传达设计一样,APP的整体色调需要根据该APP的使用人群和他们使用APP的一般使用场景来确定。比如娱乐性高的APP一般采用明亮欢快的颜色。还有一些规范控件设计也需要满足用户的心理期待,比如红色多有警示提醒的意思,一般用在删除取消之类的控件上。
3、文字在UI界面设计中的应用
文字是一种最直接和传统的视觉语言,是传统信息和界面信息传达的主体,参与视觉设计的组织和编排,起到与用户的沟通和交流。文字虽然没有图标图形那么具有强大的视觉吸引力,但在界面中,文字设计依然有着相当重要的地位。UI界面设计需要在有限的空间内更注重用户的体验与交互。所以文字设计在UI界面中需要更加简化,突出重要信息,兼顾内容简洁与视觉效果。给用户一个简单高效的体验,避免让他们产生困惑甚至是误导。比如在一些信息详情页中,一般文字信息会比较多,这个时候就需要注意到文字在界面中的大小和间距,为了不使大段文字在小屏幕上显得冗杂,设计时可以放大加粗相关标题和重要信息以更好的提醒用户,尽量保证整个APP的所有文字一致和规律,统一规范的字体字号能让APP使用起来更加流畅,减少用户的认知。
4、元素符号在UI界面设计中的应用
元素符号能在视觉传达设计中起到很好的信息传达效果,UI界面中显然也是。元素符号还可以在很多时候给一个移动应用奠定一些设计风格。比如以前风靡一时的拟物化元素和后来的扁平化元素。在UI设计中,在符合应用功能和用户交互行为的前提下,通过各种元素符号能更好的美化界面和提升用户体验。比如在界面loading处理上,使用一些有创意的提示性图标能让用户感到更加有趣贴心从而缓解他们等待的焦躁,这样的情感化设计能够进一步提升用户体验,同时还能让界面更加丰富趣味。