移动UI界面设计电子书

内容提要

移动UI界面设计

序言

前言

关于引用作品的版权声明

智慧教材使用方法

第1章 初识移动UI设计

本章目标

本章简介

1.1 移动App产品开发的基本流程

1.2 移动UI设计的三大操作系统

1.2.1 Android系统

1.2.2 iOS系统

1.2.3 Windows Phone系统

1.3 移动UI设计常用的软件

1.3.1 Photoshop

1.3.2 Illustrator

1.3.3 Axure RP

1.4 移动UI设计中常用的图片存储格式

1.4.1 JPEG（.jpg）

1.4.2 GIF（.gif）

1.4.3 PNG（.png）

1.4.4 点九PN（.9.png）

1.5 与设计尺寸相关的术语

1.5.1 屏幕尺寸

1.5.2 分辨率

1.5.3 屏幕像素密度

1.6 制作Apple Watch App闹钟图标

1.6.1 图标概述

1.6.2 图标的分类

1.6.3 图标的设计方法

1.6.4 演示案例——制作Apple Watch App闹钟图标

本章总结

本章作业

第2章 移动UI图标设计规范

本章目标

本章简介

2.1 移动UI图标设计原则

2.1.1 可识别性

2.1.2 一致性

2.1.3 兼容性

2.2 制作iOS系统口袋商城启动图标

2.2.1 iOS系统图标概述

2.2.2 iOS系统图标设计规范

2.2.3 演示案例——制作iOS系统口袋商城启动图标

2.3 制作Android系统电影启动图标

2.3.1 Android系统图标概述

2.3.2 Android系统图标设计规范

2.3.3 演示案例——制作Android系统电影启动图标

2.4 制作双系统下商场启动图标

2.4.1 双系统下的启动图标

2.4.2 双系统下启动图标的差异

2.4.3 演示案例——制作双系统下商场启动图标

本章总结

本章作业

第3章 扁平化风格图标设计

本章目标

本章简介

3.1 制作扁平化风格相机图标

3.1.1 扁平化风格概述

3.1.2 扁平化风格的设计原则

3.1.3 演示案例——制作扁平化风格相机图标

3.2 制作折纸风格“设置”图标

3.2.1 折纸风格图标概述

3.2.2 折纸风格图标的艺术特征

3.2.3 演示案例——制作折纸风格“设置”图标

3.3 制作长阴影风格Safari图标

3.3.1 长阴影风格图标的特点

3.3.2 演示案例——制作长阴影风格Safari图标

本章总结

本章作业

第4章 拟物化风格图标设计

本章目标

本章简介

4.1 制作拟物化风格日历启动图标

4.1.1 拟物化风格的概念

4.1.2 拟物化风格的设计特点

4.1.3 演示案例——制作拟物化风格日历启动图标

4.2 制作拟物化风格抽屉邮件启动图标

4.2.1 拟物化风格图标的设计流程

4.2.2 拟物化风格图标的设计原则

4.2.3 演示案例——制作拟物化风格抽屉邮件启动图标

4.3 制作拟物化风格相机图标

4.3.1 拟物化风格图标的造型设计手法

4.3.2 拟物化风格图标的质感表现手法

4.3.3 演示案例——制作拟物化风格相机图标

本章总结

本章作业

第5章 Android系统UI设计规范

本章目标

本章简介

5.1 制作Android系统手机界面模板

5.1.1 Android系统手机界面设计概述

5.1.2 Android系统手机的设计尺寸与常见术语

5.1.3 Android系统中的栏

5.1.4 Android系统中的按钮与可点击区域

5.1.5 建立适合Android系统的网格系统

5.1.6 Android系统中的字体与字号

5.1.7 演示案例——制作Android系统手机界面模板

5.2 制作Android系统手机UI套件

5.2.1 Android系统的手机控件

5.2.2 演示案例——制作Android系统手机UI套件

5.3 制作Android系统邮箱界面

5.3.1 Android系统界面中的列表和网格

5.3.2 演示案例——制作Android系统邮箱界面

本章总结

本章作业

第6章 iOS系统UI设计规范

本章目标

本章简介

6.1 制作iOS系统手机界面模板

6.1.1 iOS系统手机设计概述

6.1.2 iOS系统手机的设计尺寸与常见术语

6.1.3 iOS系统中的栏

6.1.4 iOS系统的按钮与可点击区域

6.1.5 iOS系统中的字体与字号

6.1.6 演示案例——制作iOS系统手机界面模板

6.2 制作iOS系统手机UI套件

6.2.1 iOS系统的手机控件

6.2.2 演示案例——制作iOS系统手机UI套件

6.3 制作iOS系统控制中心界面

6.3.1 iOS系统界面的布局

6.3.2 演示案例——制作iOS系统控制中心界面

本章总结

本章作业

第7章 “生活帮帮帮”App项目的设计与制作

本章目标

本章简介

7.1 Android系统应用程序项目案例——“生活帮帮帮”项目

7.1.1 项目背景

7.1.2 设计要求及主要功能

7.2 App类型及界面设计技巧

7.2.1 App的类型

7.2.2 App的界面设计技巧

7.2.3 项目实现流程

7.3 “生活帮帮帮”界面设计实现思路

7.3.1 内容优先和布局合理

7.3.2 界面的绘制和构建

7.3.3 功能架构

7.3.4 色彩运用

7.3.5 技术要点

7.3.6 设计前的注意事项

本章总结

本章作业