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-6所示为两款成功的游戏界面设计作品。
图1-6
1.1.3 导航栏和按钮的设计要点
导航栏和按钮都是网页中的重要元素。浏览网页时，我们主要通过导航栏和按钮跳转到不同的页面，检索需要的信息。制作网页时，导航栏和各种按钮应该给予最高级别的重视，下面分别是二者的设计要点。
导航栏
导航栏一般位于网页的上方，在与浏览者视线持平的位置，所以导航栏设计得是否到位也会在很大程度上决定整个网页的成败，导航栏的设计主要有以下几个要点。
• 导航栏目不多的情况下，通常设计成一排，横竖都可以。当栏目超过6个以上时，可以考虑设计成两排。
• 导航栏目在很多的情况下也可以设计成多排，甚至是不规则的多排（一排个数不同，或长度不同）。商业设计或门户网站通常都会有多个频道，在设计时就需要考虑横向双排，因为使用竖排会占用太大的空间。
• 在网页内容不多的情况下，可能无所谓栏目，站点本身就包括了导航的具体内容。
• 多排导航未必一定要在一起，可以自由发挥想象，设计出更加灵活新颖的版式。
• 图片式导航比较美观，也更容易吸引浏览者，但占用空间比较大。
• 目前网站中使用较多的是Flash制作的导航栏，其体积小，且具有视觉冲击力。
• 包含信息较多的网站可以考虑使用快捷导航，即框架快捷导航，这样无论浏览者进入哪个页面都可以快速跳转到另外的栏目，这样更利于操作。如图1-7所示为一款漂亮的图片式导航栏。
图1-7
按钮
按钮被频繁地应用于网页和各种软件界面中，主要用来指示和引导用户完成相应的操作。按钮的体积虽然小，但却是浏览者使用较为频繁的元素，所以也应该得到充分的重视。一款漂亮的按钮可以增加整个UI界面的趣味性，从而提升用户体验。网页中按钮的设计主要有以下几个要点。
• 按钮要与页面的整体效果相协调，不能喧宾夺主。
• 如果页面中的内容单一，比如包含大片的文字，那么应该使用漂亮醒目的按钮来点缀。
• 图片与字体的搭配，要考虑文字是否易读，色彩搭配是否协调统一等问题，整个页面的颜色最好不要超过4种。
• 很长的按钮可能是框架的分解，因此要尽量设计得纤细一些，否则版面会有奇怪的失重感。如图1-8所示为一套设计精美的网页按钮。
图1-8
1.1.4 UI设计的重要性
软件界面设计是产品设计的重要组成部分，是用户对界面的体验和信息交互意愿。一个美观友好的界面能够给用户带来舒适的操作体验，从而为商家创造卖点。用户界面是人机之间沟通交流的平台，所以用户界面设计应该和用户研究紧密联系，它是一个不断为最终用户设计满意视觉效果的过程。
界面设计的原则
• 简易性：用户界面设计应该简洁、易于操作使用、易于了解，并能减小用户发生错误操作的可能性。
• 可控性：可控性是用户界面设计的重要条件，即用户想要进行什么操作，就一定让它做到，并且要有相应的操作提示。
• 一致性：一致性是指界面的设计风格必须和页面内容协调一致，颜色的搭配要符合人们的视觉习惯，同一界面的不同板块和同一板块的不同位置都要保持一致性，如图1-9所示。
图1-9
• 安全性：用户可以自由地做出选择，且所有选择都是可逆的。在用户做出危险的选择时有信息介入提示。
• 人性化：要尽可能考虑到特殊用户的操作体验，如残疾人、色盲色弱等，以提高用户操作效果和操作满意度。
• 灵活性：简单来说就是要让用户方便地使用。界面设计是浏览者接触网页的第一印象，所以它的设计风格要与整体页面相一致，颜色的搭配要符合人们的视觉习惯，并与页面的整体色调相协调。其中字体的选用不要过于花哨，平常的字体即可。
1.1.5 了解交互的概念
交互是指人与机之间的交互工程。人机交互是一门研究系统与用户之间交互关系的学问，这里的系统可以是计算机化的系统或软件。
图形界面通常是指用户可见的部分，是人与软件之间传递和交换信息的媒介。交互与图形界面之间有着紧密的联系，但二者又是两个完全不同的概念。