第1章

UI设计基础

UI即User Interface（用户界面）的简称，主要包括软件界面和人际交互界面等。本章将会概括地介绍一些UI设计的基础理论知识、数字化图像的相关知识，以及一些常用的Photoshop CC基础操作，以便用户展开深入学习。

1.1　了解UI设计

用户界面在我们的生活中随处可见，什么是用户界面？什么又是用户界面设计？用户界面主要包括哪些类型？用户界面的设计又有哪些具体的规则和要求？本节就向用户介绍一些用户界面设计相关的基础理论知识。

1.1.1　什么是UI设计

UI设计即为用户界面设计，全称User Interface。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。具体包括软件启动界面设计、软件框架设计、按钮设计、面板设计、菜单设计、图标设计、滚动条和状态栏设计等，如图1-1所示。

图1-1

1.1.2　常见的UI设计分类

随着信息技术的高速发展，人们对信息的需求量不断增加，图形界面的设计也越来越多样化。UI设计主要可以分为手机界面设计、网站设计、软件用户界面设计和游戏界面设计等，不同类型的界面设计风格和特点各不相同。

手机界面设计

现如今，手机俨然已经成为普通大众的生活必需品，而手机的功能也越来越完善，很多高端手机的性能甚至与电脑不分高下。手机界面设计最大的要求就是人性化，它不仅要便于用户操作，还要美观大方。如图1-2所示为一些成功的手机界面设计作品。

图1-2

网站设计

近年来，随着电子商务的高速发展，国内网站设计行业也正在快速崛起。从最初的纯文本网页到版式古板、配色拙劣的网页，再到现如今的配色新奇、版式多元化的网页，网站设计得到了长足发展。网站界面设计必须具有独立性和创意性，能够最大限度地方便用户检索信息，从而提升用户的操作体验。如图1-3所示为一些成功的网站设计作品。

图1-3

软件用户界面

用户主要通过软件与各种机器设备进行交流，更确切地说，是通过软件界面达到这一目的。为了方便用户使用，软件界面的设计应该简洁美观、易于操作。如图1-4所示为一些成功的软件用户界面设计作品。

图1-4

播放器界面

如今，市场上的各种音乐播放器软件层出不穷，体验者们不再局限于追求软件的强大功能，更对软件界面风格提出了新的要求。如图1-5所示为两款成功的播放器界面设计作品，这两款界面无论在款式还是在质感上都极为出色。

▲图1-5

▲图1-5（续）

游戏界面

相较于其他软件界面来说，游戏界面通常都更加华丽、主题鲜明，三维效果应用非常普遍，具有较强的视觉震撼力。如图1-6所示为两款成功的游戏界面设计作品。

图1-6

1.1.3　导航栏和按钮的设计要点

导航栏和按钮都是网页中的重要元素。浏览网页时，我们主要通过导航栏和按钮跳转到不同的页面，检索需要的信息。制作网页时，导航栏和各种按钮应该给予最高级别的重视，下面分别是二者的设计要点。

导航栏

导航栏一般位于网页的上方，在与浏览者视线持平的位置，所以导航栏设计得是否到位也会在很大程度上决定整个网页的成败，导航栏的设计主要有以下几个要点。

·导航栏目不多的情况下，通常设计成一排，横竖都可以。当栏目超过6个以上时，可以考虑设计成两排。

·导航栏目在很多的情况下也可以设计成多排，甚至是不规则的多排（一排个数不同，或长度不同）。商业设计或门户网站通常都会有多个频道，在设计时就需要考虑横向双排，因为使用竖排会占用太大的空间。

·在网页内容不多的情况下，可能无所谓栏目，站点本身就包括了导航的具体内容。

·多排导航未必一定要在一起，可以自由发挥想象，设计出更加灵活新颖的版式。

·图片式导航比较美观，也更容易吸引浏览者，但占用空间比较大。

·目前网站中使用较多的是Flash制作的导航栏，其体积小，且具有视觉冲击力。