Photoshop+Adobe XD+Illustrator移动UI设计教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

前言

随着科技不断发展,各种通信及网络连接设备与大众生活的联系日益密切,手机功能也越来越强大,手机的软件系统已成为用户直接操作的主体,因为它以美观实用、操作便捷为用户所青睐,所以用户界面设计的规范性就显得尤为重要,从而促进了UI设计行业的兴盛,iOS系统和Android系统就是其中的佼佼者。

本书主要依据iOS和Android两种操作系统的组成元素,由浅入深地讲解初学者需要掌握的基础知识和操作技巧,全面解析各种元素的具体绘制方法。本书通过制作商业综合案例,详细介绍了App制作的流程和技巧,使读者能轻松学习并掌握。

内容安排

本书共6章,以下是每个章节中所包含的内容。

第1章 移动UI设计基础,主要讲解移动UI设计的平台分类、移动UI的设计内容,还介绍了移动UI设计常用软件、UI设计的工作流程和互联网产品职位划分等。

第2章 iOS系统界面设计,主要讲解分辨率与界面设计尺寸、iOS系统的组件尺寸、iOS系统文字设计规范、iOS系统图标设计规范、iOS系统内容布局、iOS系统版式设计规范、iOS系统设计适配、iOS切图规范和提交最终文件等。

第3章 Android系统界面设计,主要讲解Android系统“碎片化”、Android系统界面设计尺寸、Android系统组件设计尺寸、Android系统文字设计规范、Android系统中图标设计规范、Android界面标注与切图、Android系统界面适配问题和如何做到一稿两用等。

第4章 移动UI图标设计,主要讲解图标设计基础、图标栅格系统、图标的渲染风格、图标的透视、图标集的制作流程、移动UI图标设计形式、启动图标设计、标签栏图标设计和图标设计的优点与原则等。

第5章 iOS系统界面应用设计,主要讲解如何设计制作旅游App界面、外卖App界面和播放器App界面,从色彩搭配、界面布局、设计制作和适配输出多个方面讲解案例的制作流程和技巧。

第6章 Android系统界面应用设计,主要讲解如何设计制作商城App界面和社交App界面,从色彩搭配、界面布局、设计制作和适配输出多个方面讲解案例的制作流程和技巧。

本书主要根据读者学习的难易程度,以及在实际工作中的应用需求来安排章节,真正做到为读者考虑,让不同程度的读者更有针对性地学习本书内容,强化自己的弱项,并能够有效帮助UI设计爱好者提高操作效率。

本书的知识点结构清晰、内容有针对性、实例精美实用,适合大部分UI设计爱好者与设计专业的学生阅读。随书附赠书中所有实例的教学视频、素材和源文件,用于补充书中遗漏的细节内容,方便读者学习和参考。

本书特点

本书采用理论知识与操作案例相结合的教学方式,全面向读者介绍不同类型质感的处理和表现的相关知识,以及所需的操作技巧。

img通俗易懂的语言

本书采用通俗易懂的语言,向读者全面介绍各种类型的iOS系统和Android系统界面设计所需的基础知识和操作技巧,确保读者能够理解并掌握相应的功能与操作。

img基础知识与操作案例结合

本书摒弃传统教科书的纯理论式教学,采用“基础知识+操作案例”相结合的讲解模式。

img最新技术与软件

本书的案例采用最新的制作软件Adobe XD完成移动UI的设计及原型的展示,使用Photoshop完成多个案例的制作,并使用PxCook和Cutterman分别完成标注和切图操作,与目前行业使用的软件一致。

img多媒体资源包辅助学习

为了增加读者的学习渠道,增强读者的学习兴趣,本书配有多媒体教学资源包。教学资源包中提供本书所有实例的相关素材和源文件,以及书中所有实例的教学视频,读者可以跟着本书学习相关的知识,并能够快速应用于实际工作中。

读者对象

本书适合UI设计爱好者、移动UI设计从业者和想进入UI设计领域的读者朋友,以及设计专业的学生阅读,同时对专业设计人士也有很高的参考价值。希望读者通过本书的学习,能够早日成为优秀的UI设计师。

本书在写作过程中力求严谨,由于时间有限,书中的疏漏之处在所难免,望广大读者批评指正。

编著者