ui项目设计理念

2022-11-30 版权声明 我要投稿

第1篇:ui项目设计理念

案例教学+项目驱动模式运用于UI设计教学中的对策探讨

摘 要:案例教学与项目驱动模式是当前最热门的两大教学模式,他们迎合了新课改要求与信息时代教育发展要求,被广泛应用于各种教学实践应用活动中。文章希望将它们运用于现代UI设计教学领域中,结合多案例分析案例教学+项目驱动模式运用于UI设计教学中的有效对策,凸显其模式应用优势,希望以此提升UI设计教学水平。

关键词:UI设计教学;案例教学;项目驱动模式;校本课程;优势;对策

现如今,在我国大数据、“互联网+”等等先进信息化时代思想的引领下,新兴智慧资源与服务能力内容被广泛应用于社会各种领域中,其核心内容就是针对数目庞大的信息内容进行深度挖掘,进而得到有益于行业竞争、且具有一定社会价值的信息。在UI设计教学领域中,广泛应用案例教学+项目驱动模式是有必要的,它们共同驱动了教学过程中对数据内容的应用,更加强调教学实践应用模式创新,在校企合作人才培养模式的实施过程中寻找到了教学人才教育发展真谛,呈现了UI设计教学的巨大转变过程,非常值得研究。

一、UI设计教学、案例教学以及项目驱动模式的理论阐述

(一)UI设计教学

UI(User Interface)其本意是指用户界面,UI设计专门指代从事对软件人际交互、操作逻辑、界面美观整体设计工作的人。在高等教育院校中,UI设计则作为一门学科课程存在,它涉及到了高级网页设计、移动应用界面设计等等课程内容,是目前国内信息产业教育领域中比较热门的课程之一[1]。

(二)案例教学+项目驱动教学模式

案例教学+项目驱动教学模式是目前非常热门的教学模式。首先案例教学强调从实际案例内容切入展开教学过程,围绕问题设计教学内容,它就包含了问题提出、问题分析以及问题解决三大部分。在教师适当讲解课程相应知识点后,教师希望结合实践案例实现对教学內容的融会贯通,提高学生的学习能力水平,优化教学方法应用。反观项目驱动教学模式则非常追求通过任务项目设置与角色分配。在教学中当然要以学生为主体,而教师作为组织者组织学生参与到教学过程中,通过共同合作实践完成一个或多个项目的教学活动[2]。项目驱动教学拥有较强的任务前置性与驱动动力,整个教学过程中教师带动项目、项目带动学生、学生与教师互动,真正形成了一个完整的闭环结构,所追求的是从项目提出到项目完成的完整性。上述两种教法的相互结合拥有互补优势特性,案例教学让项目任务变得更加丰满化,而项目驱动本身为案例教学带来了相对完整的教学规划路线,二者所共同组织构建的教学方法是完整,所呈现的知识系统也更加健全不零散。在整个过程中,借助项目驱动教法将相关案例知识点内容联系起来,形成新的知识系统,这是二者结合所追求的,它基本实现了对知识内容的查缺补漏,且指导性非常强,适合在当前的UI设计教学活动中应用展开[3]。

二、案例教学+项目驱动模式下的UI设计教学案例应用

案例教学+项目驱动模式下的UI设计教学充满实用性和易用性,且在教学设计规划方面非常到位,可满足教师的教学方案设计,也能满足学生学习需求,下文结合两个案例对其教学实践应用展开论述。

(一)项目《ITalk》教学设计实践应用

1. 教学目标

首先《ITalk》项目是围绕UI设计课程安排的,它的教学核心内容主要选取了某社交类APP用户界面设计展开。在该项目中就直接融入了案例教学+项目启动模式,希望通过这一综合模式希望学生能够快速掌握UI界面设计中有关界面的分析方式。深度了解页面、功能与样式确立相关要求,合理性分析界面功能排布。同时学会APP界面创建与制作操作流程,学会UI设计界面中有关字段、配图、配色的设计要求与添加流程[4]。

2. 教学方法

在《Italk》教学中同时引入项目和案例展开教学过程,执行设计完整的UI设计流程与设计规范要点,希望以此提高学生的实践动手能力。在教学中也希望培养学生良好的专业知识学习严谨性与审美能力。在教学中,教师首先会通过传统讲授法为学生示范案例内容,讲解有关《Italk》中组件和字段的相关理论分析方法与形式,让学生初步了解Italk页面的组成构建形式,主要为学生操作演示相关内容,让学生基本了解页面的构成方式。在课程中,教师会将一个完整的项目拆分为多个任务内容,要求学生按照教师要求分步骤完成各个学习任务,最终一步步构建完整的UI设计界面,完成UI设计制作过程[5]。

3. 教学过程

在教学过程中,首先教师会引入课程内容并抛出话题“大家知道吗?我们需要学习了解UI设计界面之前首先了解UI产品的两种主要形式,它们分别为纯设计与项目设计。”围绕这两种设计,教师就为学生分析了两种设计各自存在的利弊,告知学生纯设计一般被应用于成熟的设计师展示设计技能方面,它的设计形式呈现相对夸张,一般与设计预期存在较大差距,它所追求的是视觉效果的设计。而项目设计则不然,它追求整体设计,是适合于学生学习的设计方式。结合这一点,教师就希望围绕项目设计展开教学过程,尝试为学生确立UI设计项目课程学习目标,学着制作简单的网站界面单页。此时,教师就引出新项目——ITalk。ITalk是一款社交类APP,利用UI设计该APP主页面,该阶段教师希望结合案例进一步展开教学过程。为此,教师首先初步创建了项目画布,引导学生对所选取的页面进行相关分析,目的是为了确定页面的结构组成。该阶段学生所需要完成的学习任务很简单,就是跟随教师的UI设计页面分析方式与套路深入学习,尝试选取3种不同类型的APP主页展开UI页面设计与分析。

其次进入案例演示阶段,该阶段教师会提问学生是否能够根据对UI设计页面的结构分析来获得自己更为理想的页面?学生在思考这一问题时就指出了自己所联想到的页面,而教师则辅导他们进行有关页面的元素排布、页面组件填充、设、最终完成页面UI原型设计。在案例演示过程中,教师要做到正确选取参考作品,为学生示范选取合理的UI设计页面形式与样式,围绕《ITalk》这一课的源文件进行调整操作,而在操作过程中教师则要选取调整前后多种设计并提问学生“哪一种设计更好更合理,合理在哪里?”等等。激发学生在案例中学习讨论,然后回答与教师形成互动。

最后进行模仿练习、作品展示与评价阶段。该阶段教师会结合《ITalk》项目再次基于理论进行讲解、演示案例,随后根据教师演示的基本流程与重点内容完成任务,利用项目拆分多个任务内容,让学生按照一定顺序完成项目学习任务。例如在练习过程中让学生选取APP主页的原型稿进行分析,而随后则在原型稿的基础之上完成设计稿作品。在作品展示与评价过程中,教师将与学生共同对作品进行评价,指出作品中的优缺点内容,鼓励学生展开相互分析与评价,提高作品的完成度与严谨度。而教师则会对学生的《ITalk》学习过程、完成度、截面排布、设计整体效果以及配图配色等多个角度进行针对性局部点评。在教学后,教师则鼓励学生更多思考,尝试进一步积累自己的素材库,甚至为他们安排更多项目内容,增大他们的UI设计界面练习量,逐渐提升他们的UI设计水平[6]。

(二)项目《手机APP主题设计》教学设计实践应用

在《手机APP主题设计》的UI设计教学中,教师希望以手机APP主题设计作为项目主线,在课程教学过程中引入教学案例促进项目开发过程。在这一教学中,APP UI图标设计是关键,以下是具体的教学设计实践应用过程。

1. 教学导入

在项目确立后,教师就运用到了案例演示,首先告知学生具体的学习任务——演示透明材质图标内容,与学生共同探讨如何表现某些透明类图标,这一环节是项目案例导入,为学生学习手机APP主题设计内容开题;其次是情境导入,利用透明材料塑造产品品牌形象,突出产品内容。透明材料主要通过外表直观展示内容,此时教师要为学生联系生活,例如在书本装帧与食品包装上都会运用到透明材料,因为透明材料能够让人对包装中的内容一目了然,更加简洁直观,也能给人带来一定安全感,因此说透明效果在不同的设计中都是非常讨巧的,此时教师就为学生建立了良好的透明视觉体验;接下来教师会提出问题“大家在现实中所能想到的透明材料都有哪些呢?”结合这一问题教师希望学生能够通过自己的能力进行搜索,例如学生就搜索到了水和玻璃杯,并要求学生自习观察这些物体是怎样呈现出透明的视觉效果的。比如说通过现实中水和玻璃杯的轮廓清晰辨析它们的光影内容表现,感受它们所呈现出的透明质感[7]。

2. 复习知识

在教学后,教师要带领学生共同复习知识点,同样结合问题展开复习过程“大家觉得透明材质与我们之前所学习的金属材质相比有哪些特点呢?”、“这些特点该如何表现出来呢?”、“该如何用绘图工具去表现呢?”在教学中,教师所要明确的是学习目标,教会学生绘制UI图标、表现清晰轮廓的正确方法;第二,营造透明氛围,同时表现透明材质的高光与投影效果;最后就是要制作出透明的玻璃质感[8]。

3. 分析任务与制作过程

《手机APP主题设计》的UI设计教学的关键就在于引入案例,分析教学任务与制作过程。首先是任务初步分析,引导学生打开透明材质图标,分支制作图标并为学生讲授所有知识内容,这其中包括了背景图层的创建内容、形式绘制内容以及图层样式运用内容。教师要合理化运用高光引导学生绘制手机APP主题内容。在任务制作过程中,教师要引导学生分组尝试合作制作透明材质图标。

其次,在任务再分析过程中,首先邀请每一组学生汇报本土的绘制作品成果,结合绘制作品成果分析学生创作过程中可能出现的各种问题;然后教授学生有关手机APP主题背景环境的营造技巧,例如对冷暖色调的对比效果分析与技巧教授;第三,使用形状工具绘制主题背景的基本轮廓形状。例如要在UI设计过程中曲调填充色内容,创建内容镂空体系,同时保留一定的图层样式轮廓,体现较高的透明度。在利用图层样式制作细节过程中要添加投影与高光效果,最后完成手机APP主题UI界面设计过程[9]。

4. 教学评价与总结

在教学中评价学生对手机APP主题UI界面设计的完成情况,同时积极收取来自于学生的反馈内容,例如學生在UI设计操作过程中所遇到的各种问题等等。在总结中教师会为学生总结归纳有关形状工具的使用技巧与图层样式的使用技巧内容[10]。

三、UI设计教学中运用案例教学+项目驱动模式的优势归纳

在UI设计教学中合理运用案例教学+项目驱动模式是能够提升教学效果的,它首先就为学生营造了自主学习的课堂学习体验氛围。在项目驱动作用下,课堂上学生真正成为了教学主体,而教师则作为辅助引导者存在,这样的角色转换绝对能够有效调动学生的主观能动情绪,提高学生的学习兴趣。

再者,案例教学+项目驱动模式非常注重对学生自主创新能力的培养,在UI设计内容制作过程中,教师不再为学生灌输知识,而是追求少教多学,项目提出后案例示范点到为止,主要还是要学生自己感受、体会项目案例设计的精妙之处,结合实践操作完善对信息的搜集、选择与应用过程,以创造性完成设计目的,分析解决问题,充分发挥自身创造力与想象力。

最后,它非常注重对学生的团队合作精神与能力培养。UI设计教学是非常自由且开放的,教师可运用多种教法展开教学,目的就是让学生能够主动参与到学习活动中。因此基于分组展开的教学设计到位且精妙,学习目标、项目任务、案例示范内容也相当清晰明确,它们都能培养学生的自主学习、分析问题与解决问题能力,同时在协作过程中激励学生创新探索[11]。

四、结束语

UI设计教学活动内容丰富且有趣,教师要灵活运用各种教法,例如案例教学+项目驱动模式这一综合教法就能贯穿于教学过程始终,指导学生围绕真实UI设计项目案例展开思考、实践、合作与交流互动。例如在本文中所提出的两点案例内容就能充分结合学生学习实情、教学知识内容甚至是生活内容展开教学方案设计,为学生提供相对良好且深入的专业知识体验,提升课堂教学水平质量。在整个教学过程中就培养了学生良好的动手动脑能力,让他们在项目设计与应用中更有担当责任心,逐渐成长成为社会所需要的优秀UI设计人才。

参考文献:

[1]吴义平,杨本宏.普通化学案例教学与学生自主学习能力的培养[J].University Chemistry,2017,32(6):27-30.

[2]范利丹,秦刚,杨佳,等.研究生案例教学的几点思考[J].教育教学论坛,2017(30):212-213.

[3]张华平,苏欣,陈虹羽,等.项目任务驱动的案例教学改革研究与实践——以《房屋建筑学》课程为例[J].高教学刊,2019(08):139-141.

[4]兰莹利.案例教学法在会计教学中的应用研究[J].中国市场,2017(18):253-254.

[5]徐雅斌,周维真,施运梅,等.项目驱动教学模式的研究与实践[J].辽宁工业大学学报(社会科学版),2011,13(03):125-127+130.

[6]赵丹丹,李锡祚,宋海玉,等.项目驱动教学模式在计算机类人才培养中的实践[J].实验技术与管理,2011,28(s1):244-

247.

[7]谭恒松.《软件UI设计》课程中关于菜单设计的教学探讨[J].福建电脑,2018,34(12):183.

[8]虞斌.浅谈在数字媒体专业中UI设计教学所起到的作用和内容分析[J].明日风尚,2018(24):279-279.

[9]葛琦虹.面向UI设计师职业的中职数字媒体专业选修课改革实践——以IOS音乐播放器UI设计为例[J].课程教育研究,2019(12):36-37.

[10]刘晓霞.基于用户体验的移动学习平台的UI设计与实现[D].华中师范大学,2017.

[11]于蓝.基于“任务驱动”的教学过程性评价的设计与实践[C].中國职协2017年度优秀科研成果获奖论文集(一二等奖).中国职工教育和职业培训协会秘书处,2018:3985-3992.

作者:杨雪玲

第2篇:浅谈UI设计

摘要:该文介绍了UI设计的概念,对UI设计进行了分类。其中该文重点阐述了界面设计的概念及作用,并且辅以实例进行分析,明确了UI设计在信息产品设计中的重要地位。最后,文章指出了UI设计在信息企业中的发展状况与不足,提出了UI设计师的工作发展方向。

关键词: UI设计;界面设计;信息产品;手机界面;工作方向

UI Design

TU Xiu-dong

(Anhui Sanlian University, Hefei 230601, China)

Key words: UI design; interface design; information product; mobile interface; job direction

随着信息时代的到来,知识经济飞速发展,设计学科内也日新月异。信息设计即将成为知识社会不可忽视的经济增长点之一,与此同时,随着技术的更新产生了新的设计学科——信息设计(information design)。它通常可以指具备信息传递功能的产品设计(包括硬体和软体)、信息传递方式的设计以及人机软件界面设计等。它是为了获得与用户需求相关的特定目的而对信息的内容和其展示的环境进行限定、规划和形成的过程。现在,信息设计在世界各大电脑公司、网络公司和软件公司都有着强有力的研究与开发。我国的信息设计方兴未艾,正在展现出它的勃勃生机。UI设计作为信息设计中的一个部分,它正在悄悄地出现在我们生活的各个环节。

1 UI的概念

UI的本来是User Interface(用户界面)的简称。主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。

比如说现在数字电视的普及,电视的屏幕上都有了一个类似电脑的互动菜单界面,我们只要利用手中的遥控器就能快速选择自己喜爱的电视节目;再如我们进入银行,在银行的自动服务终端上进行业务操作,简单的几个选择就解决了用户的需求。UI设计让这些软件的操作变得舒适、简单、自由,同时体现软件的定位和特点,让软件变得有个性有品味。

2 UI设计的分类

UI设计(界面设计包括硬件界面设计和软件界面设计,这里我们探讨的是软件界面设计)包括用户研究,交互设计,与界面设计三个部分。

2.1 用户研究

我们在产品开发的前期,通过调查研究,了解用户的工作性质、工作流程、工作环境、工作中的使用习惯,挖掘出用户对产品功能的需求和希望,为我们的界面设计提供有力的思考方向,设计出让用户满意的界面。

用户研究不是设计者主观的行为,而是站在用户的角度去探讨产品的开发设计。它最终达到的目标是提高产品的可用性,使我们设计的产品更容易被人接受、使用,并记忆。

当产品最终被推上市场后,设计者还应该主动去收集市场的用户反馈。因为市场反馈是用户使用后的想法,是检验界面与交互设计是否合理的标准,也是经验积累的重要途径。

2.2 交互设计

这部分指人与机之间的交互工程,一般都是软件工程师来制作。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。

人机交互设计的目的在于加强软件的易用、易学、易理解,使计算机真正成为方便地为人类服务的工具。

2.3 界面设计

国内目前大部分UI工作者都是从事这类设计工作。也有人称之为美工,但实际上不是单纯意义上的美术工作者,而是软件产品的信息界面设计师。

从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

3 iphone界面设计实例分析

人与数字化产品之间的信息界面设计是当今界面设计的主要设计范围。对消费者而言,界面是认识产品的一个很重要的区域。良好的界面设计使产品具有美好的外观、鲜明的特点,同时也体现出一个有活力的积极的企业形象,对于产品的销售具有无形的推动作用。

目前图形用户界面的特征主要为:窗口化、图标化、菜单化、按键化。

当今的手机在全面进行移动互联,在这次变革的同时,UI技术也随之突破性的发展,在2007年诞生的iphone的UI设计用人性化的设计风格,来适应移动互联网用户的要求,并且取得了很大的成功。

所以现在影响手机UI设计的最重要的因素之一就是要考虑到互联网对于手机的影响。3G时代的互联网成为了移动的沟通平台,它通过手机成为了新的通信媒介。手机UI设计需要考虑到用户使用智能手机程序的便捷与稳定,同时也要兼顾每个人使用的差异化。iphone的UI设计(硬件方面)最大的特点就是全触摸的超大液晶屏,它的使用有效配合了用户进行互联网操作,体现了以用户为中心的人性化设计,充分满足了3G时代人们对于手机的要求。同时,它的外观与尺寸也是设计师从人机工程学角度严谨地分析得来的结果。

另外,iphone的图标、按钮与机身外形一样,始终贯穿着同一个形态特点——导角方形,这也是苹果iphone 界面设计的最大特点(见图1)。方形的形态很符合欧美市场用户对产品设计的要求,即简单实用。而导角的圆弧形设计,使产品与操作界面外观和谐,视觉上产生柔和感。直与曲的结合,贯穿在整个界面设计中,显得严谨、大气又不失时尚感,这种中庸的设计风格,符合了亚洲人对于美的欣赏标准,深受东方国家消费者的喜爱。

色彩是产品情感表达中的一个重要的元素,也是UI界面设计必须考虑的一个问题。色彩是先于形态传达给人信息的视觉要素,它是最抽象的语言。人们对色彩的印象最直接,色彩也能激起人们的心理情绪。iphone的黑色外观体现出产品的理性,而界面上的图标却色彩斑斓,打破了黑色的严肃,在黑色的映衬下,图标更加活跃,有趣味。色彩与手机界面形态设计的结合,充分体现了产品的意境,使iphone手机具有强大的生命力。

iphone之所以大获成功,离不开设计师对于UI设计中情感的表现。设计师设计的情感是通过产品传达给消费者的,是一种高层次的信息传递过程。如果设计师设计出来的产品恰好满足了受众对这个产品的心理需求,那设计者与用户的情感就产生共鸣,使用户更加深刻地体会设计的内涵,更加喜爱产品。

4 UI设计的现状与工作方向

在过去很长的一段时间里,界面设计一直没有被国内信息企业重视,做界面设计的人一直被称呼为美工,他们的工作被认为只是单纯地给界面或者网站进行简单的装饰,完全不需要独立的思想和创意。当信息产业铺天盖地的融入我们的生活的时候,越来越多的企业发现软件和网站产品仅仅靠先进的技术是不足以在市场上立于不败之地,高水平的界面与交互设计成为了产品在市场上成功的一种重要的手段,为很多厂家带来了相当可观的经济效益。一个美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,它需要考虑使用者、使用环境、使用方式,并且最终实现为用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,最终为用户设计出一个满意的视觉效果。

各院校目前还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力是中国UI发展首要关键的问题。在UI设计的大范畴里面,包含了三个工作方向:研究界面的图形设计师、研究人与界面的关系的交互设计师、研究人的用户测试设计师。企业在招聘的时候,它对应聘者的考察差别是非常大的。比如对于图形设计师,企业一般考察的是设计风格、技巧和领悟力;而交互设计师则是考察思维的逻辑性和创意的新颖性,以及是否具有洞察市场的能力;用户测试设计师首要的就是与人的沟通能力,以及做事的条理性和严谨性。作为一名立志于做UI设计师的人来说,应该根据不同的工作方向,有针对性地提高自己的设计能力,为自己打下坚实的设计基础,这样才能在未来的工作中得心应手,立于不败之地。

5 结论

UI设计师应该紧跟时代步伐,掌握现代社会信息发展的新动向,站在较高的角度上来提高自己的技术,使设计作品能够具有新思维,新文化。同时,设计师也应该挖掘中国历史上的优秀文化,并把它带到设计中指导我们的UI设计。只有这样,设计作品才能符合人们的心理需求,沟通人们的感情与思想。

参考文献:

[1] 孟建华.UI设计与应用[J].艺术设计,2009(4):49-50.

[2] 蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息,2007(6):67,152.

[3] 杨响亮,杨君顺,崔延琳.UI设计在塑造产品形象中的应用研究[J].包装工程,2007(9):194-195,208.

[4] 人机互动,UI的绚丽与便捷*移动互联网时代的手机UI设计与主流终端厂商理念评析[J].新潮电子,2009(9):29-47.

[5] 刘超.UI界面设计——界面设计不存在美工[EB/OL].http://www.arting365.com/vision/discourse/2004-12-31/content.1104433903d109690.html.

[6] 小明.UI设计师走进职场[J].职业技术,2007(1):25.

作者:屠秀栋

第3篇:浅谈UI设计

摘要:在做软件界面设计的时候,经常会遇到一些困扰。该怎么做,怎么做能够提高用户对该软件的兴趣,提升用户体验,是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的,但是更重要的是使用方便,给人的感觉友好、熟悉,又不缺乏个性。

关键词:UI设计;交互方式;色彩搭配;语言;一致性

Key words: UI design; interactive mode; color matching; language; consistency

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。由此可见我们需要研究三方面的内容,即研究人、研究工具以及人与工具的关系。

用户界面作为人与机器交互的媒介,有着非常重要的作用,没有界面,人就无法操作机器。所以界面设计的好与坏,直接影响到用户使用软件难易程度。好的UI设计能够让软件的使用变得轻松自如,无需用户思考和记忆,当用户在使用某个软件觉得自己很笨的时候,那就是UI设计师的工作没有做好。

我们如何能够输出好的UI设计呢?

1 交互方式模拟现实

模拟现实的交互方式会给人熟悉亲切的感觉,用户不需要学习,便能够理解。UI设计中不乏这样的例子。例如,当某个按钮按下去的时候,呈现比原来更深的颜色,这个就是模拟了现实中光影的效果,不同的高度,对于同一个物体,颜色肯定有所差别。有一个小的手电筒APP,就模拟了现实中的手电筒,所以用户不必思考它怎么用,因为太熟悉了。用户第一次接触,不需要学习,毫无约束的使用的应用,就是好的应用。

2 界面设计要简单

界面设计跟平面设计有很大不同,平面设计可以随自己的喜好或者是需要加入一些装饰,特别是海报招贴的设计,需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具,所以好用是工具所要具备的第一品质,为了不干扰用户,不要添加不必要的装饰。

界面设计一目了然,安排好每一个页面的功能排列,重要的功能、次重要的功能、不重要的功能应该有序的排列。为了使界面干净,要适当隐藏一些不重要的功能,但是用户可以通过有效的方法找到这些功能。

3 图标的应用

3.1尽量使用通用的图标

用户已经习惯的图标,我们就不要去试图更改,使用通用图标会让用户更容易使用,也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。

3.2图标的设计能够体现所代表事物的特点

当然,除了通用图标,我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点,让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力,提升用户体验。

3.3图标的设计不能太过复杂

虽说图标的设计能够体现所代表事物的特点,但是设计不能太过复杂,要简约。好的图标设计既要有特点,有亲和力,又能让界面很干净。

4 色彩的搭配

色彩,是一种很好理解的情感。从出生起,我们就从周围环境中学习其他人对色彩的理解和应用。例如,每逢节庆到处都是红色,即便几十年来没有人直接告诉你,你也会在脑海中不经意的记住:红色代表喜庆、欢快、幸福、吉祥。春天看到绿色是件挺自然的事儿,如同北方人冬天看见下雪一样平凡无奇。成长过程中,我们会潜移默化地理解绿色为“新生”的色彩代言人,白色是飘零、纯洁的象征......

但是有些颜色代表的意义非常复杂,像蓝色,我们首先想到的可能是蓝天大海,很开阔,但却还有一种神秘的孤独感,特别是在电影和漫画中,它常常被当作忧伤和孤僻的色彩被使用。而蓝色也被看作是最严谨的颜色,很多高科技公司喜欢把蓝色作为公司的标准色使用。那么,色彩拥有如此复杂的意义,怎么使用呢?这就需要搭配。相同的颜色,搭配的比例不同,搭配的位置不同,就会产生不一样的感情色彩。

不要超过3种颜色是所有色彩原则的基础。

4.1黑白灰优先

如果你没有很好的配色,那就先选择黑白灰吧,如果搭配得当,黑白灰的设计看上去层次也是很丰富的。

4.2在黑白灰基础上添加一种色彩

如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅,又不失活力。

4.3使用同一色系进行色彩搭配

如果使用色彩来搭配,那么一个页面最好使用同一色系的颜色来进行搭配,这样就不会出现不协调的问题。

4.4可使用互补色进行搭配

只要比例得当,互补色的搭配一样可以收获很好的视觉效果。

4.5使用邻近色进行色彩搭配

一种颜色的纯度比较高的时候,另一种颜色纯度低或名度低的,这样搭配出的效果会比较好。

以上只是一些基础的色彩搭配,初学者,如果能做到以上几点,相信界面设计也一定不会差。

5语言的使用

5.1 语言使用的一致性

同一事物的说明要使用同一个词语,否则会给用户造成不必要的困扰。例如,如果你使用了“查找”,就不要在同样的情况下使用“搜索”。

5.2 语言使用的准确性

使用语言一定要准确,不要产生歧义,不要让用户思考。

5.3 语言使用的通俗性

不要使用专业术语,是的用户根本不理解语言的意思,要时刻记住,我们的软件是给广大用户使用的,而不是给我们的专业技术人员使用的。

5.4 语言使用要体现出情感关怀

尽量不要使用“警告”“禁止”等不友好的语言,可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之,语言上的使用,要给用户亲切、友好、轻松的感受。

6 总结

上诉所讲的这些内容是在设计当中非常实用的,掌握上述原则你就可以做出很不错的界面设计。当然,要想成为好的界面设计师,更要不断的学习和实战,在实战中获取更多的技巧。

参考文献:

[1][美]Theresa Neil.移动应用UI设计模式[M].北京:人民邮电出版社,2013.

[2]梁景红.写给大家看的色彩书①——配色基础[M].北京:人民邮电出版社,2011.

作者:夏梦

第4篇:《UI设计》项目总结

UI设计课程为计算机系的多媒体方向学生的专业课, 所须课时为14课时/周,共计5周,采用项目教学的教学方式。

通过项目实践,使学生能建立交互界面设计的基本概念框架,掌握交互界面设计制作的基本技能,明确交互界面设计的流程和操作程序,能够将交互界面设计的基础知识和制作技能融会贯通,灵活应用于交互界面设计创意与制作。

课程布置给学生一共两个大项目,第一个项目——“软件交互界面设计”, 分步开始设计制作常用控件,逐渐进入整个软件界面设计,在这个过程中,让学生回顾并进一步掌握Photoshop等设计软件,熟悉了解市场上的设计风格。

第二个项目—— “移动手机交互界面设计”。通过这样一个贴近生活的项目吸引学生的好奇心,并引发学生对交互界面设计知识的探究欲望。接下来带领学生开始实施项目的第一个步骤——对项目任务进行分析,明确项目目标和任务要求,也就是明白自己要做什么。藉此项目开始,就让我们学生无形中走向了“职场”。在项目实施过程中,结合实际案例,比赛实践来加深学生对交互界面设计的认识,并充分认识到图片、文字、色彩在设计中作用,对构图、字体、色彩搭配有了更深的理解与应用能力。有了第一个项目的实践经验,通过前后两个项目的对比分析,及时归纳总结已学过的知识,使之系统化,让学生对交互界面设计有了进一步的提高。让学生明白创意在交互界面设计中的作用,培养学生进行设计的正确思维模式。

因该课程面向大二的学生,学生已经有了软件制作基础,因此在讲解软件的时候,着重在如何通过软件功能工具设置来达到更好的设计效果。课程教学通过项目训练与作品展示分析,掌握学生学到多少,然后根据不同的情况有的放矢地讲解。鼓励学生在课堂上向全班同学讲授自己的创作思路和设计稿特点,多多扩散自己的思维,代入“职场”氛围。

从项目实践结果来看,《UI设计》达到了课程教学目的。学生对软件技能知识基本掌握,而在创意艺术表现上的应用部分同学表现良好,还有部分同学仍需进一步巩固与提高。而我对这一课程教学也有了更多的心得体会,虽然还有不足之处,但也看到了更多进步的空间,相信我能进一步做到更好。

第5篇:浅淡UI设计和UI设计前景

浅淡UI设计及其就业前景

信息时代的软件与互联网产品靠什么吸引用户?今天的用户早已不满足于简单界面功能的使用而更注重情感体验。与之相应,近几年,一个新兴的名词在设计领域悄然而生,以之命名的诸多部门相继成立,与之相关的专业也在各大院校应运而生,这个词就是“UI”。那么,什么叫UI设计?什么是UI设计师?他们就业前景怎么样?

目前在国内UI设计还是一个相对陌生的词,即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI设计的理解还停留在美术设计方面,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI设计仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。

UI即用户界面设计,也称人机界面,最普遍的应用是在软件开发中,主要是指程序的用户操作界面的设计,随着Web应用的普及,UI也应用在了Web的用户界面规划上了。网站用户界面(W UI)要经过规划、美术设计、制作几个过程。简而言之,UI一般指网站界面、软件界面、手机应用界面等所有图形用户界面的设计,手机操作系统、游戏操作系统、各种网站网页的界面设计,也属于UI设计范畴。

但专业、顶尖的UI设计师不仅仅局限在网页、APP应用程序上的界面设计,更应掌握人机交互的技能。以用户体验为基础进行的人机交互设计,能考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且高效使用产品。交互设计的目的是使产品让用户能简单使用。

以Iphone手机的锁屏界面为例。设计师除了要考虑界面的整体美观,还要让人不阅读说明书的情况下,知道如何去操作,一眼便能找到开机的按钮并且知道去移动,当移动滑块,机器会发生什么样的变化,并让操作者确定已经成功。滑块移动到一半放手,又会是什么样的变化。整个人与机器的交流过程便是人机交互。

随着科技的发展,智能手机、移动设备、智能设备的普及,企业越来越注重网站和产品的交互设计及用户体验,UI设计必将越来越火,目前国内外一批互联网巨头企业,如如腾讯、YAHOO、中国移动、联想、网易、微软、盛大、淘宝等纷纷成立了UI设计部门,并且引起的人才争夺,加之从业人员少,UI设计师极度供不应求,工资自然高出你的想象。而目前全国UI设计专业的系统教学极其稀少,大专院校课程跟不上互联网的发展需求,教学师资更是远远落后,社会上的培训机构大多以盈利为目的,缺乏大量真实项目支承,难以培养出适合实际需求的UI设计人才。鉴于此情况,深圳交互科技实训基地在满足本公司的人才需求的同时,也为国内外知品品牌企业(如腾讯、华为)输送优秀的UI设计人才,以企业实际岗位需求为出发点,开发了一套系统的UI视觉设计课程,侧重于工作流程和项目演练,旨在培养应用型的高级UI设计人才。

第6篇:UI设计的学习心得UI设计学习方法——中鹏UI设计相关课程

UI设计的学习心得

UI设计是一个用途比较广泛的专业,很多人都搞不清楚这个专业到底都亚学些什么, UI设计在的电子界面领域应用非常广泛,行业收入也比较可观,学好UI设计意味着拥有广泛的就业前景,但是UI设计的知识面非常广,导致很多学员感到无所适从。下面我们就来从工具到理念讲起

我一直坚持这样一种看法,不管你学的是哪一种设计,其学习内容都无非包括四个部分:

1、了解专业背景知识,

2、掌握工具技能(如:如何学会绘图、使用相关设计软件等)、

3、商业运作规则的了解,

4、审美能力的建构艺术理念的习得。

一般的UI设计都会涉及的内容有:素描、UI手绘、UI色彩、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等,涉及的应用领域不可谓不多,因此要想全部掌握或者眉毛胡子一把抓是不太明智的,下面我梳理出一些概要的学习方法,仅供大家参考。

第一:学习工具

工具是第一位的。 一般对于入门阶段的人来说,你就不要老是纠结怎么学。先玩透Photoshop,UI设计的工作中最主要的工具就是PS,比方在做一些图标和界面的时候,PS都是必不可少的。

但是Photoshop有那么多功能需要每一个都学吗?当然不用,这个后面我们专门找一节慢慢说,在UI设计中ps主要学习也就那几个工具。

第二:学习UI设计规范

规范就是要刻意练习,规范这个主要还是要练习,没有太多捷径可走。

第三:基本的色彩学习

色彩的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢?我们可以这样理解:

1、理解什么是色相

色相指色彩的相貌,不同的波长决定不同的色相,这是大家最直观感受到的色彩。色相对于色彩是最直接的代表,是色彩的灵魂。

大家大家都知道在光谱中,红、橙、黄、绿、蓝、紫等由于有着不同的波长,带给我们不同的色彩感受,它们是最基本的色相,其他诸如象牙白、柠檬黄等都是指色彩特定的色相,是人们对不同色相的不同称谓。有一个地方要注意,黑色和白色是无色相的。

2、理解明度

明度指色彩的明暗程度。明度可以说是色彩的骨架,明度对色彩的结构起着关键性的作用。明度具有定的独立性,它可以离开色相和纯度单独存在,而色彩的色相和纯度总是伴随着明度一起出现的,所以明度是色彩的骨架。

通俗点解释就是通过色相的加白加黑的一个变化,任何色彩都存在明暗变化的,从明度光谱上可以看到最明亮的颜色是黄色,处于光谱的中心位置。最暗的是紫色,处于光谱的边缘。

3、理解纯度

纯度指色彩的鲜艳程度,就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色,随着纯度的降低,色彩就会变的暗、淡。纯度降到最低就是失去色相,变为无彩色,也就是黑色、白色和灰色。

4、学会UI设计中色彩的使用

那么在UI设计过程中色彩该如何去搭配?主要通过4部分来讲解。在UI界面设计比例中:用色一般分为主色,次色和辅助色,它们的比例是按照20%-30%、5%-10%和5%来进行配色,通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。

5、进入临摹阶段

了解了具体的知识,最主要的就是练习了,学习技法主要是侧重过程,在练习书法时,最好是临和摹结合起来,各扬其长,各避其短。此外,还要经常读帖,仔细观察、分析、体会,可以边读边用手“空临”。只要功夫下得多了,读帖和写字的能力自然会增强,对书法美也体会得更深了。需要联系临摹来加强你的技巧,此外,为保存、修复、展览、出售而取得复制品,侧重的是临摹的结果。因此,临摹品有商品性质。它流传于世又产生了伪作和赝作等复杂问题。在世界各国,临摹一直是学习古典书法或绘画技法,借鉴和继承优秀传统的主要途径与手段不要想着怎么做,怎么临摹,学啊~直接打开ps就开始操作,如果不知道怎么临摹,可以多加几个大神群去问。 这个阶段的就是要:多练和多问

6、学会切图

之所以需要切图是因为用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现。

切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图、精准的位置可以最大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果哦!

好了,大概这几点,当然这个只是学习UI设计的中的其中一小部分,也是入门的阶级。如果你觉得有用,就是今天这一篇最大的目的。

7、习得扁平化思维

扁平化实质就是简约风格,这种美学的哲学内涵就是:少即是多

扁平化的概念最核心的地方就是:去掉冗余的装饰效果,意思是去掉多余的透视,纹理,渐变等等能做出3D效果的元素。让"信息"本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

也就是说做扁平化设计是在做减法,不像之前的拟物化,要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说,只要了解造型和透视关系,对于扁平化图标绘制就没有问题。界面过于单调,容易审美疲劳。扁平化设计限制了可采用的元素——

比方说其中就没有纹理——同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来,对于设计与制作业提高了不止一倍两倍的工作效率

8、UI经典设计的借鉴能力

借鉴本身就是创新的一部分,创新的本质就是嫁接和组合,好的UI设计作品非常之多,学活借鉴,有效的、高明的借鉴就会快人一步。

文章来源:中鹏教育http://kc.gdzp.org

第7篇:游戏ui设计有什么技巧?游戏ui设计教程

来源:扣丁学堂

ui近几年很火我们都知道,但是应该有不少人只知道ui设计却不知道ui设计其实不是单一的,其中就有一项那就是游戏ui设计。现在各种手游频繁的出现在市场中,很多的朋友在上下班的路上或者休息的时候都喜欢打一两局游戏,可见现在游戏ui设计的火热程度。那么对于想要学习游戏ui设计的朋友们来说,游戏ui设计有什么技巧?哪里可以找到游戏ui设计教程呢?

首先以用户为中心打造符合用户需求、高参与度的产品,是如今许多设计项目背后的核心方法与理念。在这种理念的推动下,设计师需要不断地探索新的技术,改善用户体验,同时还要不断探索用户的内在情感和情绪反馈。实际上,用户总是期待产品是简单易用、令人愉悦的,所以在做设计的时候要尽量加入“有趣”的元素。

也许很多人都不清楚游戏化的设计和游戏设计是怎么回事,其实游戏化的设计和游戏设计两个完全不同的概念。游戏化的设计本身并非针对游戏而存在,它是将游戏的设计策略融入到非游戏类产品(比如网站和APP)当中来进行设计的一种思想。如果你想鼓励用户同你的产品或服务进行更多的互动,那么可以适当地键入游戏化的元素(比如挑战),或者加入签到、每日登录等环节,并给予用户以福利或者奖励的机制来强化互动。你需要抓住用户的心理,他们需要明确的目标,而且需要完成之后有明确的回报。这样以奖励和挑战为核心的游戏式设计能够在交互中影响用户行为,不断地刺激用户来执行预期的行为。

游戏化设计是一种相对复杂的设计技巧,它需要将多种不同的游戏机制同UI元素对应、耦合起来。设计师借助游戏化机制要实现的并非将产品整体转化为游戏,这和游戏化设计是相悖的。

关于游戏ui设计大家首先要弄明白的就是什么是游戏ui设计,什么是游戏化的ui设计,只有弄清楚了,才能进行后面的设计。想要游戏ui设计教程的朋友可以关注扣丁学堂,那里有很多的游戏ui设计教程,而且扣丁学堂的游戏ui设计教程都有在不断的更新,朋友们可以在那里学到很多游戏ui设计方面的东西。

第8篇:UI视频教程之游戏UI设计过程

如今喜欢玩游戏的人在不断的增加,在日渐紧张的环境和压力越来越大的工作中人们越来越喜欢忙里偷闲的玩会游戏放松一下,因此如今的游戏UI设计师很是强手。所以现在有越来越多的人对游戏UI设计很感兴趣,本篇文章小编就和大家分享一下游戏UI设计过程,下面一起来看一下吧。

UI = User Interface,也就是“用户界面设计”。打开你过去24小时里玩过的游戏,从登录界面、操作界面,到游戏道具、技能标志,所有这些设计,统统属于游戏UI。换句话说,你在玩游戏的过程中一半以上的工夫都在跟UI打交道,它设计得是否巧妙、清晰、流畅,很大程度影响到了你的游戏体验。

讲到这里,肯定有不少UI设计小白开始在网上找关于游戏UI设计制作的各种内容。经过寻找我们会发现这方面的干货少得可怜。如今互联网时代处处谈分享,既然没有找到分享的内容我们就自己总结整理一部分吧。饭得一口口吃,路要一步步走。既然想学游戏UI,还是得先从基础学起。下面简单讲讲游戏UI的设计流程,虽然简单,可句句是干货。

在开始高大上的游戏UI设计之旅前,你先要明确一个最最基本的概念:游戏UI不是把自己关在小黑屋里,脑袋一拍,想怎么画就画出来的。你得先跑到游戏策划那儿,和对方推心置腹地沟通,了解清楚你要设计的游戏究竟是玩什么、给谁玩、怎么玩。这几点确定了,才好确定美术风格。比如,你在下手前要先确定游戏的题材、背景年代、质感、整体色调、可用元素等等。要是做一款三国背景的游戏,对话界面竟然跳出肾6的屏幕,如果你是玩家,会不会觉得整个人都穿越了?

确定了设计的主题、风格、背景之后你就进入搭框架阶段,从主界面开始一层层深入设计,像是一些常用界面、弹出框、功能按钮、道具、技能图标等等,要是连一些杂七杂八的东西再加上游戏Logo也能连带着一道设计掉,那真是极好的。到这里就可以为每个元素布局并制作草稿了。千万别想当然,一定要根据用户操作习惯,规划好显示区域、操作区域、执行按钮区域等。用于展示的图标不要大于操作图标,只要能清楚显示就行。文字的字体样式和大小也顺便敲定,都别超过3种。动态文字用系统默认就够了,等到中期再看情况做详细规定。

现在,制作主界面UI以及主要功能按钮的时机才算成熟,可以正式确立UI整体风格了。根据刚开始设定的信息和原画图片,确保UI风格跟原画风格统一。颜色别整得太花里胡哨,清晰美观即可,切记一条关键原则:哪怕玩你游戏的是从没玩过游戏的小白,只要他们能分分钟顺着你的思路走下去,你就赢了。好的UI不仅可以让游戏变得顺畅简单,还能让整个体验更上一层楼。

走完上述流程,你只要按照先后顺序把模块一个个地完成,UI设计就大功告成。 现在明白整套流程了吗?下面给大家分享4条UI设计经验,都是可以在设计游戏UI时着重考虑的,能不能加分看你的运用水平,但至少能保证你在做UI设计时被少退几稿。

1、让你设计的界面简洁,减少玩家发生选择错误的可能性。

2、UI设计要能一眼看明白,一点就有效。

3、切记切记切记:要保持一致。

4、不管设计得多么花里胡哨,永远别忘了:这东西是给人用的,如果功能性差其他什么都白搭。

第9篇:UI设计

[编辑本段]UI设计

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

[编辑本段]UI是什么

软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

[编辑本段]UI设计师是做什么的

在中国,UI设计还是一个需要不断成长的设计领域,但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的, 其分别是研究工具,研究人与界面的关系,研究人。

研究界面

图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。

研究人与界面的关系

交互设计师,interaction designer在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。交互设计师一般都是软件工程师背景居多。

研究人

用户测试/研究工程师User experience engineer任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。

[编辑本段]UI设计在中国的现状

目前在国内UI还是一个相对陌生的词,即便是洛可可设计也在UI设计的道路上不断探索客户及用户的需求。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。

许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。

[编辑本段]UI设计的流程

确认目标用户

在洛可可的UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。

采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

一致性原则

设计目标一致软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。元素外观一致

交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。交互行为一致在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

可用性原则

可理解软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。可达到用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)可控制软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。

上一篇:第六次人口普查苍南县下一篇:小学教科研活动月方案