前言
用户界面是介于用户与硬件之间,为彼此沟通而设计的相关媒介,因此用户界面是人和机械沟通的桥梁。图形用户界面是指采用图形方式的计算机操作的用户界面,与早期计算机使用的命令行界面相比,图形界面对于用户来说在视觉上更易于接受。移动应用图形用户界面,简称移动UI,是指应用在各类移动终端上的使用图形用户界面的统称。其主要作用为人机交互,提供操作逻辑,达到界面美观的整体效果。一个好的移动UI可以提升产品的个性和品位,为用户带来舒适、简单、自由的使用体验,同时也可以体现出产品的基本定位和特色。
随着智能终端(包括手机、智能手表等)逐渐成为每个人生活中必不可少的一部分,随之而来的是移动终端上人们日常使用的各类应用成为手机用户和商家争相关注的焦点,同时也成为未来社会中大数据来源的重要平台,而一款移动应用的用户体验度直接决定了该款应用的成败,同时移动UI设计的优劣在很大程度上决定了用户的体验度。因此移动UI设计师成为很多公司和企业都非常看重的人才。
Photoshop是Adobe公司开发的用于图像处理的应用软件,在图像编辑、制作、处理等方面的功能强大,目前广泛应用于美术设计、彩色印刷、海报设计等。由于互联网产业的加速发展,该软件逐渐受到PC端网站、移动应用领域和各种移动智能终端智能应用的UI设计领域的欢迎,已成为这些领域最流行的图像处理应用软件。该软件支持RGB模式、灰度模式、位图模式、索引模式等多种图像模式,支持PSD、BMP、TIFF、JPEG、GIF等多种文件格式图像的处理。在该软件中,可对图像进行裁剪、上色、图像参数调整,并可使用多种风格的滤镜进行处理,更适合UI设计中多种交互效果的设计。
本书主要内容
本书以Photoshop CC为平台编写。本书全面、系统地介绍了移动UI设计的基础知识、设计工具的使用及界面设计实战等。全书分为3篇,分别为移动UI设计的入门篇、进阶篇和实战篇,共11章,分别介绍了移动UI设计基础、移动UI的图像性质、移动UI图像制作的常用环境、Photoshop制作移动UI图像的常用工具、移动UI的色彩与风格设计、移动UI的文字设计、移动UI的图像选择合成及特效处理、设计移动应用的图标、移动UI控件设计案例、移动应用的界面设计案例、移动UI设计的全流程设计案例。
本书特色
(1) 适合SPOC教学和混合式教学。
本书除了提供基本的知识外,还提供了大多数学生使用的基础案例展示,也提供了有一定难度的创新任务设计,供不同学习层级的学生灵活掌握。同时,也为教师的教学模式的创新提供了便利。
(2) 重点突出、目的明确。
本书立足于基本理论,面向应用技术,以需要、实用为尺度,以掌握概念、强化应用为重点,加强理论知识和实际应用的统一。
(3) 语言通俗、图文并茂。
本书避免过多的专业词汇,尽量贴近初学者的学习视角,语言通俗易懂。在理论学习、过程实践、案例展示等多环节中融入了大量有助于理解的配图,便于读者理解。
(4) 叙述翔实,实例丰富。
本书有详细的实例,每个例子都经过精挑细选,有很强的针对性。书中的案例都有完整的操作过程,而且非常简洁和高效,便于读者学习和调试。
配套资源
为便于教学,本书配有150分钟微课视频、案例素材、软件安装包、教学课件、教学大纲、教案、教学日历、实验教学计划书。
(1) 获取微课视频方式: 读者可以先扫描本书封底的文泉云盘防盗码,再扫描书中相应的视频二维码,观看教学视频。
(2) 获取案例素材和软件安装包方式: 先扫描本书封底的文泉云盘防盗码,再扫描下方二维码,即可获取。



源文件与案例素材




软件安装包



(3) 其他配套资源可以扫描本书封底的“书圈”二维码下载。
读者对象
本书主要面向移动UI设计的爱好者和从事移动UI教育的教师,适合全国高等学校的学生及UI设计领域相关人员使用。

本书由西安工程大学计算机科学学院薛涛院长和牟莉副教授主审,朱欣娟教授组织规划,参加编写工作的有郭继远、孙浩文、姚艳、童小凯、周晓蕾、李惠雯、陆妍、陈潞滢、樊超宇、李堃和闫丽娟,本书最后一章引用了郭继远指导大学生创新创业项目的研究资料。此外霍炜和白新国参加了的书稿的审阅工作。
由于时间仓促,加之编者水平有限,疏漏之处在所难免,诚恳地期望得到各领域的专家和广大读者的批评指正。
编者

2021年6月