1.1 新手入门：零基础小白入门移动UI设计

设计是把计划、规划和设想通过视觉形式传达出来的行为过程。简单地说，就是一种创造行为，一种解决问题的过程，其区别于其他艺术类的主要特征之一就是设计更具有独创性。

在设计界中，有许多种类，大致可以分为技术设计、艺术设计、营销设计、视觉传达设计、工业设计、环境设计这6大类。

UI设计属于视觉传达设计的一种，是机器与用户交流时的一种界面设计。除了以上列出来的几种设计外，还有信息设计。信息设计就是将信息以可见的形式表现出来，方便人们辨识。此外，还有通用设计，是指通过设计，使产品、空间以及标识等，不论使用者的年龄、性别、身体状况及能力等，都可以方便使用。

移动UI设计的相关知识包括UI设计、移动UI的概念和特点、手机的界面特色及不同移动UI的视觉效果等，只有了解移动UI设计的基本知识才能更好地设计出出色的App产品。

1.1.1 认识移动UI设计

UI的原意是用户界面，是由英文User Interface翻译而来的，概括成一句话就是人和工具之间的界面。这个界面实际上体现在生活中的每一个环节中，例如，计算机操作时鼠标与手之间就是这个界面，吃饭时筷子和饭碗之间就是这个界面，在景区旅游时路边的线路导览图就是这个界面。

在设计领域中，UI可以分成硬件界面和软件界面两大类。本书主要讲述的是软件界面，介于用户与平板电脑、手机之间的一种移动界面，也可以称之为特殊的或者是狭义的UI设计。图1-1所示为支付宝软件的界面。

1.1.2 移动UI界面设计规范

UI设计的规范主要是为了设计团队朝着一个共同的方向、风格和目的来设计出界面效果，以便于团队之间的相互合作，提高作品的质量和效果。

在对移动UI进行设计时，确定其规范性，可以使整个App在尺寸、色彩上达到统一，从而提高用户对移动产品的认知和操作便捷度。图1-2所示是iPhone6界面的尺寸规范。

移动UI是软件与用户交流最直接的层面，设计良好的界面能够起到“向导”作用，帮助用户快速适应软件的操作与功能。

图1-3所示为控制按钮的状态样式设计，该设计对按钮的大小和形状进行了统一，并通过不同的颜色和文字来区分其功能。

1.1.3 移动UI设计的个性化

移动设备在视觉效果上通常具有和谐统一的特性，但是考虑到不同软件本身的特征和用途，此在设计移动UI时还需要考虑一定的个性化。移动UI效果的个性化包括如下几个方面，如图1-4所示。