创意UI Photoshop玩转移动UI设计 第2版电子书

内容提要

前言

第1章 初入移动UI设计的世界

1.1 认识移动UI

1.1.1 什么是移动UI设计

1.1.2 移动UI设计的特点

1.1.3 移动UI设计的经典案例

1.2 移动设备的三大主流平台和设计的基本原则

1.2.1 iOS平台和设计的基本原则

1.2.2 Android平台和设计的基本原则

1.3 常用移动界面

1.3.1 常用手机界面

1.3.2 常用平板电脑界面

1.4 移动UI的草图设计流程

1.5 移动设备界面色彩搭配

1.5.1 色彩对移动界面的重要性

1.5.2 移动设备界面色彩的搭配方法

1.5.3 移动设备中色彩的传达

1.6 移动设备中各尺寸标准

1.6.1 手机的基本尺寸标准

1.6.2 平板的基本尺寸标准

1.6.3 手机的基本分辨率

1.6.4 平板的基本分辨率

1.7 移动UI使用的注意要点

1.7.1 移动UI设计的颜色使用要点

1.7.2 移动UI设计的图案使用要点

1.7.3 移动UI设计的字体使用要点

第2章 你所不知道的移动UI特性和界面导航设计

2.1 移动设备的特性

2.1.1 高便携性

2.1.2 隐私性

2.1.3 应用轻便

2.1.4 手机媒体的特性

2.1.5 iPad的特性

2.2 触摸式交互特性

2.2.1 重复与循环动作

2.2.2 连贯动作法和关键动作法

2.2.3 夸张的方式利于触碰

2.3 移动用户体验设计方法

2.3.1 有效的人机交互策略

2.3.2 移动设备的可用性

2.3.3 以用户为中心的移动UI设计

2.3.4 访客至上的设计秘籍

2.4 导航栏和按钮的设计要点

2.4.1 应用的导航栏设计

2.4.2 导航栏返回按钮

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.6 2017年移动设备的发展趋势

2.6.1 隐藏菜单

2.6.2 Touch ID的完全控制

2.6.3 模糊背景图片

2.6.4 代替传统设备的穿戴式终端

2.6.5 卡片式设计将会变得更频繁

2.6.6 娱乐与个性化

2.6.7 纸质化设计

2.6.8 精挑细选的配色

第3章 Photoshop和移动UI的那些事儿

3.1 移动UI中基础图形的绘制

3.1.1 正方形、长方形

3.1.2 圆角矩形

3.1.3 椭圆

3.1.4 组合图形

3.1.5 其他形状

3.2 常见控件的制作

3.2.1 按钮

3.2.2 对话框

3.2.3 选项条

3.2.4 切换条

3.2.5 滚动条

3.2.6 播放器

3.3 图标的制作

3.3.1 时间图标

3.3.2 相机图标

3.3.3 音乐图标

3.3.4 天气图标

第4章 现在就开始移动手机之旅

4.1 移动手机设置界面

实战1 手机时钟设置界面

实战2 手机联系人设置界面

实战3 手机锁屏设置界面

实战4 手机显示设置界面

4.2 移动手机主题界面

实战1 小清新风格手机主题

实战2 女性风格手机主题界面

实战3 可爱风格手机主题界面

实战4 特效手机主题界面

实战5 手绘风格手机主题界面

4.3 移动手机应用界面

实战1 手机照片应用界面

实战2 手机音乐应用界面

实战3 手机游戏应用界面

第5章 超人气平板界面是这样炼成的

5.1 平板主题界面设计

实战1 安卓系统主题界面设计

实战2 苹果系统主题界面设计

实战3 Windows系统主题界面设计

5.2 平板应用游戏界面设计

实战1 iPad休闲游戏

实战2 iPad益智游戏

5.3 平板常用软件界面设计

实战1 平板电影高清时代

实战2 平板娱乐应用界面

实战3 平板音乐应用界面

5.4 平板阅读界面设计

实战1 iPad电子明信片浏览

实战2 女性网购站点

实战3 儿童学习教育

附录

01 设计背景

触控目标大小的定义

僧多粥少

可玩性主要在于手控的操作

02 不同类型移动设备的可用性各异

iOS移动设备的可用性

Android移动设备的可用性

03 移动网站与完整版网站

移动优化的网站

为什么完整版网站不适合移动使用

移动端比桌面端要求更严格

响应式设计

可用性原则很少非黑即白