第01章 App界面基础知识

1.1 UI设计快速入门

1.1.1 UI设计概念

UI（User Interface）即用户界面，它是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。好的UI设计不仅是让软件变得有个性、有品位，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。如今人们所提起的UI设计大体由以下3个部分组成。

1.图形界面设计（Graphical User Interface）

图形界面设计是指采用图形的方式显示用户操作界面。图形界面对于用户来说在视觉效果上感觉十分明显，它通过图形界面向用户展示了功能、模块、媒体等信息。

在国内通常人们提起的视觉设计师就是指设计图形界面的设计师，一般从事此类行业的设计师大多经过专业的美术培训，有一定的专业背景或者指相关的其他从事设计行业的人员。

2.交互设计（Interaction Design）

交互设计在于定义与人造物的行为方式（人工制品在特定场景下的反应方式）相关的界面。

交互设计的出发点在于研究人在和物交流的过程中，人的心理模式和行为模式，并在此研究的基础上，设计出可提供的交互方式以满足人对使用人工制品的需求，交互设计是设计方法，而界面设计是交互设计的自然结果。同时，界面设计不一定由显意识交互设计驱动，然而界面设计必然包含交互设计（人和物是如何进行交流的）。

交互设计师首先进行用户相关领域的研究，以及潜在用户，设计人造物的行为，并从有用、可用及易用性等方面来评估设计质量。

3.用户研究（user study）

同软件开发测试一样，UI设计中也会有用户测试，工作的主要内容是测试交互设计的合理性及图形设计的美观性。一款应用经过交互设计、图形界面设计等工作之后需要最终的用户测试成功才可上线，此项工作尤为重要，通过测试可以发现应用中某个地方的不足或者不合理性，然后及时调整。

1.1.2 什么是App

App就是应用程序的意思，全称为Application。通常是指iPhone、安卓等手机应用，现在的App多指智能手机的第三方应用程序。比较著名的应用商店有苹果的App Store、谷歌的Google Play Store、诺基亚的Ovi Store，还有黑莓用户的BlackBerry App World、微软的Marketplace等。

直观的说，App就是应用软件，现在主要指的都是iOS，Mac，Android等系统下的应用软件。再直观一点的说，App就是智能手机上的第三方应用软件，这些软件通常都可以在上述列出的应用市场下载。

1.1.3 手机UI与平面UI的不同

手机UI主要应用在手机的App客户端上，而平面UI的范围则非常广泛，包括了绝大部分UI的领域。手机UI具有与平面UI不同的特点，如尺寸要求、控件和组件类型等，与传统平面设计师的设计审美非常不同，因为手机UI设计的这些要求，使得很多平面UI设计师觉得设计死板。图1.1~图1.4所示分别为手机客户端和PC电脑端上的手机UI与一般平面网页UI，可以清楚地看到它们的不同。