UI中的视觉设计（精选12篇）

UI中的视觉设计 第1篇

1 视觉UI设计在艺术设计专业中存在的问题

1.1 教学需要相对落后

UI设计在兴起和应用比较迅速,与传统的艺术设计课程相比缺乏一定的经验,UI设计的最初应用也是在课程的网页设计中有所体现,而网页设计的教学大部分偏重于课程制作,在设计模块的体现明显比较少[1]。而UI设计在网页设计领域中的应用,对教学模式划分不明确,人才应用类别不明确,导致缺乏应有的专业型人才,大部分情况下设计工作是由网页设计程序员所完成的,程序员为了应付了事常常采用现成的模板进行相关设计,在设计中出现了落后的现象。

1.2 教学资源比较缺乏

由于视觉UI设计的发展还处于初级阶段,高校从事该领域的专业型教师比较缺乏,大部分情况下是抽选从事相关专业的教师或者聘请企业中的人才,导致其人才结构、队伍参差不齐,对UI设计的基础素质整体偏弱,缺乏一定的UI设计项目实践经验,只能在脱离实践的情况下进行理论讲授。与此同时,教材和课程设置也缺乏应有的专业及系统性。由于UI设计作为当前一门新兴学科,目前暂时没有比较系统完善的教材能够供学生进行参考借鉴,而现有的教学资料缺乏有针对性的理论和实践的贯穿、创新及指导,虽然市面有一定数量的相关教学书籍,但是这些书籍存在内容的局限性、知识结构的不明确等不足,不能很好地指导实践和教学。

1.3 教学设置不够健全

视觉UI设计理念的问世,在高校日常教学中所涉及的学科众多,有网页设计、心理学、产品设计等学科,因此就要在众多学科的课程设置上和专业人才的教学上进行统筹安排。而目前艺术设计专业课程在教学中应该以视觉传达进行课程设置,在工业设计方向应该以逻辑思维模式及产品调研为主进行课程设置,但现状的很多课程设置都是以基础课程进行设置安排的,致使大部分课程出现了相互交叉的现象,没有区分重点与非重点课程,课程比较单一空泛,缺乏一定的关联性,教学内容与实践相脱节,难以将教学成果转化为实际的产品应用。

针对不同专业的学生及其特长及爱好,建立多层次、有侧重、有个性的UI设计教学方案。如果数字媒体专业的教学中,注重UI设计在游戏领域和移动APP的应用。视觉传达设计专业的教学中,注重UI设计在商业设计领域和网站的应用。工业设计专业的教学中,偏向于UI设计在车载数字产品和互联网产品领域的应用。影视动画专业教学中,侧重UI中动态元素的表现和相关影视产品的UI设计。美术教育专业倾向于UI设计在文化传播和教育软件领域的应用。此外,还应针对不同设计专业学生布置作业,利用学生的个人兴趣,发挥每位学生的优势。

视觉UI设计是信息产品开发的重要一环,是团队智慧的结晶,需要团队协作并进行反复的测试与迭代。一个完整的产品不是几个单独的UI,学生除了完成专项的练习之外,可以根据某一类型的应用设置一项规模完整的UI设计课题,这需要几位学生共同努力来完成。在课题的推送中,确定了主题和内容之后,小组成员可以展开头脑风暴,进行UI视觉、交互设计的创意。创意展开后,根据小组成员的特点分别负责某一部分的设计。实践证明,分组课题能够激发学生的创作激情,培养团队精神和相互协作的能力,同时也保证了设计作品的质量。

2 视觉UI设计在艺术设计专业中教学的改进探讨

2.1 在人才培养上下功夫

艺术设计专业教学还是通过高端技术专业人才才能得以实现的,因此就需要在教学的实践中着力培养和发现一批有责任心、有专业素养、具备综合素质的全面型人才,这是提高艺术设计与产品设计的主要力量[2]。同时,要不断提升审美能力,针对高校对设计人才的不断需求,教学中应该通过实践能力培养和专业技术熏陶,培养学生利用UI设计进行实践项目时的创新、沟通能力以及团队合作精神,使其对艺术设计和产品设计有一定的学习鉴别能力,切实培养学生的艺术审美能力。

2.2 在课程设置上下功夫

要根据UI设计在艺术设计专业领域应用的不同特点,要充分考虑不同专业学生对课程设置的需要,科学进行课程设置,切实符合该专业的市场需要,要抓住课程的重点,做到基础与专业课程的有机结合,利用不同的教学模式进行教学,融入视觉UI设计,采用实验、实践、讨论等多种学习方法培养学生对该专业的综合感悟能力和艺术设计能力。

2.3 在教学体系上下功夫

艺术设计专业在高校教学中有基础和专业课程。基础课程是学生进行共同学习的,比如美术等;专业课程是不同专业方向进行设置的课程,比如计算机设计、产品设计及CI等。基础课程和专业课程是同等重要的,应该在教学中受到同等对待,这些课程的设置都是相互促进和影响的,要将UI设计理念贯穿到全部课程中,多层次、全方位加强知识模块的培养,这样不仅能让学生直观简单地了解UI知识,有助于对UI设计进行系统学习,从而培养和提高学生的全面素质,达到让学生掌握专业技能的目的。

3 结语

综上所述,视觉UI设计不同于传统的艺术设计专业,它是随着互联网科技的不断发展而快速进步的,在市场需求和实践下不断进行自我完善和更新。视觉UI设计在艺术设计专业中教学的应用,就需要培养一批能够胜任利用UI技术进行授课的教学人才,不断对UI设计的教育方案进行改进,在实践中总结和探讨出一套符合高校能够利用UI设计进行课程教学的教学体系及教学方法,磨练具有专业化的UI设计人才,这样才能推动视觉UI设计在艺术设计专业教学中得以很好地应用。

参考文献

[1]梁亮.视觉UI设计在艺术设计专业中的教学探讨研究[J].美与时代(上),2015(9):119-120.

UI设计中的一致性原则 第2篇

UI设计的一致性原则，在设计当中是很重要的，我们应该在设计中秉承这种理念。不仅仅是UI设计，一致性，我们也可以理解为“统一性”，在这篇文章里，我们简单阐述了一致性设计的几个原则和如何创建一致性设计，相信无论是对于UI设计新手还是经验丰富的老人，文章都是有一定的借鉴意义的。一、一致性的设计让用户感到舒适

如果有人告诉你一个产品仅仅“凭直觉的设计”就可以成功，他们可能只是在炫耀技能而已。世界上压根就没有“单凭直觉设计”就能搞定的事儿。我们通过社会经验来理解和延伸自己的体验，任何单单凭“直觉的设计“仅仅是一种来自我们先前经验的隐喻或者情景的结合。一个用户并不是天生就知道汉堡包菜单就代表着更多的选项。见鬼，我们甚至不清楚为什么它就被叫做“汉堡包菜单”，直到听到某些人这么叫，我们就跟着这么叫了，就是这样。为什么有人要把这三根线的东西弄出一个概念，强加到汉堡包身上？

但是像我们之前听到的隐喻一样，汉堡包菜单也是一种被大众容易接受的比喻形式，我们应该利用这点优势。

这并不是说我们就要硬生生的用一个莫须有的事物来安到一件设计上。但作为设计师，我们确实应该花一些时间来理解，为什么要采用这种设计方式？为什么它能被大众广泛认知？以及如何把这些知识应用到我们创造的产品上？

设计师有义务去理解为什么有些作品看起来就是那么与众不同，新鲜并且有趣。二、一致性设计节约时间和金钱成本

设计师在创造某些体验后，需要一些理由给它们做出定义。一旦定义了某种外观或者感觉，在产品的核心之上，适应将来的变化的同时并保持一致性，就变的非常容易。这意味着我们可以花更少的时间来开会讨论这样的问题，把更多的时间拿来做真正有意义的工作。一致性设计的几个原则中节约时间和成本也是我们要考虑的，当我们坐下来开始做这些工作的时候，同样，“尝试并决定怎样让一件设计看起来不一样”这种事情就会花费我们更少的时间，我们有更多的时间来专注建立自己设想的产品。

产品需要有趣，引人入胜同时，又让人感到惊讶。随着时间的推移，我们的产品需要不停的改进。但不论如何，所有决定都应该基于一致性原则。

三、优雅的一致性原则

伟大的设计，并不是因为我们脑袋里觉它就是美丽的，才会显得伟大，而是因为它是无声无息存在的，因为它是具有一致性的，让用户感到熟悉的。当然，伟大的原因，也不是因为它跟之前创造的东西是完全相同的副本。伟大的设计是一致性并且让人熟知的，因为它在这两者之间建立了某种有趣的联系。

优雅的一致性设计是对用户的一种尊重。这传达了一个信息：你非常关注他们以往的使用经验，但是你也希望这件产品有乐趣和具有视觉吸引力。只有设计者对基本的设计原理和用户体验有非常深刻的认识，才能创建出优雅的，具有一致性的设计作品。

伟大的设计是无形的，因为他们具有一致性，并让人熟悉。一致性一定会牺牲设计的美观吗？不一定！只不过我们需要花更多的努力才能做到这点。

任何人都可以用具有看起来相似的正方形，矩形等来设计一个站点或者应用，但是，你的本意一定不仅限于此。问问自己，你可以让产品具备哪些优势。要让每一天不那么无聊，挑战下自己吧！用户会为你点赞的。

四、如何创建一致性设计

1.·建立对比强烈的视觉层次感，让重要的内容放大，加粗。2.·把所有的内容都按网格优雅的对齐，或者也可以引入其它任何一种视觉排列系统

3.·在整个应用中运用一致的配色方案·让所有页面的导航元素保持一致性

4.·在不同的情况下复用相同的设计元素。比如同一个通知元件，在不同的情况中使用颜色来区分它们。

5.·一致性的设计和结构内容会让用户有一种宾至如归的感觉 以上简单阐述了一致性设计的几个原则，一致性设计应该在任何设计建立初期就被考虑进去。只有最好的设计师才能觉察到产品在这方面到底做了什么。对于普通用户而言，不管这些人能否注意到一致性设计的存在，但他们一定是会喜欢上这个产品的。

一致性设计应该在任何设计建立初期就被考虑进去。只有最好的设计师才能觉察到产品在这方面到底做了什么。对于普通用户而言，不管这些人能否注意到一致性设计的存在，但他们一定是会喜欢上这个产品的。

UI设计中的视觉表现 第3篇

关键词：现代机械制造技术；特点；现状；发展趋势；分析

现代机械制造技术是一门融合了计算机技术、信息技术和集成化制造技术等诸多科技成果在内的综合性技术，它是包含了从物质流、信息流到能量流的一个完整的系统工程，涉及产品的设计、批量化的生产模式、工艺制造过程、销售使用、售后服务乃至于回收再生等整个产品的全生命周期。现代机械制造技术凭借其本身具有的智能化、系统化和高效化的优点，给人类的生活方式、生产方式以及经营管理模式带来了翻天覆地的变化，可以这样说，制造企业要想取得丰厚的回报，想赢得市场的青睐，就必须采用先进的现代机械制造技术。现代机械制造技术对提高产品质量和生产效率，促使产品向着多样化方向发展具有重要的现实意义。

一、现代机械制造技术的发展历程

机械制造业的发展历程大致可以分为五种类型。早期的机械发展比较落后，大多数工业生产依靠人工劳动，工业生产类型也是手工制造业为主，这类的生产方式是劳动力密集型为主的生产类型。随着工业化进程的加快，社会生产力不断加强，工业生产开始依赖于机械设备进行，诸如汽车生产的流水线生产方式开始被研发应用，这是第二种的设备密集型的生产类型。第三种类型的是信息密集型生产方式，这类的机械制造生产技术与高新发展的电子计算机技术相结合，是现在运用比较广的技术。这种生产方式利用信息交换来完成机电一体化的设备的生产，在生产中依靠的是操作人员与机械设备的信息交换，通过将信息输入机械来完成产品的精准加工，是简便快捷的生产技术。第四种类型是知识密集型的生产技术，这种生产方式的制造理念比较先进，现在应用的较好的是计算机的集成制造技术，这种机械制造的生产技术是应用前途较广的。第五种类型的则是智能密集型的生产技术，这种技术是市面上比较受关注的新型生产技术，现代社会生产的急剧变化要求适应性比较强的机械生产技术，而智能密集型目的能适应这种快速变化的生产，目前智能密集型的机械生产技术仍在不断的研发阶段。

二、现代机械制造技术的现状分析

我国机械制造技术水平与发达国家相比还非常低， 大约落后20 年。近十几年来， 我国大力推广应用CIMS 技术， 20 世纪90 年代初期已建成研究环境， 包括有CIMS 实验工程中心和7 个开放实验室。在全国范围内， 部署了CIMS 的若干研究项目， 诸如CIMS 软件工程与标准化、开放式系统结构与发展战略， CIMS 总体与集成技术、产品设计自动化、工艺设计自动化、柔性制造技术、管理与决策信息系统、质量保证技术、网络与数据库技术以及系统理论和方法等专题。各项研究均取得了丰硕成果， 获得不同程度的进展。但大部分大型机械制造企业和绝大部分中小型机械制造企业主要限于CAD 和管理信息系统， 因底层（车间层）基础自动化还十分薄弱， 数控机床由于编程复杂， 还没有真正发挥作用。加工中心无论是数量还是利用率都很低。可编程控制器的使用并不普及， 工业机器人的应用还很有限。因此， 做好基础自动化的工作仍是我国制造企业一项十分紧迫而艰巨的任务。我们在看到国际上制造业发展趋势的同时， 还要立足于我国的实际情况， 扎扎实实地把基础自动化工作搞上去， 才能在稳步前进的基础上开展制造业自动化系统的研究与应用。

三、现代机械制造技术的发展趋势

现代新兴的机械制造技术依靠于传通的机械制造技术，但更重要的是实现了对传统技术的更新与发展，这既保留了传统工业的优点又将最新的技术成功运用到现在机械制造生产之中。

1.虚拟化。虚拟化技术是现代社会生产中运用较广的技术，所谓虚拟化指的是以计算机技术为支撑所形成的最新生产技术。制造业现在在生产中主要实现的是设计与制造中的虚拟化。利用虚拟化技术可以提高机械制造的研发进程，减少生产过程中的风险。在机械制造设计时可以通过虚拟化技术测试设计是否可行，而在机械制造时，通过虚拟化技术可以完成对产品的性能分析，对产品进行合理性的模拟与测试，发现产品的不足，优化产品的性能，同时也能保证产品的质量。

2.全球化。机械制造技术的全球化是时代的要求，当代经济全球化的发展不仅联系的是各个国家之间的经济，更有的是国家之间信息与技术的相互交流。当代国家之间实力的竞争日趋激的配电网的变电站的位置，这个分布的原则就是这个县域配电线路整体规划，配电网的接线形式，包括对各个变电站的联系。对于负荷预测工作的开展，要综合考虑县域的资源以及城市人口的相关信息，要与县域配电网规划预测的信息相匹配，也就是要从整体进行规划思考，它不是就是套一些公式和例子就能行的通的预测；要根据人们的需求来具体的规划，做到有求必应，符合县域的整体规划，具有经济可行性，要节约资源，使方案可行且有很大的效应回报。

3.自动化。以智能化技术的发展为契机，自动化控制技术取得了质的飞跃。对制造加工过程实行自动化控制对提高控制质量、释放人力资源具有重要的意义。以自动控制代替人为控制具有控制响应快、控制效率高的天然优势，可以这样说，无人化是现代机械制造技术的发展目标。

4.基于云的理念———云制造。云制造是面向服务的网络化制造新模式，它把制造资源作为一种服务通过云平台向广大用户提供，真正地实现了为用户提供可随时获取、按需使用、优质价廉的各类制造服务，其对制造资源共享和分配模式的创新开创了现代机械制造技术的新篇章。

四、結语

现在，我国的经济发展正处于关键时期，机械制造技术的发展对我国的经济建设的意义非同小可，在机械制造技术的发展过程中，我国的生产技术仍然有有很大的不足之处。相对于国外发达国家机械制造生产中的高水平，高技术的局面，我国机械制造技术仍是处于初期阶段。想要促进我国经济的发展，必须要重视机械制造技术发展的趋势，认真把握发展机遇。我国的机械发展与国外的发达国家有差距，我国可以借鉴国外机械制造技术的先进经验，并且重视当今机械制造技术全球化的趋势，加大与各个国家之间的信息交流，提高我国机械制造的创新能力，以机械制造科技的发展带动国家经济的发展。

参考文献：

[1]刘唐根.我国现代机械制造技术现状及发展趋势浅析[J].中国高新技术企业，2012，Z3：18-20.

[2]石道永.现代机械制造技术及其发展趋势[J].价值工程，2013，17：43-44.

UI中的视觉设计 第4篇

1 UI界面设计的创新影响力

在互联网迅猛发展的背景下, 当今手机互联网的三大主流系统:ios系统、Android系统、windows系统, 都会相应进行各种应用程序和软件的设计推广。一种被称为UI界面设计的新的视觉传达设计表现形式开始在互联网中越来越多的提到。各种以数字技术为载体的数码产品, 例如平板电脑、在线手游以及其它人机交互技术产品的盛行, 都需要UI界面设计师这一新的职业对产品进行整体优化, 因此UI界面设计的影响力不可小觑。针对传统的视觉传达设计专业来说, UI界面设计则主要是指GUI, GUI即“Graphical User Interface”也就是“图形用户界面”, 是对屏幕产品的视觉效果和互动操作进行设计, 是一种结合美学、计算机科学、心理学、人机工程学等学科, 并且结合市场需求, 强调人、机、环境三者合并为一个系统进行总体设计。我们众所周知的苹果公司推出的智能电子产品i Phone、i Pad, 三星公司的Galaxy系列手机、Galaxy Tab平板电脑, 都赢得了巨大的受众群体, 成为革命性科技产品的标杆。究其原因, 不仅仅是体现在其优秀的软硬件产品设计上, 美观且操作流畅的UI界面设计也是吸引众多消费者购买的原因。以美国苹果公司的iphone为例, App应用程序市场中有多达50万个不同种类的程序可供下载, 每个程序都经过ios系统规范化的设计, 通过卓越的UI界面设计, 为用户提供了方便、快捷而流畅的操作体验, 是人机交互时代界面设计的优秀案例。国产品牌诸如小米、联想、华为以及近些年涌现的应用软件设计公司同样也在移动互联时代尝到了交互设计的甜头, 积极拓展UI界面设计的业务, 成立专业的UI设计部门。由此可以看出, 在互联网迅速发展的社会背景下, 优秀的UI界面设计是产品和企业产生巨大社会效益和经济价值的法宝。

2 UI界面设计在视觉传达设计专业教学中的推广方案探索

2.1 优化传统课程设计, 融入UI界面设计的方法

根据社会发展的需求重新构建、整合原有的传统课程体系, 将UI界面设计巧妙地融入传统课程设计中。例如在传统的“标志设计”、“版式设计”主干专业课程中, 增加适应互联网发展需求的数字设计课程, 以此延展和优化主干专业课程的教学体系。例如在“标志设计”课程中, 融入icon图标设计的内容, icon图标设计是UI界面设计中的重要组成部分, 如果在标志设计的课程中加入先导性的课程, 有利于后期学生对整体界面的设计把控。Icon图标是指的界面图标, 是狭义上的图标概念, 是在特定媒介上的图标设计。界面图标分为软件图标、网页图标、手机端图标三个大的类别。便于用户在多次使用过程中的记忆, 并形成习惯。icon图标设计的趋势大可分为拟物化设计和扁平化设计, 在标志设计的课程中, 可以设置icon图标设计专项练习, 针对不同的设计方法对学生进行训练, 拓展原有的标志设计课程思路, 打破原有标志设计课程的二维局限, 例如校园主题icon图标创作, 针对不同节日主题的icon图标创作等。在标志设计的课程中, 可以设置icon图标设计专项练习, 针对不同的设计方法对学生进行训练, 拓展原有的标志设计课程思路, 打破原有标志设计课程的二维局限。以下是在课堂上icon图标的专项练习成果 (图1) :八个校园主题icon图标创作 (内容包含教学楼, 宿舍楼, 图书馆, 体育场, 食堂, 澡堂, 银行, 超市) 。

2.2 将真实的UI项目引入课堂

把真实的UI设计项目引入到课堂当中, 借鉴UI设计公司的运作流程, 建立针对UI界面设计课程的新的专业课程体系标准。在具体的项目实践过程中, 将学生分为若干个设计团队, 分别负责项目经理、客户经理、UI设计师、GUI设计师等不同成员职责, 在具体的项目实践中进行立项、市场调研、头脑风暴、视觉设计方案制作等, 使学生不再被动接受知识, 而是营造同UI设计公司或其它互联网设计公司对等的学习环境和氛围, 从而培养学生的团队精神和学习能力, 这也是成为一名优秀的UI设计师所必备的素质。

2.3 充分进行多学科交融

创建以视觉传达专业为核心, 利用其它专业的资源, 尽可能多的进行其它相关课程的多样化融合, 例如开设“摄影基础”、“影视后期合成”、“展示设计”、“flash动画”等课程, 不但能够加强视觉传达专业的基础知识, 也能扩展该专业学生的设计思路, 为有意向从事视觉传达专业相关工作的学生拓展更广阔的就业机会, 例如在当今数字媒体背景下非常热门的“电视节目包装设计”, 不仅要求具有扎实的视觉传达设计理论知识和技能, 同时还需要掌握一定的媒体应用能力。

2.4 提升传统文化艺术修养

在数字媒体时代与文化创意产业迅速发展的背景下, 我们应该更加注重学生传统文化的艺术内涵培养, 将民族文化更加深刻地融入在现代教学体系中, 将东方的和西方的、传统的和现代的、主流的和大众的等知识更加丰富地体现在课堂教学中。一味地追求西方科学技术, 而没有自我文化特色的艺术教育是失败的。为创建具有文化本源性的艺术设计教育方法、培养具有深厚文化底蕴的复合型设计人才, 建议在必修课设计史的基础上, 开设“中国画基础”、“民俗学”、“版画”、“书法”、“陶艺”等选修课程, 旨在提高学生综合素质, 提升学生的传统文化艺术修养, 构建多元思维方式。

3 UI界面设计课程教学总结

UI界面设计是一门对学生综合能力要求极高的课程, 关联到设计艺术学、计算机技术、人机工程、心理学等众多学科, 要求学生必须要有较强的综合学习能力、开阔的设计思维、熟练的软件操作、良好的视觉分析、全面的团队合作能力等, 是一门要求较高的的新兴综合课程。要想开展好此类课程教学, 一定要在教学过程中做到与时俱进, 在原有传统课程基础上进行大胆改革, 不断地发现问题、解决问题, 观摩学习兄弟院校的经验, 进行教学总结和反思, 在摸索中不断进步。

(1) 将UI界面设计在企业中所需要掌握的能力细化为相关的专业课程, 设置出新的相关课程体系, 以便课程能够顺利进行, 使课程体系能够更加符合社会的需求。

(2) UI界面设计大多数是针对屏幕的设计, 对设计规范的要求较高, 学生在做设计的过程中往往会忽视这方面的要求, 往往有好的创意却没有一定的规范约束。需要在视觉传达设计的基础课程中加强学习, 例如CI设计、版式设计、字体设计等专业基础课, 需要更加重视课程中基础规范的学习, 也可以适当引入UI界面设计的相关知识规范作为先导内容。

(3) 借鉴一线城市兄弟院校的人才培养模式方案, 加大校企合作, 同时可以邀请水晶石、火星时代等数字媒体培训机构到学校中进行交流学习, 开展短期workshop的活动, 培养学生学习兴趣的同时架构和社会平台的无缝链接。

(4) 如今借助网络平台呈现的设计资源众多, 涌现出大量的设计抄袭现象, 很多同学为了应付作业抄袭网上的作品草草了事, 针对这一现象, 应当加强提升学生的文化艺术修养, 定期组织学生进行课外实践活动, 参观各类艺术展览、民俗文化艺术活动, 加大对“艺术史”、“民俗学”等课程的学习, 提升学生的设计思维能力, 拓展学生的设计视野。

摘要：本课题站在客观的角度分析现今我国高校视觉传达设计专业教学改革模式;介绍互联网迅猛发展的背景下UI界面设计的创新影响力;结合教学实践, 探索UI界面设计在视觉传达设计专业教学中具体的推广方案;以亲身经验对UI界面设计课程进行教学总结, 为视觉传达设计专业进行特色化教学改革进行尝试。

关键词：互联网,UI,界面设计,视觉传达设计

参考文献

[1]李洪海.石爽.李霞.交互界面设计[M].北京:化学工业出版社, 2011.

[2]张军.关于UI界面设计课程设置的构思与创想[J].艺术与设计, 2011.7.

UI设计教程UI设计色彩之道 第5篇

随着移动界面设计的飞速发展，流行的设计风格也在不断变化，一个好的UI设计会给用户带来深刻的记忆、好用易用的体验。从UI设计的版式、信息层级、图片、色彩等视觉方面的运用，直接影响到用户对App的最初感觉，而在这些内容中，色彩的搭配方案是至关重要的，产品整体的定位、风格调性都需 要通过颜色，给用户带来感官上的刺激，从而产生共鸣。色彩是移动设计最重要的因素之一，并且有自己的流行趋势。色彩是第一印象的所在，具有关键的作用。

一、色彩基本概念

色谱

把一条连续彩虹中的“可视光”分解成从蓝到红的色谱

色环

通过把两种或两种以上的颜色混合在一起，就可以得到一种特殊的颜色。从本质上讲，色环就是色谱可以看到的颜色所形成的线性连续环。

三原色

三原色是能够按照一些数量规定合成其他任何一种颜色的基色。

三原色：红、绿、蓝

色彩三原色：红、黄、蓝

色光三原色：红、绿、蓝

喷墨打印机的墨盒。四种墨色：蓝绿（青）色、红紫（洋红）色、黄色和黑色。

颜色的不同是由于电脑用的是正色，而打印机用的是负色。显示器发出的是彩色光，而纸上的墨则吸收灯光发出的颜色。

邻近色

邻近色是已给出的颜色之外的任何一种颜色。如果从橙色开始，它的两种邻近色应该选择红和黄。

用邻近色的颜色主题可以实现色彩的融洽与融合。

互补色

互补色是色环中的直接位置相对的颜色。如果想使色彩强烈突出的话，选择互补色。

分离补色

分离补色由两到三种颜色组成。选择一种颜色，它的补色在色环的另一面。可以使用补色那一边的一种或多种颜色。邻近色作为背景，补色作为文本色。在这种方式下，背景色之间完全地融合在一起，不会招来人们特别明显的注意，并且能够使文字突出出来。

组色

组色是色环上距离相等的任意三种颜色。组色被用作一个色彩主题时，会对浏览者造成紧张的情绪。因为三种颜色形成对比。

在UI设计中，如果界面中颜色比较多，可以调整色彩的明度及饱和度，或者运用黑色、白色、灰色等颜色作为过渡，降低页面色彩的冲击感。

二、色彩搭配技巧

不同的色彩——不同的心理感受----色彩同主题相适合

红色---热情，活力

绿色---宁静，希望

橙色---轻快，时尚

黄色---明度高

蓝色---凉爽，清新，专业

白色---洁白，纯真

黑色---深沉

灰色---中庸

三、色彩与心理

暖色

暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋予温暖、舒适和活力，也产生了一种色彩向浏览者显示或移动，并从页面中突出出来的可视化效果。

暖色调会让人产生的心理效应包括：

1、温度感   暖色会让人觉得温度较高

2、空间感   暖色会产生膨胀效应，会有向外突出的感觉

3、暖色更容易唤起食欲

4、暖色在较为饱和时，会给人刺激的感觉，有提神的作用，但是如果较为柔和，反而会具有让人感觉安心的作用

冷色

冷色来自于蓝色色调，

比如蓝色、青色和绿色。

冷色调会让人产生的心理效应包括：

1、温度感   冷色会让人觉得温度较低，较为凉爽

2、空间感   冷色会产生收缩效应，会有后退的感觉

3、冷色会让人更冷静，身心放松，具有催眠的效应

UI设计中，不同行业的App会对色彩有不同的要求

食品行业多用红色、橙色等暖色，更能唤起食欲。黄绿色与紫色会抑制食欲。

巧用颜色的识别性设计UI

所谓颜色的识别性，是指在众多颜色中，容易与其它颜色区别开的性质。重要的功能，颜色辨识度要高。

诱目性的运用

所谓颜色的诱目性，是指颜色引起人们注意的程度。诱目性越高的颜色越容易引起人们注意。彩色比无彩 目性高，饱和度高的颜色比饱和度低的诱目性高，暖色比冷 目性高。诱目性最高的是红色。将希望用户点击的内容使用诱目性更高的颜色，是一种聪明的设计

合理使用颜色

我们在设计UI时，也许会希望使用更新颖的配色，但是要合理。例如，绿色代表着安全、通行、准许的意思，可以让人感到轻松，缓解压力，所以绿色通常用于开始按钮和下载按钮，还有成功提示页面。灰色的按钮一般情况下，都会代表着禁用状态，因此尽量不要将可以正常点击的按钮设计为纯灰色背景，会让用户产生困惑。

四、配色与行业

在实际进行UI配色选择时，应该根据App的行业分类，客户的需求等进行选择。不同的颜色会给人不同的感觉，冷色调会给人专业的感觉，暖色调则更适合营销等。

游戏界面配色：

游戏界面多选用鲜艳、饱和度高的色彩，这样的配色娱乐感较强，可以给人轻松欢快的感觉。

娱乐类App界面配色：

娱乐类App界面颜色较为多样，与具体内容有关。深灰色的背景色运用较多，因为搭配较为方便，而且可以给人一种高端大气上档次的赶脚。

购物类App界面配色

暖色调较为吸引注意力，而且能刺激人们的购买欲望，因此购物类App多采用暖色调。

新闻类App界面配色

新闻类App的配色也较为多样，但有一个共性是，因为新闻类App界面上的文字图片都比较多，因此多采用白色或浅灰色背景，给人一种较为干净整洁的感觉。下图最后一个App是一个国外的新闻类App，采用了黑色背景。各位看官们可以自行揣摩其中的奥妙。

商业类App界面配色：

商业类App的配色由于其行业不同，也会有不同的选择。很多公司的App会选择自己公司VI形象的颜色作为App配色，这样的配色效果更具有企业的整体性。

五、小结

UI设计中色彩使用的技巧：

黑白灰最适合配颜色

调整颜色的饱和度和明度，可以让颜色给人全新的感受

用一个色系中的色彩是最安全的方式

不要将所有颜色都用到，尽量控制在三种色彩以内。

UI中的视觉设计 第6篇

关键词：UI设计；图标设计；标志设计

一、研究对象

（一）研究对象的界定

本文的研究对象为当代标志设计与UI设计中的图标设计的联系与区别，以及以后的发展趋势。

（二）概念解析

UI设计（user interface）：字面意思为用户界面设计。“界面”即人机交互界面。广义的用户界面是指用户和系统进行交互的方法合集：从用户的角度出发，满足用户和计算机之间的人机交互。

图标（icon）：广义上是指所有有指示作用的标志，狭义上时指计算机显示屏，等电子设备上引导用户进行各种操作的图像。UI设计中的图标按照功能分为启动图标和功能性图标。启动图标为应用在手机主页面和启动窗口或电脑桌面上的图标，也会出现在应用商店里面。功能图标是应用程序中指示各种交互功能和步骤。帮助用户实现操作。随着IT产品的不断普及，图标的作用在UI设计中越来越重大。

标志设计：具有象征意义的视觉符号。标志从原始社会单纯记录信息，到现代社会商家利用标志进行商品识别，提升企业形象等。现代标志是经济时代的产物。在企业形象传递过程中，是应用最广泛是最关键的元素。

二、研究背景

互联网产品的设计包括功能和可用性。在计算机发展初始，更多侧重于功能，人机交互就显的不是那么重要。随着科学技术的发展，当互联网产品的使用者越来越多的由普罗大众构成的时候。人们需要更简单地使用更强大的功能时，介于产品终端与用户之间的UI设计的重要性也就日益明显。

UI设计包括用户研究、交互设计、视觉设计三个方面。UI中的视觉设计与其它平面设计分支联系紧密却也各有不同。UI设计与传统平面设计同为发现问题，解决问题，作为企业与用户沟通的桥梁。在国内目前UI设计发展不充分的情况下，一部分人将UI设计与传统的平面设计一概而论；另外一部分则过度将UI设计神秘化。

通过对两者的对比了解两种设计，甚至延伸至整个 UI设计与其它平面设计分支的差异，更为深入地了解几种设计类型的联系与差异，正确看待各种设计实践类型，把握不同设计类型之间的要求。

三、UI中的图标设计与标志设计的联系

（一）UI中的图标设计与标志设计“源流”相同，标志以形象符号的方式，形成人类长期的一种视觉化的传达工具，在我们的生活的各个方面。如今，人们更是进入了“读图时代”，UI中的图标设计同样以形象符号的方式在互联网中展现，两者所使用的表现方法一致。UI中的图标设计可以看作是标志设计在互联网的“演变”。将以形象符号作为视觉化传达的方式推向高潮。

（二）UI中的图标设计与标志设计具有相同的功能。这个两种设计存在的根本点。

1.具有识别功能。图标设计和标志设计，最基本的功能都是能够准确传达信息。通过标志，人们能够在品类繁多的商品中区分来自不同的品牌。而图标的意义也在于在众多的app中得以脱颖而出。

2.具有相同的传播功能。无论是标志设计还是UI中的图标设计，都是通过传播达到客户认可。好的设计可以在人们心中留下美好而又深刻的印象，促进人们对于产品，企业的认可。

3.具有相同的审美功能。一个图标或标志在设计上是否具有美感，会直接影响产品或公司的形象。一个设计美观的标志，常常是人们对于产品或企业的第一印象。对于越来越注重“颜值”、淘汰率更高的互联网产品尤甚。

4.同样具有延展功能。一个标志或图标都不会孤立的展示在大众面前，它需要配合不同的元素在各种环境中展示。

四、UI中的图标设计与标志设计的区别

设计具有两个基本属性：一是功能，即存在的价值；二是存在的形态。UI中的图标设计与标志设计虽然同源流，但出于不同媒介，必然导致存在形态的差异。

（一）UI中的图标设计更为“以人为本”。用户研究是UI设计开始的第一步，并始终贯穿。这种设计手段将逐渐成为流行，并影响到各行各业。

（二）交互性不同。互联网技术的发展使人的认知由传统的读、写转变为到视觉、听觉、嗅觉、触觉共同作用的认知方式，更加全面地了解事物。图标设计需要充分满足用户的全方位视听交互体验。

（三）复杂程度不同。图标设计也经由复杂到简单的过程。iphone4将拟物化图标设计推向高潮，但随之而来的 windows8界面中的扁平化风格和ios7，打开了扁平化的大门。抛弃诸如阴影、透视等的装饰效果，以最为简单直白的方式传达所要表达的东西。设计从形式回归内容。究其原因在于，各类互联网产品，所包涵的信息量越来越大，扁平化图标能够减少用户在交互中的障碍，让用户去接受更多的内容。相比之下，标志设计的复杂程度则远远高于图标设计，涵盖的内容也远远多于图标。

（四）图文关系不同。标志设计相对于图标设计，图文关系更复杂。标志设计中文字设计甚至于图形设计更重要，在标志传播中起到更大的作用，这是由两者的使用载体不同所决定的。

五、UI中的图标设计应与标志设计相互融合

（一）首先标志设计应从图标设计上吸取优点，在互联网时代中获得新的改变。回顾历史，标志设计也经历由复杂到简单的过程。互联网技术的发展，新的媒介的产生，标志设计也必须适应新时代的变化需要。首先，标志设计应该从二维空间的束缚中解脱，向多维空间发展。其次，标志设计中图形应该由理性，抽象向个性，感官化转变。设计的变化发展要符合人精神追求的不断变化，只有越来越富有人情的设计激发人们的兴趣。

（二）UI中的图标设计与标志设计源流相同，价值相同。同可作为品牌对外展示的“面”。如果能正确区分图标设计与UI设计在不同媒介上的优劣，并合理使用。两者相结合一定能够打造出全方位的文化传播。

六、结语

从UI中的图标设计与标志设计两者之间的横向对比来看，两者有联系，同时又有区别。到了科学技术日臻成熟的今天，UI中的图标设计越来越脱离标志设计，自成一类设计分支。正确把握标志设计与UI中的图标设计的联系与区别，并且能够做到融会贯通，正确完成具体的设计实施。由此对应UI设计与传统平面设计。在新时代，对传统平面设计做出改变和突破，适应时代的需求，以无限的变化适应不同时代的要求。才能真正做到发现问题、解决问题。这才是设计之本质。

【参考文献】

[1]牧婧.当今标志设计的发展趋向及方法探究[D].清华大学，2007.

UI中的视觉设计 第7篇

在众多理论的指导下,根据新兴技术手段的发展及课程改革需要,我系以平面设计专业《UI设计》课程为试点,对基于微信平台的云课程模式进行了实践探索。该课程作为专业核心课,其实践操作性强,这也使得该课程非常需要信息技术的辅助。

一、建立微信平台群

微信作为一种即时通信工具,因其传输速度快、内容广,发送的消息可以是语音、视频、图片等多种形式,迎合了当代学生的生活习惯,对学生受众有很强的吸引力,软件本身免费这一突出特点,快速地推动了人与人之间沟通方式的变革,使人们的交流突破了时空的限制,实现了信息一对多的传播,具有很强的互动性。目前,国内个人、学校等单位都在尝试建立自己的公众号,利用微信公众平台来推送消息,达到宣传、教育的目的。

1.搭建微信公众平台

微信公众号的搭建是进行课程改革,连接课堂学习和课外学习的必备要素。教师在开始搭建用于教学的微信公共平台时,首先要面对的就是公共号类型的选取。其分服务号和订阅号,服务号针对企业和官方组织,订阅号主要针对各类媒体和个人使用者。个人用户只能申请订阅号,要想在微信公共平台实现更多的功能和效果,就需要通过微信公共平台提供的基础接口进行二次开发,接入一个搭建在本地的微课程网站。

在传统的教学过程中,课堂教学资源比较单一,课堂和课外是截然不同的两个阶段。但在云学习环境中,教师可以将教学资料上传到网上,供学生下载,以便学生自由掌握学习时间,控制学习进度。更加丰富的资源素材和便捷的移动终端使学生在学习的过程中不仅突破了时间、空间的限制,产生了更强烈的学习兴趣,也实现了课堂学习和课外学习的融合。《UI设计》课程的公众号主要用于发布与课程相关的设计理论知识、最新设计资讯、经典设计案例及设计竞赛推荐等内容。该平台内容的筛选及发布由任课教师负责,这就确保了推送信息的权威性和合理性,避免学生在鱼龙混杂的庞大资讯中事半功倍。

2.建立班级交流群

以班级为单位分别建立通知群和交流群。通知群主要用于发布教师的课程任务分配及指令;交流群可用于师生之间、生生之间的交流互动。在传统课堂中,无论是师生间还是学生间的交流都是面对面、即时的。随着互联网的普及,人们的交流方式发生了变革,师生、生生之间的交流时间和方式变得更加灵活,即时交流和非即时交流得到了融合,成为云学习环境的重要组成部分。

3.建立校企合作社交群

该群成员由校企合作单位、行业人士、外聘专家、教师及学生组成。微信平台不仅为学生提供了和学习内容相关的资源,更提供了以内容为中心的一系列活动工具以及社会关系网络。对于学习者来说,微信平台已经不仅是静态的学习资源,而是一个能持续获得信息和知识的管道。通过学习资源在教师与学生,学生之间,以及行业人士与学生之间的流动,在参与学习的互动过程中,与不同专家产生联系田连接,形成学习圈子,这种学习不是传统课堂一个教师对多个学生的模式翻版,而是一对一的学习,更是多对一的学习。对学生的专业技能学习来说,既是正式学习和非正式学习的融合、个人学习和社会学习的融合、又是跨越时间、空间、拥有广泛学习资源的无缝学习。

二、微信平台资源建设

网络上的信息资料庞杂冗繁,而经过教师团队策展的微信平台,对信息和资源进行了筛选和过滤,必将带来教学的高效性。有了教师的策展,这些信息的流动将更具有指导性和权威性。通过微信平台的交流和互动,将大大促进校内课程和企业项目的交叉融合、课程内和课程外的融合,设计专业的学生能够随时在移动设备的辅助下,快速且容易地在不同学习情境间切换。

1.微课资源的内容设计

在云学习环境中,教师是学习的设计者和助学者。虽然学习的主体是学生,但教师对教学法和教学活动的设计直接影响学生的学习效果。所以,微课程内容的选择就显得尤为重要。微课程的内容要目标明确、多样化、新颖简洁,要增加一些前沿性的知识内容,比如专业动态、相关学术会议思想等,不仅仅局限于书本或理论,适时的将一些当下热门或流行的相关元素、案例引入其中,使学生了解更多有关专业动态知识,提高学习兴趣。

2.微课程资源的组织形式

微课程的组织形式要多样化,可以是视频、音频,也可以是图文、图片、文本等。此外,微课程最突出的特点就是“微”,这个“微”首先体现在学习时间短上,每个微课程基本都不超过十分钟或以一个案例为主,这不仅缩短了学习时间,减轻了学习负担和压力,同时也适应了学习者移动“云”学习的需求。

3.微课资源的推送时间

在微信上推送与本专业有关的微课程时,我们可以考虑把推送的时间定在学生使用微信频次比较高的时间段或固定的时间段。因为该时间段使用微信的人数最多,当微课程向学生推送后,如有人对其感兴趣、有交流的需要、对信息有观点看法需要答疑解惑等,可以及时地进行互动交流,发表各自观点和看法,一方面评论内容可以吸引更多学生关注微课程,另一方面不同的评论还可能引发学生的“认知冲突”,提高他们的参与度,促进他们利用这些微课程进行有效的学习。

三、考核机制的建立

完善的考核机制是保证课程改革能否顺利实现的关键。微信平台以学生为主体,有效地发挥了学生学习的主观能动性。

1.参与交流互动的活跃程度

微信的朋友圈、群聊功能大大增强了教师与学生,学生与学生,学生与行业人士之间的互动学习,让设计交流变得更加活跃与富有创造性。这个互动交流的过程不仅为学生提供了跨越时间、空间、地域的知识学习交流平台,更为学生的专业学习网络圈奠定了基础。由此,将其作为考核的一个部分。

2.个人分享及贡献程度

与传统艺术设计教学平台不同,微信平台是一个综合性的功能平台,不仅能实时接收推送的资源和信息,还可以在平台上传自己设计的作品,与朋友圈进行专业的学习交流,成为平台资源的提供者和使用者。学生在学习过程中新的发现也可以通过发送朋友圈发送出来,多人点赞后即可形成优质的学习资源。在此基础之上,我们将学生分享个人设计作品及转发设计资讯等链接的频率等作为考核的一个标准。

3.个人作品的设计流程及成果展示

对学生的考核要从关注结果转移到关注过程。该课程的期末考试成绩只占总评成绩的40%,剩余的60%主要是学生学习过程的评价,这样能够更好地激发学生学习的积极性和主动性。

四、小结

随着无线网络、便携终端在教育教学中的广泛应用,“云学习”成为新的个性化学习方式。恰逢微信盛行,其作为新型的网络交流平台,极大地促进了课程的弹性教学,不仅优化了学习资源,也使学生有了更多的机会掌控学习进度和学习目标。同时,微信的出现也对教师提出了更高的挑战,只有努力提升自身的信息技术能力,才能适应网络化教育所带来的教学方法和教学手段的变化,促进教学质量的提高。

摘要：现代化的教育离不开信息技术。在教育从标准化到个性化的转变过程中,“云课程”日渐成为了新兴的研究热点。本文在基于便携式移动终端的基础上,从微信平台群的建立、微课程资源的设计及考核机制的建立三方面,对《UI设计》的云课程模式进行了实践探讨。

关键词：微信平台,云课程,UI设计

参考文献

[1]韩怡.基于微信平台的计算机平面设计课程改革探究[J].教育技术,2015(12):5-6.

[2]祝智庭,孙妍妍.无缝学习——数字时代学习的新常态[J].开放教育研究,2015(2):11-16.

[3]王本陆.课程与教学论[M].北京:高等教育出版社,2009:87.

UI设计中图标设计探索 第8篇

(一)按属性分,分为启动图标和工具栏图标

1. 启动图标就是代表产品的象征符号,通过用户的点击起到运行及打开产品及软件的作用。

启动图标与标志设计相比有一定的相似之处,是产品或者企业的象征。但启动图标讲究可读性,而标志设计则更注重抽象和象征寓意并更多地从企业文化视角出发,强调寓意的深度。启动图标出现的平台单一,以电子屏幕为主,而标志可以出现在任何相关平台。

2. 工具栏图标就是软件及产品内部起到解说和装饰功能的图标,是工具文字化解释的图标化设计,以增强界面设计感的表达和用户体验的趣味性。

简约、概括、传达性是工具栏图标的主要特点,系列化设计也是工具栏图标区别于启动图标的典型特征。

(二)按表现手法分,分为拟物化图标和扁平化图标

1. 拟物化是指在最直观的印象上与实物尽可能地相像,通过造型、质感、文理、阴影等效果的运用对事物进行再现,让人可以一眼就看出来这是什么东西,有的可以表现得尽善尽美,有的可能就让人觉得过于追求细节,甚至是过剩的装饰。

拟物化的设计也有一些致命的缺点,比如过分注重形式,缺乏功能性的展现;将时间大量花在各种效果的呈现上,忽略了形式美的表现。拟物化设计确实引领过UI设计的先锋阶段,功不可没,我们从中得到了更多经验的总结,也锻炼了很多设计技能,是设计师进行UI设计的必经阶段。

2. 扁平化是指摒弃高光、阴影和透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面表现极简抽象,矩形色块、大字体、光滑、现代感十足,让你想去体会这是什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面设计。扁平化是通过尽可能抽象的语言表现图标的符号化和简约化,更加注重造型的形式美的视觉语言而摒弃细枝末节的设计。扁平化图标多以简约的线条、形状、高级的渐变配色和元素的构成关系夺人眼球,简约而不简单。

二、图标差异性的表现

图标设计在不同平台差异性还是很大的,比如不同的媒体形式,电脑、手机、平板电视、智能家居,等等。在同一平台的不同品牌也有很大差异,这也是体现多样化和个性时代所需。但总的设计指导思路是不变的,都是要满足视觉审美日益增进的用户,让他们真正地体验到什么是好的设计。作为设计师需要分清不同平台和同一平台不同阶段产品在规范上的具体使用,跟随时代发展与时俱进。

(一)在电脑系统中

windows历代系统中直到windowsphone系统出现,图标风格有了翻天覆地的变化,是拟物化到扁平化最典型的案例。极致的扁平化的界面,大胆的结构划分,图标的极简设计,纯色填充与镂空,一时间受到了众多评论,褒贬不一。现在来看是设计风格发展到一定阶段的必然结果,需要一个代表性的设计思想去做突破,这一过程也是人们的视觉审美认识水平进一步提升的表现。这也要求设计者不断积累学习最新技术,扩展设计思维,满足更加挑剔的用户。

(二)在手机系统中

苹果公司的iphone系列也是图标演变的教科书式范本。ios7横空出世之后,扁平的界面图标立马成为了大家议论的焦点,这次的风格转变得到了很多赞同之声,虽然有些较为传统的用户不大习惯,速度也受手机本身的配置所限,但界面的优化让用户看到了一个全新简约的界面形式,释放了屏幕,解放了双眼,图标颜色的全新配色也让人眼前一亮。

三、扁平化的逆袭

(一)开发更加简单

拟物化到扁平化的变革实际上是UI设计发展到一定阶段的必然结果。互联网科技下的数字媒体设备的更新换代逐渐代替了传统纸质、电视、广播等媒体,现在人们的生活逐渐被数字化的产品所替代,手机、电视、家电、电脑、平板等一切与生活有关的设备都趋于操控的智能化。拟物化在起初对人们认识新事物时是有一定的启发和指导认知作用的,让人们对这些智能产品的认知达到了一定的习惯性,对更新换代的新产品就有了更大的信心和好奇感,人们就会更加注重产品的美观和操作的流畅性,扁平化也就应运而生。而具有代表性交互动作的图标,则成为主要表现扁平化设计的载体,让人们能更好地与产品沟通与交流,开发也随着技术和界面扁平化变得更加简单。

(二)使用更加高效

拟物化的时代是装饰过剩的时代,经不起人们的细细品味。我们做的每一样设计不可能都去像画工一样描摹得逼真,我们更应该像艺术家一样提炼精髓,抽象简约地去表现事物,赋予它灵魂。大家都喜欢有意境的抽象符号,会让我们的认知更清晰。在未来的设计中,一个时钟APP要特地地设计成时钟的样子,那一定是傻透了,装饰过多会分散注意,无法更加注重更多好的互动体验,反而降低了效率。

(三)缓解审美疲劳

无论是绘画还是设计,繁久必简,这就像进化规律一样那么的有效。随着windowsphone和苹果ios界面的发布,扁平化就像一阵春风,瞬时间改变了流行的面貌,使得设计变得更加简约清晰。解放了用户的眼睛,削减了视觉审美疲劳,被更多逐渐变得简约、优雅的设计所替代,可以说这场变革改变了人们焦躁、烦闷的复杂生活方式,让生活越来越好。

四、扁平化图标设计的技巧

扁平化图标的流行也有了几年的时间,如果你细心观察过,各个平台的设计都趋于扁平,并且很多扁平化的设计都很雷同,令人印象深刻的也不多,甚至很多时候我们能找到一样的案例,怎样将扁平化赋予生命的力量,也有很多技巧。

(一)简单的设计元素

扁平化完全属于二次元世界,每个图形简单又安静,没有那么多繁杂的点缀。这个概念最核心的地方就是放弃装饰效果,诸如阴影、透视、纹理等能做出3D效果的元素一概不用。所有元素的边界都干净利落,就像剪纸一样有清晰的轮廓,美丽的形状,甚至单纯的颜色。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,操作起来简单便捷。

(二)关注色彩

关于扁平化图标设计中,从ios7的风格我们就有了非常明晰的感受:界面图标的色彩相对之前拟物化更加绚丽;一些简单的晕染和渐变颜色的使用让人极易被吸引;繁杂的修饰已经远去,让我们心动的是这些漂亮的颜色;颜色之间搭配的考究远远超过拟物化随意的配色方式。对色彩的敏感度也正是考验设计师水平的重要因素。

(三)图形更具创意

自从扁平化设计成为风潮以来,图形创意就尤为受到重视,再也不是元素的简单罗列,堆积成一个具象的图标,而是绞尽脑汁地去想如何用最简单的符号语言去做创意,达成一系列图标的统一化。也不是越简单越好,缺少了正确的传达性再简单也是失败的设计,让外观充分表现产品功能才是正解。并且这和标志的设计还有些不同,标志是单个体的表现,而图标往往是系列化的呈现,所以越是有想法有表现的图形越能被吸引,再加上完美的配色,想设计出一组精美的图标也就变得不那么困难了。

五、结语

浅谈UI界面设计与应用 第9篇

UI是User Interface (用户界面) 的简略缩写, 主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。如果从心理学的方面来分析的话, 界面可被分为感觉 (即视觉, 触觉以及听觉方面) 与情感两个层次。界面设计是一个包含着心理学, 设计学以及语言学的不同共同参与的工程。界面设计所应有的三大原则是:一直接免于用户的控制之下;二减少用户的记忆负担;三保持界面的一致性。通俗的来说就好像现在的电视上面的互动界面菜单, 我们只需要利用手中的遥控器就能快速选择自己喜爱的电视节目;再比银行的自动服务终端上的界面, 我们在上面进行业务操作短短的几个选择就解决了用户的需求。UI设计让这些软件的操作变得舒适简单自由, 同时体现软件的定为和特点, 让软件变得更人性化, 同时具有个性与品味。

二、UI设计的分类

UI设计 (界面设计包括硬件的界面设计与软件的界面设计) , 在这里我们主要讲的是软件的界面设计、包括用户研究、交互设计与界面设计三个部分。

1、用户研究

首先我们应该在产品的开发阶段, 通过各项调查, 来了解用户的工作性质、工作流程、工作环境、工作中的使用习惯, 来得到用户对产品的需求和希望, 使我们的设计提供有力的思考方向, 设计出用户所需的界面。用户研究不是站在设计者角度来的, 而是站在用户的角度去设计思考问题的。其最终目标使产品更容易被人接受使用, 提高其使用性。在最终被推向市场后, 还应收集用户反馈, 了解到用户的最终想法, 用此来检验界面与交互设计的合理性, 以此来积累更多的经验。

2、交互设计

交互设计是指人与机器之间的交互工程, 一般由软件工程师 (程序员) 来完成。交互设计师的工作内容就是设计软件的操作流程, 软件结构与操作规范等。一个软件产品在编码之前需要所做的就是交互设计, 并且确立交互模型, 交互规范。人机交互设计其目的就是使计算机真正的方便为人们服务, 更方便、更易学。

3、界面设计

目前来看, 绝大部分UI设计者都从事的这份工作。就是人们常常说的美工。美工其实并不单单像人们所理解的那样单纯的美术工作者, 而是软件产品的信息界面设计师, 其工作就是使产品界面利用软件的制作呈现在大家面前。

三、UI设计软件介绍

UI设计是伴随电子科技的发展而发展起来的, 其精美的制作离不开科技的发展, 没有强大的硬件设施与应用平台也就没有UI的发展。电脑等电子产品的普及与设计软件强大的功能赋予了其生命。

Photoshop, AI等是设计软件是最大的图像设计软件之一。Photoshop是由Adobe systems开发和发行的图像处理软件。对于多数人而言, 他仅仅代表着“图像编辑软件”。事实上Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具, 可以更有效的进行图片编辑工作。AI作为全球上最著名的矢量图形软件, 提供丰富的像素描绘功能以及顺畅灵活的矢量图编辑功能。由于最新的AI CS6使用Adobe Mercury支持, 更能高效的、精确地处理许多大型的图形及文件。其全新的追踪引擎可以更快速地流畅的设计图案。再加上其强大的性能系统提供各种颜色、形状复杂效果和丰富的排版, 更加舒适方便的使软件使用者做出自己创作理念和设计能力。

四、应用与现实结合的实例分析

在各种电子设备充斥着生活的现代社会中, 对于消费者而言有更多丰富的选择。如何抓住消费者眼球以及心则作为电子产品厂商所关注的重点。良好的界面设计以及操作系统再加上鲜明帅气外观则作为电子产品的先锋起到了至关重要的作用, 这同时体现出了一个与活力的积极企业的形象, 这对于产品的发展与销售有无形的推动作用。

随着3G时代互联网的发展, 手机等电子设备深受互联网等的影响它通过手机成了新的通讯媒介, 与此同时, UI设计也得到了突破性的发展。使用户界面更呈现出了窗口化、图标化, 菜单化、按键化。所以现在手机的UI设计也需考虑用户使用智能手机程序的便捷与稳定, 但也要同时兼顾人与人之间的使用习惯及差异。

作为这场互联网变革中最成功的苹果公司特别具有代表性。iphone的设计特点首先是拥有超大的触摸屏幕满足了人们对于3G时代对于手机的要求, 她的尺寸与外观则严格按照人体工学的要求来做, 是用户享受上网的同时带来更舒适手感。此外iphone的图标按钮等与机身外形一样, 拥有舒服的“倒角方形”的形态特点。这也是iphone与别的产品区别的地方。倒角方形其特点就是简单实用, 其倒角弧形的设计以弧形与直线的结合使视觉上产生柔和感, 再加上与其操作界面与机身配合, 使得严谨、大气而又不失时尚感的气质贯穿其中。在色彩上, 由于色彩是先于形态传达给人们信息视觉元素, 是最抽象的语言。色彩也能影响人们的情趣, iphone的黑色外观使得其显得更加理性, 白色则更加高贵时尚。而其界面上的图标却颜色丰富而又不显得乱, 这不仅使图标在黑色映衬下显得更有趣味也更活跃, 给iphone注入了强大的生命力。再加上其出色顶尖的营销, 使苹果公司跻身世界顶尖公司。

五、结论

在现在的时代UI设计越来越重要, 它能给用户带来更加直观的感受, 让人们认识到了科技离我们真的不远, 充斥着我们的生活。在“为人们的生活服务”传达模式下, 享受着UI带给我们的惊喜, 享受着UI设计师们利用各种先进软件并跟着时代的步伐设计出具有新思维新文化, 并能满足人们的心理需求沟通人们感情与思想的设计, 为各种电子设备增添情感, 更加人性化, 享受科技带给人带来的舒适。

摘要：界面设计, 在之前的软件的发展中始终没有得到它应有的待遇与重视, 设计师们很少关注这个貌似无关紧要的设计方向。但随着手机与平板电脑的开始流行, 它俨然。成为了产品设计的重要卖点之一, 一个操作简洁美观的界面会给人们带来视觉上的享受, 就是所谓的用着舒服。使人们对它爱不释手, 同样为商家们创造了卖点。也是人们认识到了界面设计所带来的魅力, 那就是视觉上的享受。Photoshop, 作为动画设计师们最常用的软件之一, 同样也作为界面设计最常用的软件之一。使界面设计的视觉体验上更加的丰富多彩。使用户将更好的真真正正的感受到设计的魅力。

论UI设计中色彩的应用 第10篇

一、色彩的基本原理与构成

(一)光与色彩的基本原理

所有的色彩展现在人们眼前都需要通过光来实现,也就是说只有看到光线才能看到所有事物,色彩是人们眼睛的感光细胞和大脑对生活中一切事物所产生的光线感知的一种视觉效应,不同的颜色会产生或反射的光线波长不同,构成了人们眼中五彩缤纷的绚烂世界,色彩就是可见光对人的眼睛的作用所产生的视觉效应。各种颜色的APP对人的视觉刺激各不相同,人对色彩的感觉不仅是由光线的物理性质所决定,也受到周围其他因素的影响,例如情感因素、环境因素,等等。人们对颜色的感知是从位于视网膜细胞的差异化输出开始的,通过将不同的颜色反射到视网膜经由视觉皮层传输给大脑,使人们对反射光线做出反应实现对颜色的辨认。

(二)色彩的构成

色彩展现在人们脑海中需要多方面的因素共同作用才能实现,色彩也具有不同的特点,给人的感觉也是多种多样,既是颜色的反应也是其他感官的反应,能够展现立体感和各种不同维度的感觉。

1. 温度感

在色彩里面人们常说的冷暖色调就是色彩带给人的温度感,以红、黄、橘黄等颜色为代表的暖色调能够让人感到温暖,而蓝色、紫色、深绿色、青色等冷色调会让人感觉到寒冷,这就是色彩的温度感。

2. 距离感

不同色彩经过特殊搭配和构造能够带给人一种距离感,例如有些画面看起来深入浅出带给人一种由近及远的感觉,这就是色彩的距离感,例如对于同一背景同一面积的物体因色彩不同给人带来的视觉效果就各不相同,一般浅色具有膨胀感,深色具有收缩感。

3. 重量感

物体色彩的不同展现能够让人感觉到重量的不同,在实际事物中,一些色彩较淡的颜色,如白色、黄色给人的感觉很轻柔,如棉花、海绵等,而一些深色暗色的物体给人的感觉很沉重,如铁块、石头,这就是色彩带给人的重量感。

4. 尺度感

一般暖色调和透明度高的颜色具有一定的扩散作用,给人一种扩大的感觉,而冷色调具有一定的内聚作用,让人感觉略小一些,例如相同面积的黄色和青色,黄色让人感觉面积要大一些,而青色给人感觉面积小一些,这就是色彩的尺度感。

5. 软硬感

色彩的软硬感与透明度、纯度有关,透明度好、纯度高的色彩让人感觉具有软感,如水、果冻、薄膜等;而透明度差、纯度低的物体给人的感觉有一种硬感,如铁门、铁锅,等等。当然,也有例外,如玻璃、玉石等,不同颜色不同搭配给人的软硬感不同,人们能够通过生活经验通过颜色获得软硬感。

二、色彩的呈现方式对感知的影响

人们对色彩的分辨能力受颜色的呈现方式的影响,从人的视觉系统运作方式来看,影响人对色彩感知能力有以下几个方面的因素。

(一)色彩的饱和度

色彩饱和度过低会影响人们对颜色的区分,色彩的饱和度与纯度有关,纯度越高,饱和度越好,人们的色彩感就越强烈,对于智能手机的显示屏而言,每个像素都由红、绿、蓝三种子像素根据不同的配合比组成,饱和度越高,人们的视觉冲击效果就越强。

(二)色彩区域的大小

色彩区域也被称为色块,色块不能过小,过小会影响视觉效果,色块越小人们就越难辨别其颜色,对于一些图表,很多时候由于色块过小人们往往分辨不清图表中的内容,影响用户对图表信息的捕获,这也是为什么人们追求智能手机大屏幕的原因。

(三)色彩区域之间的距离

两个不同色块的距离不能过远,如果太远人们就难以分辨其颜色的不同,尤其是距离太大需要转移视线才能看到时区分灵敏度会大幅度下降,例如两个蓝色的图标,一个深一点一个浅一点,如果将两者放置在一块人们能很清楚地辨别两者深浅的不同;如果两者距离过大,需要转移视线来分辨,人们分辨两者不同的灵敏度会极大降低,这就是色彩区域距离对人们色彩感知的影响。

(四)其他外部因素

除了上述三种因素会影响人们对色彩的感知之外,还有很多其他因素也会影响人们对色彩的分辨能力,如光线、显示器的质量、显示角度以及使用者自身对色彩的敏感度等,如色盲症患者。在UI设计中,色彩的设计要考虑到所有这些因素,考虑越全面,设计越合理就越容易被用户接受。

三、色彩在UI设计中的应用

UI设计的内容包括手机图形用户界面设计和图形版式设计,图形用户界面设计的内容包括手机APP图标、图标的显示色彩、手机背景画面的显示色彩、手机浏览器的导航、文本显示等;版式设计的内容包括布局设计和交互式设计。在UI设计中,需要保持界面的一致性,图标设计风格和手法的一致以及色彩风格的一致性,要让客户从整体视觉角度感受到一致性。

(一)色彩的选择

用户在使用手机时首先第一眼看到的就是图标的色彩,不同的色彩使人对图标的感受也不同,因此,图标的颜色不能随便确定,需要充分考虑到用户的心理需求、个人偏好、美观性等因素。不同的颜色给人感受不同,绿色带给人的感觉是一种安全感和舒适感,绿色象征和平自由,黄绿色给人一种清晰,奋发向上的感觉,让人充满活力和快乐;色彩明度较低的颜色使人有种稳重的感觉,如墨绿色、橄榄绿等。蓝色作为冷色调的一种给人的感觉是沉稳、明亮、深邃、清澈;橙色属于一种活跃的、温暖的、喜悦的暖色调,让人朝气蓬勃,带给人以活泼快乐,让人记忆深刻;粉色则是一种浪漫的色彩,让人感觉温馨和舒适,尤其受到女性用户的偏爱;白色象征干净、简约、诚实、圣洁;黑色象征权威、高压、成熟;红色则具有热情、兴奋的特点,具有生命力和活力。在UI设计时要根据APP的特点和性质,以及主要面对的消费群体选择颜色,例如杀毒软件使用绿色,给人一种安全可靠的感觉;美柚软件属于女性专用的交流平台,其APP颜色使用粉色最为合适。

(二)色彩的合理搭配

UI设计作为艺术设计的一种,离不开生活的规律,因此,在UI的设计过程中要借助艺术来源于生活的规律为UI设计增加生动的视觉语言,在设计过程中要考虑到用户的生理特点,要带给用户全新的体验就必须在色彩方面有合理地搭配,给人一种和谐愉快的感觉,在色彩三要素中影响人们心理的最大的要素是色相,其次是明度和纯度,UI设计效果很大程度上取决于使用的色彩及其搭配,在选择和搭配色彩时要有自己鲜明的主题,结合APP的使用理念搭配色彩,让顾客有最直观的感觉和最深刻的记忆。

(三)色彩的宣传效果

色彩能够在一瞬间吸引人们的注意力,刺激人的视觉,影响人的情绪,继而影响人们的判断。有研究数据表明,人们通过眼睛对一件事物的判断前0.03秒是最关键的,也就是人们常说的第一印象,UI设计作品的色彩在这一瞬间能够迅速传达给消费者很多信息。UI设计因为有了色彩才能够带给人们以强烈的视觉冲击,才有了生命活力,因此,设计者要找准恰当的色彩和风格的定位,让UI设计产品通过色彩冲击消费者的视觉感受,宣传手机的品牌,获得消费者的认可。

(四)色彩的心理效果

在UI设计中,色彩对用户的心理影响十分广泛,而且很大,具体来讲,对用户心理影响体现在以下几个方面,因此在UI设计时要充分发挥色彩的心理影响作用,获得客户内心的共鸣。

1. 色彩的吸引心理

每个人都喜欢色彩,世界因为有了色彩而更加丰富、更加迷人,每个人从内心里都喜欢五颜六色色彩艳丽的事物。因此在UI设计中,设计者要充分把握用户对色彩的吸引心理,运用适当的颜色,设计出手机界面的舒适效果,使用户对手机界面产生良好的体验,留下深刻的印象。

2. 色彩的情感心理

色彩对人的视觉触动可以延伸到人的内心,影响人们的心理,实现情感互动与交流,有些人因为特殊的原因对某种颜色或某种图标有着特殊的感情,例如很多农村人对绿色和金黄色有种特殊的感情,绿色代表大自然,金黄色代表丰收的果实,对于从农村出来的人来讲这两种颜色能够勾起他们对于农村时代的美好回忆。还有红色,尤其是蜘蛛侠图案的红色更是容易勾起年轻人对蜘蛛侠这一角色的崇拜与美好回忆,这就是色彩的情感心理,设计者在UI设计时应充分抓住用户的这一心理,激起用户内心强烈的情感。

3. 色彩的记忆心理

色彩能够吸引消费者的注意,好的色彩搭配能够增强消费者的记忆,随着手机应用的各种APP的出现,手机屏幕有限的尺寸无法显示所有的内容,因此要保证手机界面的简洁明了就需要通过色彩来突出手机的主要功能和信息,便于用户浏览。人们对于颜色的印象通过长时间的习惯就会建立颜色与依附事物的关联,只要看到某种颜色就会联想到相应的事物。因此,设计者在UI设计时要研究用户的心理习惯,设计出既简便又能第一时间让用户联想到相应事物的手机界面。

四、结语

随着手机智能化的不断发展,各式各样的手机层出不穷,更新换代的周期越来越短,人们对手机使用的视觉要求也越来越高,因此,UI设计者要不断更新设计观念,充分利用色彩设计出符合现代人消费习惯的手机界面。

摘要：UI对智能手机来讲是影响其在市场中受客户青睐与否的最重要因素,一款手机应用软件如果拥有良好的UI就能够吸引更多的消费者。在UI的设计过程中,色彩是重要的设计要点,在色彩的选择、合理搭配、宣传效果和心理效果方面,必须保持界面、图标设计的风格和手法的一致以及色彩风格的一致性,要让客户从整体视觉上感受到一致性,这对提高APP的推广率有着重要的意义。

关键词：UI设计,色彩基本原理,色彩应用

参考文献

[1]黄亚飞.UI设计与产品形象的关系探讨[J].扬州职业大学学报,2011(3):21-23.

UI中的视觉设计 第11篇

方兴未艾的数字革命纪念馆

随着计算机技术、网络数字技术、多媒体技术的发展和普及，越来越多的革命纪念馆建设自己的网站，博客、微博、社交圈子。这些媒介都以各自不同的风格面貌，不同的使用界面、多模态化的语言和受众产生互动，受众也在这种多模态化的交流互动中了解红色旅游纪念馆的情况，了解革命先烈的英雄事迹，同时在虚拟世界中献上自己对革命先贤的一份敬仰。如浙江革命烈士纪念馆2003年就创建了自己网站，网站设立了纪念馆展览、新闻中心、三维数字纪念馆、基地宣教、英烈名录、诗文碑林赏析、学术交流、服务导航、烈士纪念建筑物、参观留言几个板块，每个板块通过不同的形式语言介绍展馆的情况。其中比较新颖的板块就是通过虚拟现实技术和3D技术设计的三维数字纪念馆让观众可以在网上通过VRP-IE对纪念馆各个场馆进行浏览，形成了实时交流互动。再如中青网的邓小平纪念馆通过生平简介、大事年表、敬献鲜花、参观留言、音容笑貌、题词手迹、著作选载、论青少年、研究评论、会议怀念、相关报道、影视作品、纪念场所几个板块构成，形成了对邓小平同志的全方记载描述。相比浙江革命烈士馆该馆显得单薄的多，究其原因，除了没有采用新的虚拟现实技术建设虚拟场馆，观众不能和纪念馆实时互动外，纪念馆UI设计中使用多模套语言的情况也是其非常重要的差别。

革命纪念馆UI设计的多模态语言的内涵

那么革命纪念馆UI设计中的多模态语言是什么呢？国内对“多模态”的研究主要集中在英语教学中，通过从语法、语义、形式、媒介等方面，在文化层面、情景层面、内容层面和意义表达层面展开研究，通过对现代技术的不同选择形成英语语言学习多模态研究的框架。综合各个研究者对多模态的综述，我们可以了解到所谓多模态主要指的是信息交流中过程中通过文本、声音、图形图像、视频、多媒体互动等多种手段方法进行视觉信息传播交流。

革命纪念馆UI设计多模态语言构成分析

一个现代的数字化革命纪念馆的UI设计，是一个不仅考虑信息任务本体属性的要求，而且考虑受众心理感受，从受众的视觉心里、听觉心里等多方位考量的感官再造。在受众和电脑的交互过程中，革命纪念馆UI设计是一个非常复杂的多学科交叉的工程，视知觉心理、认知心理学、设计学、多媒体技术、多媒体艺术、语言学等在此都是重要的一部分。从目前现有的数字化革命纪念馆UI设计表现语言来看，其可以包括文字语言模态，声音语言模态，图形语言模态，图像语言模态，视频语言模态，交互模态几种。

1.文字模态

文字模态指的是以文本方式进行信息交流的方式。就革命纪念馆UI设计来说，其文字模态包括和革命纪念馆交流相关标题文字、按钮文字、指示文字、口号、宣传语、文本内容等。从信息的交流模式来说是一种线性交流模式，讲究的是信息内容的连贯性。

2.声音模态

声音模态指的是以声响、音乐、音效等方式进行信息交流的方式。在革命纪念馆UI设计来说，介绍纪念馆的讲解音，各种人声等就是声响部分;音乐则是以革命音乐、歌曲作为栏目或背景的声音;音效则是UI设计中按钮音效、鼠标音效、窗口音效等声音。声音模态从信息的交流模式来说也是一种线性交流模式，其展现的过程是一个一维的线性过程，声音呈现一种连贯性、延续性、继承性模态，不能任意分割，负责就会失去其原有的信息完整性。

3.图形图像模态

图形图像模态是由图形和图像两部分构成，图形一般指的是由点线面构成的抽象图画、图案等，几何图居多。在计算机上矢量图是构成图形基本格式，革命纪念馆UI中的LOGO设计，版式设计、字体设计、图案设计等都属于图形范围。图像则是由像素构成具像的位图，革命纪念馆UI设计中一切照片图像都属此列。图形图像模态从信息的交流模式来说是一种非线性交流模式，也就是说在该模态下信息的交流没有一定方向和非常确定含义，在受众和图形图像主客体之间形成一种互动关系，随着受众的变化该模态所传递的信息呈现多种效果描述，多个图形图像之间的交流顺序也是随机的、无序的、多向的，这些都取决于受众这一主体的思维方式和趣味爱好。

4.视频模态

视频模态是一个以声像符号为媒介，把时间艺术与空间艺术结合在一起，既可以和时间模态那样，在线性的时间中展示画面，形成的信息交流;又和图形图像模态那样，在非线性的交流中，在二维空间上传达信息，表现内容。革命纪念馆UI设计中的各种电影、电视、动画、视频片段等影像资料都属于该模态的主要内容。视频模态是一种线性信息交流模态，但是其视频信息的组接方式既可以是线性的也可以是非线性的。

5.交互模态

交互模态则是一个以受众参与交流为基础，以计算机网络技术为平台的一个交流模式。交互模态下一般有同步交互和异步交互之分。所谓同步交互指的是在网络平台上，多个用户同一时间进行交流互动的模式。浙江革命烈士纪念馆中的三维数字纪念馆模块就是以VRP-IE为平台，创建一个革命烈士纪念馆的虚拟社区，社区中受众可以和志同道合者就某一问题实时互动交流。异步互动则是网络平台上用户在不同时间段进行交流互动，类似于BBS留言板。交互模态用户信息的获取可以是文本、图形图像、声音也可以是视频。

多模态语言结合形式分析

在革命纪念馆UI设计中文字模态、声音模态、图形图像模态一种单模态，其构成形式比较单纯。而其中视频模态、交互模态是一种复合型单模态，视频模态的构成是由声音元素、画面元素、文字元素综合的一种复合型单模態。交互模态则是以网络社区为平台，通过受众和受众之间的文字交流、声音交流、图片交流和视频交流来完成信息的传播和互动的一种复合型单模态。

在UI设计中，当两个或两个以上的单模态语言用来完成革命纪念馆的信息交流时，就是多模态了。那么从对单模态的分析可以了解到他们的组合会有很多种情况。

第一种是文字模态和声音模态的组合多模态，他们的组合有点像在革命歌曲的氛围中点读革命事迹。第二种文字模态和图形图像模态组合的多模态，把不同内容或相同内容图形图像和文本结合起来进行信息传播交流的方式。第三种声音模态和图形图像模态组合的多模态。第四种文字模态、声音模态和图形图像模态三种组合多模态。第五种文字模态、声音模态、图形图像模态和视频模态四种组合的多模态。第六种文字模态、声音模态、图形图像模态、视频模态和交互模态五种组合的多模态。第七种视频模态和交互模态组合的多模态，这种模态有些类似现在的网络演播室中的聊天互动。

革命纪念馆UI设计中多模态语言的构成形式是多种多样的，无论这怎么组合都要符合一些原则，第一个就是一致性原则，一致性不仅指的是内容上的一致也指的是表现形式上的一致，也就是在图形图像的选择，声音的选择都要符合革命性这一题材的限制，设计风格也要尽量靠近革命风格。第二就是要以用户为核心，尽量的减少用户的记忆负担和使用交流的复杂性。

总之，在多媒体技术如此发达的现代，革命纪念馆UI设计越发会受到重视，不仅是因为时代发展的要求，更是因为社会应该给受众一个完好的平台供大家记住历史。UI设计中受众的交流语言也呈现出多模态化，对于每种模态语言和他们之间的组合是有一些规律和要求的，只有了解了这些我们才能更好地设计出受众满意革命纪念馆UI

设计。

（作者单位：渭南师范学院）

作者简介：冯文博（1979—），男，汉族，陕西咸阳人，硕士，渭南师范学院讲师。研究方向：民间艺术数字化研究。

人性化UI界面的设计探讨 第12篇

1 优化的软件系统结构是人性化UI界面的基础

UI界面是软件系统的外在表现。UI界面的信息结构是软件系统在操作过程中所呈现的信息层次, 通俗地讲就是软件系统的组织结构。它的任务就是在信息与使用者之间建立起一个通道, 使用户能够按照这个通道便捷地获取到其所需要的信息, 因此软件系统结构的优化是人性化UI界面设计的基础和必要前提。

一个人性化的软件结构系统, 首先需要优化软件结构层级, 通过减少界面信息结构层级和增加单层信息幅度, 来构建一种“宽而扁”、“快而全”的信息组织形式, 也就是通过适当增加同一层级目录以减少目录的总层级数量, 以减少用户为实现某一功能操作的步骤数量, 和提高用户的操作效率。但, 此种方式应避免的问题的是:同一层级功能的增加可能会导致用户面对一个UI页面过多的功能而手足无措, 不能迅速找出其想要的信息。这就要求对软件结构层级中的同级功能进行分类管理。

其次人性化的软件结构系统体现在各层级功能分类和分布上, 一个人性化的UI软件结构中各功能模块间的关系要有逻辑性, 分类要合理、清晰, 命名要准确、易懂, 不要使用过于专业的术语。如图1 所示, 是不合理的功能归类 “电话和微信功能”不是汽车行驶状态下的功能, 需要避免把不是行驶状态的功能放到一起使用。

另外人性化的软件系统还应允许用户根据自身行为的频度和提高操作效率需要自我定制层级。如手机产品中的QQ聊天、微信和音乐播放等经常性使用的功能则需要允许操作者根据使用习惯放置在主界面中, 而手电筒等不常使用的功能则需要被允许放置在另一个页面中, 也就是可以让用户根据需要自我定制层级。

2 交互设计是人性化UI界面实现的保证

“交互”一词最初源于比尔. 莫格里奇, 他把交互定义为产品使用行为, 任务流程图和信息结构的设计, 实现技术的可用, 易于理解以及令人们使用得更加愉悦。任务流程图和信息结构的设计目的是把复杂的信息和页面经过精心组织清晰地展现给用户, 易于用户理解, 并在使用的过程获得愉悦的感受, 因此任务流程图和信息结构决定了整个界面操作逻辑与页面关系, 是交互设计中的关键。

2.1 人性化的交互设计首先要求任务可被完成

任务的可被完成首先要求任务能够被用户很好地理解。易于被理解的任务有助于用户对任务的执行和完成;如果用户对产品任务不甚理解, 将会导致额外行为的产生, 如学习和求助等, 甚或导致错误行为发生, 以致任务不能很好地被完成。其次任务的可被完成还要求任务是在一定的时间和在一定步骤内完成, 也就是执行任务的效率问题。如手机用户拨打紧急号码, 如果需要从待机界面进入主界面, 再进入拨号界面, 显然就不如在待机界面直接拨打紧急号码效率更高。用户在执行任务的过程中, 行为出错是难以避免。也就是说用户在执行的任务有可能是正确的任务, 这是客户希望的结果;也有可能执行了错误的任务, 这是用户不希望得到的结果, 这个时候就需要给用户纠错的机会。如用户在输入电话号码的时候, 要能够允许用户修改错误的号码, 而不是让用户继续拨打错误的号码或者被退出。同时, 为了让用户的行为能够很好的完成任务还需要给予适时的帮助和提醒。

2.2 界面跳转需要符合用户心理预期

界面上的每一个符号必须是能指与所指的紧密结合, 让用户觉得这个东西应该是这样使用的, 也就是要符合用户的心理预期;但是当我们的设计不是这样的时候, 用户就会产生困扰和抱怨。那么什么样的跳转设计才是符合用户心理预期呢?人性化UI界面的应用功能以及操作界面设计尽量符合用户日常经验所衍生出的对于系统以及环境的印象, 也就是在产品升级换代的时候尽量保持交互设计和上一代产品相一致, 使用户即使面对新产品仍然是熟悉的操作环境, 不至于感觉到陌生和困惑。

有些产品屏幕的显示空间有限, 有可能会使软件的信息结构变得窄而深。为了实现某个功能, 用户在操作过程中需要在多个界面之间跳转, 这个时候就需要保证用户顺畅地操作, 要能够快速地找到出口, 并能够随时地返回上级操作菜单, 这样会增加用户的安全感。

3 合理的页面布局是人性化UI界面的外在要求

页面布局就是对界面的文字、图形或表格进行排布、规划、设计, 是软件系统功能架构的外在可视化形式。页面布局显示了软件功能构架如何分解为不同功能集, 以及功能集构件如何由跳转连接来产生有用的功能形式。因此, 有效的布局对于用户快速找到想要的内容, 以及提升用户的体验至关重要。布局方案不是唯一的, 巧妙采用各种布局可以增强产品的易用性和交互体验。在产品设计过程中, 需要考虑为不同的信息结构提供相匹配的布局。

合理规划利用界面空间的目的是保证用户阅读和操作时的准确性和高效率。因此, 界面布局首先应当清晰明了地呈现界面上各元素之间的相互联系和重点, 因为用户首先关注的区域是界面的视觉焦点, 形式上被赋予焦点属性的UI元素一定要表达最重要的内容。其次要根据用户的阅读习惯来设计布局, 也就是尊重大部分人从左向右, 自上而下的阅读习惯。其次要求在用户阅读时关键数据不会被中断, 而且要求一个任务尽量在同一个界面内完成;同时要求界面上逻辑上相关的元素在空间上被分隔开来, 且没有明显的视觉关联, 以避免误操作的发生, 如确认按钮和放弃按钮。

4 图形界面是人性化UI界面的外在体现

色彩和图标是图形界面的两大主要的构成元素, 因此人性化UI界面设计还体现为色彩和图标等的人性化要求。

4.1 人性化用户界面与配色的关系

色彩通过视觉冲击, 影响于人们的感官, 直接左右人们的感情与行动。不同的色彩让人产生不同的心理感受, 反之不同的心理状态所能接受的色彩也是不尽相同的。人性化UI界面的色彩设计首先是用户可以根据自己的需要改变系统的默认设置, 选择一种自己满意的个性化的色彩设置来实现的。人性化UI界面借助色彩的使用和变换, 目的就是用色彩的变换来协调用户的心理, 满足使用者生理、心理、情感的需求, 影响其情感与行动。

其次, 人性化UI界面的色彩设计还体现在界面配色能够引导用户完成相应的操作, 起到向导的作用。如图2 所示, 汽车影音UI主菜单中上面4 个按钮使用了艳丽的颜色, 表示这些功能是车载用户最常用功能, 并且是汽车影音上最重要的功能;另外下面4 个按钮使用了由深到浅的灰色渐变效果;这样即使很复杂和很抽象的东西, 经过色彩处理后, 能够变得很简单和易于理解, 体现了人性化。

4.2 界面图标设计的人性化

现在的产品仪器都具有很多复杂的功能, 生手面对如此众多的功能往往手足无措, 无从下手, 甚至专家用户在紧急情况下也会出现手忙脚乱的情况。界面的图标按钮是软件功能的命令集, 每一个图标对应的是一个目标动作, 因此作为体现目标动作的图标, 是具有典型特征的图形符号, 它应该有强烈的表意性, 能形象地反映界面的功能信息, 快速准确告诉用户该图标是做什么用。

系统的信息结构隐藏在界面之下, 界面图标设计需要让用户预知操作的后果, 引导性的界面图标能让用户对系统做出准确的把握。如图3, 返回图标是软件用户界面中的重要按钮, 指示用户如何退出当前任务返回到上一级界面, 其箭头形状形象地说明了返回的方向, 接着有一条线由下往上弯回, 与箭头连接, 清晰传达了返回的意思, 容易被用户理解。同时, 直观和形象的图标有助于用户对图标含义的理解。如图3 所示, 音效的音效图标形象地表示了可调节汽车影音音效的高、中、低音质效果, 它将用户界面中的概念与人们熟悉的日常概念联系在一起, 这样用户很容易就可以理解这种工具代表的涵义和功能。

5 小结

UI界面随着计算机信息技术的诞生而出现。随着信息技术的不断向前发展, UI界面的技术和呈现形式亦随之不断获得发展和完善。本文所探讨的人性化是基于目前的技术条件和人文、审美价值等背景下提出来的。随着虚拟现实、科学计算可视化及多媒体技术的飞速发, 展, 新的人机交互技术不断出现, 更加自然的交互方式将逐渐为人们所重视, UI界面的形式和内容也必然将随着发生改变, 届时人性化UI界面的内涵也将发生改变。

摘要：目的:通过从组成UI界面系统各部分入手探讨人性化UI界面, 以获得人性化UI界面的设计方法。方法 将产品人机交互系统设计分解为相互联系的软件架构设计、交互设计、版面布局设计和图形界面设计等环节并结合实例进行分析研究。结果:通过探讨分析获得人性化UI界面的概念;同时得出通过对软件系统架构、交互系统、版面布局和图形界面进行优化设计的方法。结论:通过对系统的软件架构、交互系统、版面布局和图形界面等进行人性化的设计, 从而使人机交互界面成为符合用户行为习惯, 心理预期、思维方式的人性化UI界面。人性化UI界面对提高用户体验的满意度等方面具有的实际意义。

关键词：人性化,人性化UI界面,优化设计,信息结构,人性化设计

参考文献

[1]Trevor van Gorp, Edie Adams.情感与设计[M].北京:人民邮电出版社, 2014:2.

[2]刘伟.走进交互设计[M].北京:中国建筑工业出版社, 2013:11

[3]达达尼亚.人性化设计以及在产品中的应用[EB/OL]:2015-10-09.http://www.douban.com/note/175792970/type=like.

[4]宋方, 金锦虹, 逯新辉.析“扁平化”手机界面设计[J].包装工程, 2012, 33 (14) :60-63.

[5]李世国, 顾振宇.交互设计[M].北京:中国水利水电出版社, 2012:11.

[6]张宪荣.设计符号学[M].北京:化学工业出版社, 2003:16

[7]程丽荃.智能手机移动互联网应用的界面设计研究[J].电子技术与软件工程, 2015, 5:40-41.

[8]李巍.设计概论[M].重庆:西南师范大学出版社, 2001:82