界面设计(即UI设计)是人与机器之间传递和交换信息的媒介,FaceUI称包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。 [1]
-
中文名
-
界面设计
-
外文名
-
User's Interface Design
-
应用领域
-
软件,网页,游戏操作界面设计
-
应用行业
-
工业设计,移动互联网等
-
别 称
-
UI设计
-
分 类
-
硬件界面和软件界面
目录
-
1 简介
-
▪ 分类
-
▪ 元素
-
2 要求
-
▪ 领域
-
▪ 原则
简介
编辑
UI即 User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特
通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求,全面的了解用户特征及多元化要求是十分必要的。这就需要找到正确的方法来记录和实现多元化的用户要求。
界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔。
分类
-
以功能实现为基础的界面设计。交互设计界面最基本的性能是具有功能性与使用性,通过界面设计,让用户明白功能操作,并将作品本身的信息更加顺畅的传递给使用者,即用户,是功能界面存在的基础与价值,但由于用户的知识水平和文化背景具有差异性,因此界面应以更国际化,客观化的体现作品本身的信息。
-
以情感表达为重点的界面设计。通过界面给用户一种情感传递,是设计的真正艺术魅力所在。用户在接触作品时的感受,使人产生感情共鸣,利用情感表达,切实的反应出作品与用户之间的情感关系。当然,情感的信息传递存在着确定性与不确定性的统一。因此,我们更加强调的是用户在接触作品时的情感体验。
-
以环境因素为前提的界面设计。任何一部互动设计作品都无法脱离环境而存在,周边环境对设计作品的信息传递有着特殊的影响。包括作品自身的历史、文化、科技等诸多方面的特点,因此营造界面的环境氛围是不可忽视的一项设计工作,这和我们看电影时需要关灯是一个道理。
元素
计算机的键盘与鼠标这两个物理接口是人机界面中最为传统的组成要素,但这些却逐渐成为人机界面发展的局限性。因为人类无法通过键盘鼠标将信息数据自由的融入人类活跃的思维想象力当中,使得人类对人机界面产生疏离感。界面如何超越键盘与鼠标局限,进一步扩展数字系统和人类之间的界面,使数字系统真正进入人类生活,成为现阶段的界面设计研究方向。
界面设计设计元素(5张)
-
以动作作为界面。Henry See长期研究关于计算机信息组织能力的相关探索。他的作品《关注》Regard强调了以动作为界面的装置作品,该装置建立在特定智能环境中,有一位正在看书的虚拟人物,通过访问者的动作能对这名“读者”的动作产生影响。该作品是通过参与者的动作对虚拟人物的影响,表现了的参与者既尊重又侵犯了这名读者的私人空间。索美与海格诺涅创作了一系列结合姿势追踪的装置。《植物转变》中,访问者的举动和身体形态影响着人工生物的种类。这是一个交互式环境,访问者进入这个虚拟空间可以看见自己用身体创造了一个虚拟花园。身体的姿势,活动范围直接影响虚拟植物的生长 [1] 。
-
以触摸与触感作为界面。克里斯塔·索美与梅格诺涅:《移动电话感觉》探索了陌生人分享个人信息的双重情感。大卫·思莫和汤姆·怀特开发了一个以水作为人机界面的装置《意识水流》,呈现了一个其表面浮动了文字投映的小瀑布,如果访问者尝试触摸这些文字将会使水和文字漾起小小的波纹:“你可以伸出手去触摸水流,试着隔断或者搅动文字,使字形产生变化,转化为新的文字,进入排水管,回到水流源头,然后再次流出。”
-
以凝视作为界面。Drik Luese brink和Joachim Sauter的《不可见》De-Viewer以象征的形式探索了注视的力量,观众可以通过欣赏挂在艺术馆墙面的绘画作品,产生不同的变化。在绘画作品的后方隐藏了观众看不见的追踪器,实时追踪定位眼睛凝视的方向,即“眼睛追踪器”。当观众站在绘画作品面前,观众聚焦的画面会消散,并且在旁边的一幅画中显示了观众聚焦的眼神。当作品超过三十秒钟无人观察,画面即恢复原状。该装置作品通过以凝视作为界面使观众意识到无论他看向哪里,都是在用眼睛破坏影像。
-
以呼吸作为界面。查·戴维斯Char`Davies创作了一系列用着各种有机物和地理景观的虚拟世界,这些虚拟世界与大多数虚拟现实环境差异很大,观众在他的作品中通过呼吸节奏在虚拟世界活动,由此“消除自我与自然之间的界限”在国际电子艺术大会ISEA的《渗透》展览回顾中,安尼克·布如德总结道:“呼吸界面”对于一个作品将观众成功传输到虚拟世界具有重要作用。《渗透》这部作品使我们关系密切,当我们呼吸它与我们相互渗透;并且这幅作品依赖于观众身体,他们的基本活动(呼吸和平衡)对于理解作品本身是非常重要的条件。
要求
编辑
-
以易操作性保证读者。交互作品的界面设计采用超媒体链接技术,将文字、图形、图像、声音、动画等媒介要素,进行编排,使之成为一个连贯的整体,呈现在一个复杂的交互系统中。界面反映的是信息的总和而并非单一的信息,倘若在提示、菜单和帮助产生相同术语,在不同的应用系统中应具有相似的界面外观、布局、交互方式及信息显示、界面设计要保持风格的一致性[3]。用户便可以根据自己的认知经验,明白功能操作通过界面上的视觉暗示正确选择内容,在任何地点都能回到主界面或退出整个多媒体作品,因此每个操作对用户来说应是符合逻辑的用户能够较容易了解它要表达的信息与情感。
-
界面设计时需要首先考虑的问题。交互设计作为一种新媒体形态,必然要突出艺术的可视性本质,将新的艺术思想与理念融汇到作品当中,以此去吸引和影响用户。界面使读者打开交互作品时最先接触到的层面,通过可视化界面上设计者运用的前卫化的艺术符号,虚拟化的空间结构营造跳跃式的视觉效果,可以引起用户美好的情感沟通,使得其对设计者通过作品所传达的信息产生共鸣。界面设计的宗旨促进信息的传递以满足用户需求。当进行界面设计时,关键在于界面本身能否有效支撑交互,界面上的组件是为交互行为服务的,它可以很美,很抽象很艺术化,但不能以任何理由破坏作品的交互功能和作用。
领域
人机界面的定义、起源、发展、研究内容及发展趋势;人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等;人机界面设计,硬件人机界面的设计风格、人文关怀等;软件人机界面的形式与标准、软件人机界面设计、Internet网页界面设计、图标设计等;人机界面设计评价与可用性测试;新交互技术及展望,介绍了多通道用户界面、下一代人机界面展望及附录 [1] 。
原则
-
1.简易性
界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
-
2.用户语言
界面中要使用能反应用户本身的语言,而不是游戏设计者的语言。
-
3.记忆负担最小化
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
-
4.一致性
是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与游戏内容相一致。
-
5.清楚
在视觉效果上便于理解和使用。
-
6.用户的熟悉程度
用户可通过已掌握的知识来使用界面,但不应超出一般常识。
-
7.从用户的观点考虑
想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。如:书籍对比竹简。
-
8.排列
一个有序的界面能让用户轻松的使用。
-
9.安全性
用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
-
10.灵活性
简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。
-
11.人性化
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并
能保存设置。
设计软件:
软件用户界面(Software User Interface)是指软件用于和用户交流的外观、部件和程序等等。如果你经常上网的话,会看到很多软件设计很朴素,看起来给人一种很舒服的感觉;有些软件很有创意,能给人带来意外的惊喜和视觉的冲击;而相当多的软件页面上充斥着怪异的字体,花哨的色彩和图片,给人网页制作粗劣的感
觉。软件界面的设计,既要从外观上进行创意以到达吸引眼球的目的,还要结合图形和版面设计的相关原理,从而使得软件设计变成了一门独特的艺术。通常的讲,企业软件用户界面的设计应遵循以下几个基本原则:
1.用户导向原则
设计网页首先要明确到底谁是使用者,要站在用户的观点和立场上来考虑设计软件。要作到这一点,必须要和用户来沟通,了解他们的需求、目标、期望和偏好等。网页的设计者要清楚,用户之间差别很大,他们的能力各有不同。比如有的用户可能会在视觉方面有欠缺(如色盲),对很多的颜色分辨不清;有的用户的听觉也会有障碍,对于软件的语音提示反映迟钝;而且相当一部分用户的计算机使用经验很初级,对于复杂一点的操作会感觉到很费力。另外,用户使用的计算机机器配置也是千差万别,包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别,设计出的网页在不同的机器上显示就会造成混乱。
2.KISS原则
KISS原则就是"Keep It Simple And Stupid"的缩写,简洁和易于操作是网页设计的最重要的原则。毕竟,软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作,堆集上很多复杂和花哨的图片。该原则一般的要求,网页的下载不要超过10秒钟(普通的拨号用户56 Kbps网速);尽量使用文本链接,而减少大幅图片和动画的使用;操作设计尽量简单,并且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。
3.布局控制
关于网页排版布局方面,很多网页设计者重视不够,网页排版设计的过于死板,甚至照抄他人。如果网页的布局凌乱,仅仅把大量的信息堆集在页面上,会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有:
(1)Miller公式。根据心理学家George A.Miller的研究表明,人一次性接受的信息量在7个比特左右为宜。总结一个公式为:一个人一次所接受的信息量为 7±2 比特。这一原理被广泛应用于软件建设中,一般网页上面的栏目选择最佳在5~9个之间,如果软件所提供给浏览者选择的内容链接超过这个区间,人在心理上就会烦躁,压抑,会让人感觉到信息太密集,看不过来,很累。例如Aol点com的栏目设置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。Msn点com的栏目设置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的软件在栏目的设置远远超出这个区间。
(2)分组处理。上面提到,对于信息的分类,不能超过9个栏目。但如果你的内容实在是多,超出了9个,需要进行分组处理。如果,你的网页上提供几十篇文章的链接,需要每隔7篇加一个空行或平行线做以分组。如果你的软件内容栏目超出9个,如微软公司的软件,共有11个栏目,超过了9个。
4.视觉平衡
网页设计时,也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理,图形与一块文字相比较,图形的视觉作用要大一些。所以,为了达到视觉平衡,在设计网页时需要以更多的文字来平衡一幅图片。另外,按照中国人的阅读习惯是从左到右,从上到下,因此视觉平衡也要遵循这个这个道理。例如,你的很多的文字是采用左对齐〈Align=left〉,需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下,每张网页都会设置一个页眉部分和一个页脚部分,页眉部分常放置一些Banner广告或导航条,而页脚部分通常放置联系方式和版权信息等,页眉和页脚在设计上也要注重视觉平衡。同时,也决不能低估空白的价值。如果你的网页上所显示的信息非常密集,这样不但不利于读者阅读,甚至会引起读者反感,破坏该软件的形象。在网页设计上,适当增加一些空白,精炼你的网页,使得页面变的简洁。
5.色彩搭配颜
色是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光,是一种快活的颜色;黑颜色显得比较庄重,考虑到你希望对浏览者产生什么影响,为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。
为方便阅读软件上的信息,可以参考报纸的编排方式将网页的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体,通用的字体(Arial,Courier New,Garamond,Times New Roman,中文宋体)最易阅读,特殊字体用于标题效果较好,但是不适合正文。如果在整个页面使用一些特殊字体(如Cloister,Gothic,Script,Westminster,华文彩云,华文行楷),这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用,会使得阅读颇为费力,浏览者的眼睛很快就会疲劳,不得不转移到其他页面。
6.和谐性
通过对软件的各种元素(颜色、字体、图形、空白等)使用一定的规格,使得设计良好的网页看起来应该是和谐的。或者说,软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性,这又是很重要的一点。一致的结构设计,可以让浏览者对软件的形象有深刻的记忆;一致的导航设计,可以让浏览者迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计,可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则,会误导浏览者,并且让整个软件显的杂乱无章,给人留下不良的印象。当然,软件设计的一致性并不意味着刻板和一成不变,有的软件在不同栏目使用不同的风格,或者随着时间的推移不断的改版软件,会给浏览者带来新鲜的感觉。
7.个性化
(1)符合网络文化
企业软件不同于传统的企业商务活动,要符合Internet网络文化的要求。首先,网络最早是非正式性、非商业化的,只是科研人员用来交流信息。其次,网络信息是只在计算机屏幕上显示而没有打印出来阅读,网络上的交流具有隐蔽性,谁也不知道对方的真实身份。另外,许多人在上网的时候是在家中或网吧等一些比较休闲,比较随意的环境下。此时网络用户的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候大相径庭。因此,整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在软件上使用幽默的网络语言,创造一种休闲的、轻松愉快、非正式的氛围会使软件的访问量大增。
(2)塑造软件个性
另外,软件的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业CI。在这方面比较经典的案例有:可口可乐个性鲜明的前卫软件"Life Tastes Good";工整、全面、细致的通用电气公司软件"We bring good things to life(GE带来美好的生活)";崇尚科技创新文化的3M公司软件"Creating solutions for business、industry and home";刻意扮演一个数字电子娱乐之集大成者的角色,要成为新时代梦想实现者的索尼软件;平易近人、亲情浓郁的通用汽车公司软件体现了"以人为本"的企业定位和营销策略;服务全面、细致、方便,处处体现"宾至如归"服务理念的希尔顿大酒店软件。
网页界面设计不同于一般的平面设计,拥有自身的设计特征。网页界面设计应时刻围绕“信息传达”这一主题
来进行。目前网页界面传达的信息主要是视觉信息。因此从设计类型上来看,网页界面设计属于视觉传达的领域,故而网页界面设计的主要视觉元素和设计指导原则都要遵循视觉传达的一般规律。网页界面设计师在视觉传达的工作,就是通过有效吸引视线的艺术形式使信息得以清晰、准确、有力地传达。
任何一个成功的产品都是建立在对需求的准确把握之上的。需求分析对于新产品的开发或者已有产品的改进升级是不可缺少的早期环节之一。许多设计项目在还没有很好地理解用户需求甚至几乎对用户需求完全不清 [1] 。
-
体现以用户为中心的设计。首先从对用户的调研开始、然后对用户建模、信息概念设计、网站原型设计到用户测试及方案实现,整个设计过程都始终围绕着用户进行,真正做到以用户为中心。保证用户界面运作的一致性是网页界面设计的重点之一。在主页列表框的设计中,如果双击其中的一项,使得某些任务完成。由此双击列表框中的其中的任何一个项,都应该有同样的任务完成。也就是所有窗口按钮的位置设计要达到一致性,提供的标签设计和信息要一致,颜色要一致。用户界面设计的一致性会使得用户对网络界面运作建立起精确的心理模型,以此降低用户培训和支持成本。在页面视觉传达上,从网站的主题内容和定位来决定需要与之前运用的元素保持一致。
-
减少用户思考的设计。一般的短时记忆只能保持二十秒左右,最长不超过一分钟。在如此短的时间内我们能储存多少信息呢?答案是7士2即5~9个项目,平均为7个项目。可见,人在短时间内注意力是集中和少量的,基于识别的用户界面在很大程度依赖于用户所关心对象的可见性,显示太多的对象和属性会让用户很难找到感兴趣的对象。同时,用户不喜欢经常重复性输入一些信息,如个人账号,安全信息,操作习惯,下次操作行为等,这些占用了用户完成其他重要任务的时间。
-
明确体现网站的特色服务。用户界面要非常明确地体现网站的特色服务,安排最大的空间并且在最显眼的位置来摆放网站的最大卖点和用户最关心最常用培训系统,而其他用户也会感兴趣的渠道信息、最新共享信息版块和论坛板块等放在界面较显眼的位置。这些都是基本满足用户需求,以用户为中心的界面计。
-
迎合用户的习惯。迎合用户的习惯,主要为了让用户在操作中简单到极致。作为一个Ul设计人员,我们应当更多的去了解用户习惯在什么地方寻找导航栏、习惯把哪部分作为网站的重点,习惯在什么地方点击注册、习惯在什么地方找搜索框、习惯点击什么样的按钮[8]、什么颜色会加速用户的心跳、增强消费的冲动。由此,根据用户的行为习惯,对网站的整体布局进行重新策划,使得简单、简单、再简单、简单到极致,通过清晰的流程和界面,让用户减少对网站的思考以及寻找的时间;让准确的色彩和表述减少用户心理斗争的时间。通过不断地调研,用各种可用性实验来计算用户在每一个界面下所需思考的时间,然后,最好的页面设计的评判标准就是用户耗费时间最少的那个页面
常见问题:
1、字间距太挤或太宽
2、行距太小或太大
3、段距太少或太多
4、每行字数太多或太少
来源:https://www.laiyongfei.com,网站建设★网站设计★网站制作★网页设计-599元全包;企业网络推广☆网站优化☆seo☆关键词排名☆百度快照-2200元全年展示;做网站优化排名-网站建设公司