前 言
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》共分9 章，从UI 设计必修课开始，逐步讲解了Sketch 界面、使用Sketch 绘制线框图、设计图标、绘制按钮、制作移动端界面、制作PC 端网页、UI 的输出与交互设计及使用Xcode。除了讲解Sketch 和Xcode 的使用方法外，还穿插了UI 设计的理论知识，如图标设计流程、图标属性、移动界面中的色彩运用、网站常见设计风格等，提供了原型设计的方法、图标及界面设计规范、网页布局原则、iOS 及Android 图标和界面的设计规范与尺寸等UI 设计及应用中的核心内容。
通过《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的学习，读者不但可以使用Sketch 设计出漂亮的图标、流行的界面，还能通过Xcode 制作出UI 的运行效果。从了解什么是UI 开始，到最终的交互体验，以及UI 设计中不可忽略的行业知识，读者将从《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》中获得全面丰富的UI 设计内容及轻松的学习体验。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》结构
第1 章 UI 入门必修课
本章主要讲解了UI、UE 和ID 的基本概念，使读者了解什么是UI 及UI、UE 和ID 的区别和联系，讲述了用户体验的一般设计流程、iOS 和Android 的设计特色、移动UI 的基本常识和网页UI 的基本常识。
第2 章 初识Sketch
本章从介绍Sketch 软件开始，讲述了Sketch 的界面、Sketch 的设计优势、Sketch 的安装与启动，通过制作Apple Watch 界面和iPhone 跳转页面，讲解如何插入形状和图片，使读者体验Sketch 易于操作的特点。
第3 章 使用Sketch 绘制线框图
本章以绘制线框原图贯穿始终，从Sketch 文件的新建和保存，到插入文字、设置文字参数、插入形状、在检查器中调整形状及图层的基本应用。
第4 章 使用Sketch 设计图标
图标的绘制是UI 设计中最为重要的一个环节，一个好的图标，需要有指代性、识别性和审美性。本章不仅详细阐述了图标的绘制过程，介绍了缩放工具、使用参考线和网格、使用检查器、调整锚点和曲线的方法，还讲述了UI 图标的分类、图标的更换方法、绘制流程和图标属性等理念与实际相结合的知识。
第5 章 按钮设计
本章对UI 设计中的按钮进行了详细、具体的讲解，阐明了按钮设计在UI 中的地位和重要作用，介绍了按钮设计的知识和规范，通过一组播放器按钮和一组质感按钮的绘制，详细介绍了渐变、阴影、内阴影、模糊等工具在设计中的应用。
第6 章 移动端界面设计
本章以第3 章的两个线框图为基础，在实际操作中讲述了APP 界面设计，通过修改颜色、样式、文字等参数，完成APP 界面设计的制作。
第7 章 PC 端网页界面设计
本章结合前面章节讲解的内容，使用Sketch 的各种工具完成PC 端网页的制作，讲解了PC端网页设计的方法、PC 端和移动端网页设计的区别、扁平化设计在UI 设计中的应用和网站常见设计风格等内容，对使用Sketch 进行UI 设计是一个概括。
第8 章 UI 的输出与交互设计
本章通过“导出APP 应用图标”“导出移动端APP 界面”“为网页划分切片”和“导出点九切图”等案例，讲解了Sketch 文件的输出、适配分辨率、分享设计稿、移动交互设计事项等必要的理论知识，帮助读者完成和归纳Sketch 应用与UI 设计的最后环节。
第9 章 使用Xcode 制作交互效果
本章讲解了如何安装并启动Xcode 软件，介绍了Xcode 的界面和主要功能，演示了Xcode 的基本操作，讲解了如何使用Xcode 编辑从Sketch 中导出的图片，通过编辑和使用控件、导入素材等一系列操作，最终实现模拟运行效果的过程。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》特点
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》以案例带动知识面的方式，以案例为主，详细介绍并演示各种工具的使用方法并细化操作步骤，使读者通过案例的学习，在实践中熟练掌握Sketch 的使用方法。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》从布局上分为实战案例、操作指南、通关必读、知识链接、提示和技巧6 个主要部分。每一个实战案例都讲解了实际工作中一个Sketch 作品的制作过程，步骤讲解具体，过程讲解清晰且完善，通俗易懂。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的“操作指南”是在UI 设计过程中对常用的、典型的工具及方法的具体讲解和分析，能够使读者掌握重点。《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的“知识链接”是对实际UI 设计过程中的方法及软件功能进行具体分析及理论性讲解。《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的“通关必读”中讲解了UI 设计的基础常识、设计理念及设计规范，读者可以学习和参考，以掌握UI 设计中必不可少的理论知识。而通过“提示”和“技巧”，读者可以在UI 设计过程中学习到更简捷、更有效率的技巧和方法。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》最后介绍了Xcode 的使用，Xcode 和Sketch 一样是iOS 系统的独霸软件。Xcode是运行在操作系统Mac OS X 上的集成开发工具，在此着重讲解了Xcode 移动端UI 设计常用的控件和功能，使读者能够通过Xcode 看到移动UI 设计最终的演示效果和交互体验。
编写《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的目的在于讲解如何使用Sketch 软件和使用Xcode 运行交互效果，使读者了解UI 设计的基础常识和必要知识。《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》语言简洁、描述细致且全面，使读者能够轻松地学会Sketch 的操作，了解图标和界面的绘制过程，在UI 的学习中起到事半功倍的效果。由于互联网的更新较快，书中所提供的网址仅供参考。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》由张晓景编著，李晓斌、高鹏、胡敏敏、杨帆、杨阳、张国勇、贾勇、刘钊、魏华、林秋、夏志利、胡伟军、董亮等也参与了《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》的编写工作。由于作者水平所限，书中难免有疏漏和不足之处，恳请广大读者批评、指正。
《移动互联网之路——Sketch+Xcode移动UI与交互动效设计从入门到精通》提供了书中案例的源文件、素材文件、教学视频和PPT 教学课件等资源，扫一扫下方的二维码，推送到自己的邮箱后即可下载获取。
编 者
