APP 是Application 的缩写，也称APP 软件、APP 应用或APP 客户端等，是运行在手机系统上的应用程序，它为用户提供了诸多便捷，让用户随时随地实现购物、浏览网页、社交、学习和游戏等操作。

      从简单的天气预报到复杂的缴费、购物和订餐等，提供这类服务的APP 便属于生活服务类APP。这类APP的界面布局简洁整齐，用色比较柔和，界面元素多采用圆角设计，能给用户大方和亲切的心理感觉。常见的有京东到家、墨迹天气、美团外卖、手机淘宝和携程旅行等。

课程目标

1.理解生活类APP的特点：掌握生活类APP的功能分类、用户群体及需求特点。

2.掌握UI设计原则：学习并应用简洁性、易用性、一致性等UI设计原则。

3.熟练设计界面布局：掌握生活类APP常见的界面布局方式，如网格布局、列表布局等。

4.色彩与视觉元素：学会运用柔和色彩和圆角设计等元素，营造大方亲切的用户体验。

5.图标与交互设计：设计符合生活类APP特点的图标，提升用户交互体验。

下图显示了小红衫APP 的部分页面。本案例通过分析整个APP 的设计思路，并制作其中的首页、购物车和个人中心页面，学习购物类APP 的一般制作流程。

（1）分析基本结构图

下图所示为本案例要制作的小红衫APP 的基本结构图。观察此图，确定需要制作的页面和页面之间的逻辑关系。

（2）确定主色

        小红衫APP 是推荐和销售包包、鞋类、饰品和服装的电商平台，目标用户以青年消费者为主，因此界面采用红色作为主色，既与“小红衫”的名字相呼应，又能突出青年的活力和自信。

（3）规划页面布局

       根据基本结构图，在设计首页时，将包包、鞋类、饰品和服装作为主要分类，热门活动、时尚达人等版块依次向下排列，并加入扩展内容，以方便用户浏览。在设计购物车和我的页面时，优先考虑用户的使用习惯，可参考市场上同类APP的页面布局，在符合整体风格的前提下，让用户更容易上手。

首页设计：

1）制作导航栏和Banner

2）制作分类图标版块

3）制作热门活动、时尚达人和品质潮男版块

购物车页面设计：

1）制作导航栏和商品列表

2）制作猜你喜欢和结算版块

个人中心页面设计：

1）制作个人信息和我的订单版块

2）制作Banner 版块和我的服务版块