从视觉层次浅析UI界面的设计原则

朱宇婷

摘要：

近几年，有一个新兴的词在设计领域出现，那就是UI设计，在短短的几年时间里，UI设计师越来越多，各大院校也开设了和UI相关的专业或课程，成立UI部门的企业越来越多。这一切都预示着UI大时代的到来。随着智能手机及互联网时代的出现，UI设计更加考虑用户体验等因素，将从UI设计的基本概念，通过配色等视觉层次上浅析移动UI登录界面设计的美感。

关键词：UI设计；界面设计； 配色

目前，国内的设计行业越来越受到重视，人们对设计的要求也越来越高。包括腾讯体育、新浪首页还有刚刚改版的京东商城等，很多我们日常使用到的网站，都在慢慢的发生变化。移动端界面设计方面，不仅苹果公司开始抛弃钟爱的拟物化设计，谷歌公司也有了很大的尝试，在2011年10月发布的安卓4.0版本的设计规范里就有提到，“中性，平面，简洁。使用单一的视觉隐喻，使用户可以很容易地识别和理解它的目的”。

一、UI设计的基本概念

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

二、夺人眼球的界面设计

界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离。界面设计不是单纯的美术绘画，而是纯粹的具有科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见，也不是项目成员投票的结果，而是最终用户的感受。所以界面设计是一个不断为最终用户设计满意视觉效果的过程。

以手机的界面设计为例，之前的拟物化设计不管是在图形的设计还是在场景的交互上都力求与现实相一致，其高度的相似性及精致的外观成了最大的卖点。这样做的优势是可以减少学习成本，新用户或者知识储备比较欠缺的用户也可以根据其逼真的形象迅速的进行识别。但是拟物化设计也有其缺点存在：一、随着现在电子产品屏幕分辨率的提高，尺寸也逐渐多样化，繁琐费时的拟物化设计显然不能满足未来市场的要求。

目前，模糊背景的运用如雨后春笋般冒了出来，因为模糊背景的运用不仅让整个网站显得更加人性化，并且在很大程度上烘托出所要表现的氛围。

三、优化的配色原则

在黑白显示器的年代，人们是不用考虑色彩的配置的。然而今天，屏幕色彩的配置是屏幕界面设计的一个关键。恰当的色彩运用，不但能美化界面，而且还能够增加用户的兴趣，引导其顺利完成操作。人机交互在很大程度上是依赖于可视界面，寻找某个事物，并与图形化UI元素进行交互。颜色是视觉画面的主要特征，这并不仅限于计算机屏幕，而是任何我们所看到的事物。因为在我们日常生活中，大多数所看到并进行交互的事物都是有颜色的——或许是看到的太多了，我们已对这点习以为常了。反过来说，如果你需要去阅读一个黑色按钮上的深灰色标签，那将是非常痛苦的。所以，颜色会潜移默化的增强或削弱用户体验。

颜色非常适合增强视觉感染力。我们通常会赋予某些颜色以特定的涵义。这些对颜色的观念在设计UI的时候往往起到非常大的作用。举个例子，一个基于白色的诊所软体应用程序是非常合情合理的，因为白色象征着“整洁”。再比如，联合国的主页是基于蓝色的，传达了一种“和平”的理念。

（一）色调的一致性

色调的一致性指的是采用统一的色调，换言之，就是有个主色调。例如苹果手机的整个色调都是以纯色为主，用户通过对颜色的习惯就可以辨别出产品。所以，在界面设计的时候，要保持色调的统一。例如：iphone的黑色外观体现出产品的理性，而界面上的图标却色彩斑斓，打破了黑色的严肃，在黑色的映衬下，图标会显得更加活跃，有趣味，在凸显了理性的同时，又彰显了使用者的个性。

（二）保守地使用色彩

大多数界面设计者都赞成这一色彩配置原则。所谓保守地使用色彩，就是从大多数的用户考虑出发，根据不同类别的用户设计不同的色彩。界面设计时提倡采用一些柔和的、中性的颜色，以便让绝大数用户接受。因为有时急于使用色彩突出显示效果，反而适得其反。扁平化的纯色背景设计看似很简单，但如果只用一种颜色未免会显得有些单调，因此既要结合不同的颜色，又要做到界面的协调和美感绝不是一件简单的事情。

（三）色彩的搭配要便于阅读

要确保屏幕的可读性，就要注意色彩的搭配，最有效的方法是遵循对比法则，诸如在浅色背景上使用深色文字，在深色背景上使用浅色文字等。色彩是产品情感表达中的一个重要的元素，也是UI界面设计必须考虑的一个问题。

四、注意用户体验的UI设计

我们想要设计出一份成功的作品，那么作品一定离不开用户体验这一个重要的环节。时下，UI设计的主流是简洁化设计，很多设计师认为界面设计越简洁越好，看到简洁这个词，我相信大部分的设计师都会理解成就是简单的意思。其实不然，这里的简洁不等于简单，这里的简洁指的是，设计师在非常深入的了解了用户的需求以后，再根据用户的需求设计出用户想要看的交互设计界面。因此，简洁的UI设计，是力求打造这样一种交互式界面，这一界面既要能满足用户的实际需求，又要能方便用户的操作。

繁琐和复杂的操作步骤是不能被用户所认可的，现在再看看部分网站的注册页面，大部分都只有很简单的几个需要用户填写的信息，有些网站为了方便用户的使用，甚至取消了用户注册的环节，这才是真正的体现了用户便利。简洁的就是好的，用户在使用的时候会感受到实实在在的方便，这样的用户体验才是好的。

【参考文献】

[1] 孟建华.UI设计与应用[J].艺术设计，2009（04）

[2] 周睿.基于可用性的手机交互界面设计研究[D].南京理工大学，2006

【作者单位：安徽工程大学机电学院】endprint