前言

随着移动端设备的快速发展，基于移动端设备的APP也层出不穷，这也使得针对移动端APP的UI设计和交互设计成为这几年的热门设计方向和就业热点。本书面向行业发展需要，聚焦岗位工作流程，将设计原理、设计规范、实现方法和经验技巧融入整个知识体系，让读者对UI设计师这一岗位和整个行业有清晰的认识和判断，并掌握UI设计师岗位所需的操作技能。

本书概览

本书共分6章，根据UI设计的工作流程将所需知识无缝衔接，每章目标明确，使读者的理论知识和实践能力同步提高。

第1章：APP UI设计与交互概述。主要从全局层面介绍UI设计与交互的基本概念和工作流程，使读者对UI设计和交互设计有初步认识。

第2章：UI图标设计。分类讲解线性图标、剪影类图标、扁平化图标、长阴影图标和拟物类图标的制作要点，着重巩固Photoshop软件在UI设计岗位中常用的操作方法。

第3章：常见APP组件的设计与实现。主要讲解移动端界面中除图标外，其他使用频率高、操作性强的组件。通过对按钮、滑动条、表单和数据图表等组件的设计和制作，进一步提高Photoshop软件的熟练程度，掌握常见组件的设计要点和注意事项，为后续整个APP产品各界面的设计做铺垫。

第4章：交互设计与原型图绘制。依托原型图绘制软件Axure，使读者从产品经理的角度出发，从零开始对产品进行构思设计，并对工作流程中联系紧密的多个岗位之间的衔接有全局的认识。最终，使读者可使用Axure完成诸如页面跳转、左右滑动、上下滚动、菜单、表单验证等常见交互效果的操作。

第5章：APP界面设计与实战。在讲解APP设计规范的基础上，选取“UI社”APP虚拟项目，按照真实的产品开发流程，从产品前期的市场背景调研开始，经过确立产品用户群体、对同类产品进行竞品分析、确定“UI社”功能需求、完成原型图绘制、设计产品视觉规范，以及完成首页和各页面效果图制作等一系列工作流程。

第6章：标注与切图。主要讲解在效果图制作完成的基础上，后续标注与切图环节的基本知识、操作方法和工作经验。通过学习本章的内容，使读者掌握标注和切图的规范操作，完成设计图稿的交付工作，为后续程序开发还原效果图奠定基础。

本书特色

本书可作为应用型本科、高职高专，以及其他各类院校计算机相关专业的教材，也可供希望从事UI设计和交互设计的读者自学使用。本书理论内容讲解清晰，语言通俗易懂，实践性案例讲解到位，工作流程拆解明晰。主要具有以下特点。

▷ 专注技能知识：本书所涉及的内容均是UI设计工程师岗位必不可少的知识，通过学习，读者能够达到岗位需求的基本要求，为读者节省学习时间和成本。

▷ 案例贴近生活：本书选用的小型案例贴近年轻人的日常生活，大型案例贴近真实的工作场景，递进的案例不仅能提高读者的学习兴趣，而且还能为读者积累工作经验。

▷ 共享工作经验：本书在讲解容易出错的内容时，均有工作经验分享，使读者不仅学会实现方法，而且能学习借鉴他人思路。

▷ 配套资源方便：本书提供全套源文件、PPT课件、课时授课计划和学期授课计划，读者可以从人邮教育社区（http://www.ryjiaoyu.com/）下载。

▷ 视频资源精致：本书配套课程授课视频与本书相辅相成，读者可以通过扫描书中二维码直接在线观看，以便提高学习效率。

教学安排

本书的参考学时为60学时，为了方便教师组织教学，这里列出各章拟完成的学习任务，仅供参考。

致谢一反馈

本书由吴丰编著，在整个编写过程中，感谢家人的理解和支持，感谢出版社的所有编审人员为本书的出版所付出的辛勤劳动。由于水平有限，书中难免存在疏漏和不妥之处，敬请广大读者批评指正，以便于修订使之更加完善，诚挚希望与读者共同交流，共同成长。

吴丰联系方式：413101130@qq.com。

编者