浅谈艺术设计中UI界面设计及应用

佘文明

摘要：现今各式各样的电子产品成为年轻人一个关键的消费品，界面设计也就凸显它的重要性，操作简单而美丽的界面会给人视觉上美的享受，进而购买使用该产品。本文主要介绍UI界面设计的基本定义，通过对界面设计现状的表述和界面设计常用软件的介绍及界面元素的设计总结，并对部分例子剖析，证明界面设计的重要地位。最后，指出了未来UI设计的发展，并提出了UI设计人员的工作方向，更好的感受到设计改变生活的魅力。

关键词：UI设计；界面元素；色彩搭配；实例分析

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）27-0171-02

随着信息时代的到来，知识经济的迅速发展，设计学科也在改变。我国的信息设计，显示出它的生命力。UI设计作为信息设计的一部分，它正在悄然出现在我们的生活。UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

国内而言，UI，目前一般把屏幕上显示的图形用户界面都简单称为UI。我们常称的UI设计师，可以是图形界面视觉设计师，负责产品或网站的图形、图标、色彩、视觉风格等，制造出各式各样的视觉效果，从视觉层面把控产品界面设计

界面设计一直在等待艺术家们来美化，但他们的工作会被误认为仅是给使用界面做简单的装饰，没有独立的理论指导和创造力。然而与我们的生活，越来越多的电子产品和网站产品层出不穷，为了在市场上立于不败之地，运用高水平的界面交互设计成为各自产品在市场上成功的一种重要手段，给许多企业带来可观经济效益和不错的口碑。一个漂亮合理的界面将带给体验者使用简单，感觉也更方便。这将会成为产品的一个卖点。界面设计不是纯粹的只考虑艺术美感，它需要考虑用户、产品使用环境、使用人群、使用方法，并最终将其量产，占有市场。在体现在艺术美的同时，可以根据消费者生活习惯，操作习惯，方便消费者，可以满足消费者使用该产品的期望，并感觉到操作步骤合理简单。就像互动网络电视菜单界面，整体美观，分类科学，突出视觉焦点，并与遥控器配合，可以快速、轻松地选择他们最喜欢的电视节目。

现在，许多设计师踊跃参与当下的界面设计，在实践中不断完善自我。实际上并不能简单的就认为是纯粹的艺术创作，他们的工作就是让产品界面美观、容易辨认、简洁易于学习。人们审美需求日益增加，界面的总体设计和规划就尤为重要。面对无数的显示屏设计，色彩的选择和搭配是非常重要的。使用色调、明度和纯度进行调试，可以增加人的记忆，使个性和吸引力和浏览方便，以便产生商誉。使用颜色呼应，设计中要注意重颜色的使用，界面才能完美呈现，它有非常大的影响的平衡，可以提供一个更好的用户体验。

1界面设计常用的软件介绍

UI设计随着电脑、手机、各种电子产品如平板电脑的普及和发展，界面设计赋予他新的生命力量。如Photoshop是一种常用的图形图像设计软件。Photoshop是由Adobe开发的图形图像系统软件。其精湛的编辑功能可以被称为“最强的软件”，可以有效地完成编辑、设计工作。CorelDRAW作为世界最著名的矢量图形软件，提供丰富的功能和便于操作的矢量图形编辑、设计工具，随着版本优化提升，设计新功能也越来越完善。加上系统提供各种工具、丰富的颜色系统和可下载的笔刷形状，使得设计运用有广阔的空间，能更方便、符合用户们的想法和设计理念的实现。

2 UI 界面元素设计

高校还没有建立一个相对完整的UI设计专业体系，所以提高UI设计师能力的关键是提供一个良好的学习和交换的资源和环境。从事设计工作的设计师，在任何时候都该有一个良好的心态并投入必要的努力，而且可多方咨询业内精英，取长补短不断自我完善。就从界面各元素的设计说起：

2.1 整体页面布局设计

布局设计需要设计师综合多方面的知识，把多种元素进行科学组合，明确界面设计主题。根据实际情况和要表达的内容来布置，认真研究版式，从点、线、面的构成着手，注意平面构成美的原则，尤其是疏密关系的处理。

2.2 界面尺寸的选择

总的来说，界面的尺寸和显示屏的大小及分辨率有关，如超出部分就要考虑滚动条的安排。在设计中经常也采用多屏显示，那第一屏就要格外慎重，精心打造，因为第一屏有黄金屏的美誉，接下来所有的界面都要一一呼应。保证风格、气质完全吻合。

2.3 界面外观造型设计

界面外观造型设计通常采用经典的几何形，常见的有圆形、矩形、菱形、梯形、平行四边形等，圆形圆满、柔和、团结安定等，矩形代表中规中矩，平衡和谐的视觉感受；菱形代表平衡、个性、公平等，也有不少界面是以一种为主，结合多种形状，表现出平和、活泼等的特点。

2.4 文字的排版、编辑设计

文本是整个界面信息内容的主要展示部分，字体、字号、颜色的选择搭配与组合，设计中的字、行、字块等的通篇协调，在整个界面视觉节奏上给人以美感。

2.5 图片的引用及设计

所谓图文并茂，文字与图片具有相互补充的视觉效果，相互衬托，既能活跃界面，又使整体呈现丰富的表现形式。

2.6 多媒体的引用及设计

为吸引使用者，界面可以使用2D＼3D动画效果，让声音、动画、视频等更多的多媒体参与，丰富界面多层次的表现，充分调动使用者的五感体验。

2.7 界面背景的设计

使用各式各样的纹理当背景，往往用对了背景，就已成功大半。背景的色调常使用比较柔和，主要起衬托作用，但不能喧宾夺主。做到风格统一、首尾呼应、浑然一体。

2.8 色彩运用设计

色彩对人们的感官视觉冲击和影响，直接作用人的感情和行动。不同的颜色使人产生不同的心理感受和不同的精神状态可以接受颜色也不同。第一、人性化的UI界面色彩设计是用户可以根据自己的需要改变系统的默认设置，并选择一个令人满意的个性化的颜色设置。其目的是用颜色的变化来协调用户的心理，以满足用户的需求的生理、心理、情感、影响自己的情绪和行为。第二、UI界面色彩设计体现在可以指导用户进行相应的操作，起到向导的作用。一个好的UI设计师，总能把颜色运用的灵活自如，设计中颜色传达给用户的感受，正是UI设计师想要表达的意向，所以颜色是设计师与用户沟通的介质之一。首先作为一个优秀的UI设计师，要了解UI设计中如何巧用色彩这个问题，要懂得颜色和人的感觉是密不可分，那令人振奋的色彩搭配，能突出重点、提升易用性，并且吸引用户使用你的设计项目。设计中如何巧用色彩，让你的设计更具有亮点呢？

2.8.1深浅对比搭配

比如选用了深色，在深色背景上使用亮色文字，并在图片上叠加了颜色，让视觉重心停留在文字和相应按钮上。弹出菜单同样使用了深色主题。得益于各种字体和深浅对比的色彩，深色风格的更具完整性，受到偏爱。

2.8.2纯色的配色

界面设计风格强调客户端的可用性，借扁平化设计和极简风格，打造一套用户愿意接受的审美样式和技巧。 这种样式吸收了鲜艳、高纯度的配色，从红到绿色。虽然不是一定要遵循这些色彩建议。可以加入大面积、高亮度的配色，能够创造赏心悦目的效果。。

2.8.3颜色的协调

为让设计更具吸引人的亮点，细心、科学的选择颜色，是一个不错的选择，它是一种用来烘托主题的重要手段。例如，彩色的搭配能打破视觉单一，促进交互行为。

在此重点阐述用色之道，让设计更具亮点，是因为色彩正是让设计独具一格的重要因素之一。选择不同的配色技巧时，要考虑色彩如何最好地与品牌相结合，并为用户服务。要产生最佳效果，就要带着特定目的运用色彩，通过设计吸引用户，促使他们采取行动。无论是使用浅色还是深色，或者是纯色和流行混搭，色彩都能影响用户对于设计的认同和使用频次。

3 应用与现实结合的实例分析

在各种电子设备充斥着生活的现代社会中，对于消费者而言可以有更多的选择。如何抓住消费者眼球以及让其购买自己的产品，则作为厂商所关注的重点。优秀的界面设计以及操作系统，再加上鲜明帅气外观则作为消费者的首选，起到了至关重要的作用，这同时体现出有活力、有竞争力的企业形象，这对于产品的发展与销售有无形的推动作用。随着 4G “互联网+“时代的发展，手机、平板等电子设备深受互联网等的影响，与此同时，UI 设计也得到了突破性的发展。使用户界面更呈现出了窗口化、图标化，菜单化、按钮化。所以现在手机的 UI 设计也需考虑用户使用智能手机程序的便捷与稳定，但也要同时兼顾人与人之间的使用习惯及差异。作为这场互联网变革中最成功腾讯qq及微信客户的争夺战特别具有代表性。在产品、功能同质化越来越趋同的今天，设计上配合手机拥有超大的触摸屏幕满足了人们对于智能手机使用的要求，让用户享受上网的同时带来更舒适手感。此外，图标按钮等外形做了相应区别，使其各自特点鲜明、易于识别。操作快速响应及输入便捷与表情设置简单实用，其语音、图片传输的设计尤为经典，再加上操作界面精心设计配合，使得严谨、大气而又不失时尚感的气质贯穿其中。其界面安排合理丰富而又不显得乱，这使得微信的发展大有超越qq的趋势，显现出强大的竞争力。再加上其出色顶尖的营销，产品广受推广和欢迎。如果设计师设计出来的产品恰好满足了受众对这个产品的心理需求，那设计者与用户的情感就产生共鸣，使用户更加深刻地体会设计的内涵和喜爱产品。

4 结论

现在UI设计的时代越来越重要，它可以给用户带来更直观的体验，目前的技术条件和背景下人们的审美标准等等，让人们认识到技术真的离我们不远，UI设计人员应该跟随时代的步伐，掌握现代信息社会发展的新趋势，站在一个较高的角度来提高他们的设计水平，使设计工作能够有新的思想、新的文化、新的创意。同时，设计师还应该挖掘中国优秀的历史文化，让它注入我们的设计理念，伴随UI设计。只有用这种方法，设计工作才能满足人们的心理需求和情感交流、思想传递及丰富人们的生活，可以对各种电子设备添加情感色彩，体现更人性化设计并享受科技带给人们的便捷、舒适感。

参考文献：

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

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

[3] 王春鹏.谈网络界面设计的人性化[J].包装工程，2007，28（6）：171-173.

[4] 张美珍.浅析色彩在 UI 设计中的应用[J].设计，2014（07）.

[5] 李天赐.手机 UI 的色彩运用技巧[J].大众文艺，2015（16）.

[6] 孟建华.UI 设计与应用[J].艺术设计，2009（4）：49-50.

[7] 蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息，2007（6）：67，152.

[8] 刘超.UI界面设计———界面设计不存在美工.