内容提要

本书主要讲解了iOS和Android这2种主流智能手机操作系统界面和APP元素，基本风格，全面解析了各类APP界面的具体绘制方法与技巧。

本书共5章。第1章，主要讲解移动UI的设计概论，度量单位、图片格式、设计原则、设计流程以及当今三大主流系统的基本知识。第2章至第3章，分别讲解了iOS、Android2种主流智能手机操作系统设计规范和设计原则，以及图形、控件、图标和完整界面的集体制作方法。第4章，主要通过APP的应用实战来向用户展示如何制作不同类型的APP界面。

本书配套源文件和教学视频，读者可以结合书、练习文件和教学视频，提升APP界面设计学习效率。

本书适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。

网盘文件列表：

PPT课件展示：

pdf书：

目录：

01 移动UI设计基础

1.1　UI 设计概论

1.1.1　什么是UI 设计

1.1.2　什么是App

1.1.3　 移动App UI 与平面UI 的区别

1.2　手机界面设计尺寸的度量单位

1.2.1　英寸

1.2.2　分辨率

1.2.3　屏幕密度

1.2.4　网点密度

1.3　常见的图片格式

1.3.1　位图

1.3.2　矢量图

1.4　App UI 的设计原则

1.4.1　视觉一致性原则

1.4.2　视觉简易性原则

1.4.3　从用户的考虑角度出发

1.5　手机界面的色彩搭配与视觉效果

1.5.1　冷暖色调的对比

1.5.2　色彩的意向

1.5.3　色彩的搭配技巧

1.5.4　App 界面配色原则

1.5.5　App UI 设计的用色规范

1.6　App 的设计流程

1.6.1　简单大方的设计理念

1.6.2　独一无二的设计创意

1.6.3　全面分析应用需求

1.6.4　确认App 的设计工作

1.7　App 移动端的设计趋势

1.7.1　专注用户体验

1.7.2　使用模糊的背景

1.7.3　简单的导航模式

1.7.4　大胆醒目的字体运用

1.7.5　更简单的配色

1.7.6　用户界面的情景感知

1.8　两大主流手机系统的发展历程

1.8.1　iOS 系统

1.8.2　Android 系统

1.9　不同系统UI 视觉的主要组成要素及特征

1.9.1　 iOS 系统的组成要素及特征

1.9.2　Android 系统的组成要素及特征

1.9.3　手机系统的发展前景

1.10　专家支招

1.10.1　App 屏幕设计禁忌

1.10.2　App 文字设计禁忌

1.10.3　 App 按钮图标设计禁忌

1.10.4　App 选项设计禁忌

1.10.5　App 空间设计禁忌

1.11　总结扩展

1.11.1　本章小结

1.11.2　举一反三——绘制时钟图标

02 iOS App系统应用

2.1　iOS UI 设计基础

2.1.1　iOS 的设计特色

2.1.2　适应性和布局

2.1.3　停止与启动

2.1.4　导航

2.1.5　模态情景

2.1.6　交互性与反馈

2.1.7　动画

2.1.8　颜色和字体

2.2　iOS 的界面设计规范

2.2.1　iOS 界面设计尺寸

2.2.2　iOS 设计元素尺寸

2.2.3　iOS 界面图标尺寸

2.2.4　iOS 界面文本尺寸

2.3　iOS 的图标运用

2.3.1　iOS 图标设计的原则

2.3.2　iOS 应用程序图标

2.3.3　栏按钮图标

2.4　iOS 用户界面元素

2.4.1　状态栏

2.4.2　导航栏

2.4.3　标签栏

2.4.4　搜索栏

2.4.5　工具栏

2.4.6　表格视图

2.4.7　活动视图

2.4.8　动作

2.4.9　警告提醒

2.4.10　编辑菜单

2.4.11　浮动框

2.4.12　模态视图

2.5　控件的绘制

2.5.1　活动指示器

2.5.2　选择器

2.5.3　分段控件

2.5.4　滚动条

2.5.5　步进器

2.5.6　开关

2.5.7　页码指示器

2.5.8　按钮

2.5.9　文本框

2.5.10　进度条

2.6　专家支招

2.6.1　尺寸更大

2.6.2　更圆

2.6.3　交互效果

2.7　总结扩展

2.7.1　本章小结

2.7.2　举一反三——制作音乐播放器界面

03 Android App系统应用

3.1 Android UI 设计基础

3.1.1 Android UI 的设计特色

3.1.2 设备与显示

3.1.3 主题鲜明

3.1.4 触摸反馈

3.1.5 度量单位和网格

3.1.6 字体

3.1.7 Android 的写作风格

3.1.8 色彩

3.2 Android 界面设计规范

3.2.1 Android 界面图标的设计尺寸

3.2.2 Android 的界面基本组成元素

3.2.3 Android 的文本规范

3.3 Android 的图标运用

3.3.1 启动图标

3.3.2　系统图标

3.3.3　系统图标的设计原则

3.4 Android 用户界面元素

3.4.1　主屏幕和二级菜单

3.4.2　状态栏

3.4.3　导航抽屉

3.4.4　操作栏

3.5 Android 控件的绘制

3.5.1　选项卡

3.5.2　列表

3.5.3　网格列表

3.5.4　文本框

3.5.5　按钮

3.5.6　菜单

3.5.7　开关

3.5.8　滚动

3.5.9　活动指示器

3.5.10　滑块

3.5.11　提示框

3.6 专家支招

3.6.1 锁屏界面

3.6.2 二级菜单界面

3.6.3 通知中心

3.6.4 小部件中心

3.6.5 Google now

3.6.6 新增联系人

3.6.7 权限管理

3.6.8 设置界面

3.7 总结扩展

3.7.1 本章小结

3.7.2 举一反三——绘制个人主页界面

04 App应用实战

4.1 App 的分类

4.1.1 实用功能类

4.1.2 游戏类

4.1.3 社交类

4.1.4 网购支付类

4.1.5 影音播放类

4.2 iOS 应用实战

4.2.1 绘制日历界面

4.2.2 绘制音乐播放器界面

4.3 Android 应用实战

4.3.1 绘制电商界面

4.3.2 绘制社交界面

4.4 专家支招

4.4.1 选用符合产品气质的字体

4.4.2 巧用排版技巧

4.4.3 图片的水印式装饰

4.4.4 海报式的图文分享

4.4.5 动起来的界面

4.5 总结扩展

4.5.1 本章小结

4.5.2 举一反三——绘制酒店首页界面

也许你也喜欢下面的教程…

也许你也喜欢下面的素材…

也许你也喜欢下面的商品…