案例赏析

课堂案例

制作数艺社艺术二维码

课堂练习

制作软件书艺术二维码

课后习题

制作手绘书艺术二维码

课堂案例

用常用工具制作手机图标

课堂练习

在Illustrator中绘制闹钟App功能图标

案例赏析

课堂案例

制作扁平化风格的播放器图标

课堂案例

制作扁平化风格的旅游图标

课堂案例

制作线性风格的聊天图标

案例赏析

课堂案例

制作线性风格的功能图标

课堂练习

在Illustrator中绘制手机功能图标

课后习题

在Photoshop中绘制功能图标

案例赏析

课堂案例

用常用工具制作界面

课后习题

在Photoshop中制作闹钟App界面

课堂案例

制作中秋主题的闪屏页

课堂练习

制作品牌宣传型闪屏页

课后习题

制作推广型闪屏页

课堂案例

制作功能介绍型引导页

案例赏析

课堂案例

制作浮层引导页

课堂练习

制作旅游App引导页

课后习题

制作文档App引导页

课堂案例

制作资料审核空白页

课堂练习

制作消息中心空白页

课后习题

制作购物车空白页

案例赏析

课堂案例

制作外卖App首页

课堂练习

制作旅游App主页

课后习题

制作美食类App主页

课堂案例

制作个人中心页

课堂练习

制作视频App个人中心页

课后习题

制作学习类App个人中心页

案例赏析

课堂案例

制作图书折扣列表页

课堂练习

制作购物App列表页

课后习题

制作物流信息列表页

课堂案例

制作音乐播放器界面

课堂练习

制作音乐播放页

课后习题

制作音频播放页

案例赏析

课堂案例

制作购物App详情页

课堂练习

制作食谱详情页

课后习题

制作旅游详情页

课堂案例

制作软件登录页

课堂练习

制作预约信息页

课后习题

制作聊天页

内容提要

本书完全针对零基础的读者编写，是入门级读者快速而全面掌握UI设计的参考书。

全书以各种重要技术和常见界面为主线，全面介绍了UI设计的工具、设计理论和界面制作方法，包括Photoshop和Illustrator的常用工具，UI设计的理论、原则和规范，常见界面的概念和制作，切图和标注，以及艺术二维码的制作方法。课堂案例的实际操作可以帮助读者快速上手，熟悉设计思路和制作要点；课堂练习和课后习题可以拓展读者的实际操作能力，巩固所学的知识点。同时，提供本书课堂案例、课堂练习和课后习题的素材文件、实例文件和在线视频，UI配色方案、UI图标、免抠素材及配色卡，以及为教师准备的教学大纲、教学规划参考及 PPT 课件等专享资源。另外，本书所有内容均采用中文版Pho-toshop CC 2017和Illustrator CC 2017进行编写，读者最好使用此版本软件进行学习。

本书适合作为院校和培训机构设计专业课程的教材，也可以作为想从事和刚从事UI设计工作人员的自学参考用书。

前言

随着移动互联网的发展，UI设计已变得越来越重要。UI设计不仅是单纯的美工，还需要考虑产品的定位和用户的需求，让设计的界面满足用户的需要。本书不但讲解了界面的制作方法，而且讲解了界面设计的理论知识。

全书除第2、3章外，其他各章按照“课堂案例——设计理论解析——课堂练习——课后习题”这一顺序进行编写，力求通过课堂案例的演练使学生熟悉图标、页面的制作方法；通过对设计理论的讲解使学生掌握设计的原理和要素；通过课堂练习和课后习题拓展学生的实际操作能力，巩固学习的内容。本书在内容编写方面，力求通俗易懂，细致全面；在文字叙述方面，言简意赅、突出重点；在案例选取方面，强调案例的针对性和实用性。

本书配套学习资源中包含本书所有案例的素材文件和实例文件，同时，为了方便学生学习，本书还配备了所有案例和课后习题的多媒体教学视频，详细记录了每一个步骤，尽量让学生一看就懂。另外，为了方便教师教学，本书还配备了PPT课件等丰富的教学资源，任课老师可直接使用。

本书参考学时为64学时，其中教师讲授环节为42学时，学生实训环节为22学时，各章的参考学时如下表所示。