第1部分 手机端设计的趋势 3
第1章 手机上网已成主流 3
1.1 手机端用户到底有多少 4
1.2 手机端设计的分类 4
1.2.1 APP 4
1.2.2 手机端网站 5
1.2.3 其他页面设计 7
1.3 小结 7
第2章 手机端相关市场调查 9
2.1 手机品牌与屏幕尺寸统计 10
2.2 手机屏幕分辨率统计 11
2.3 Photoshop小技巧 12
2.4 小结 14
第2部分 细谈手机端页面设计 15
第3章 手机端页面设计的预备知识 17
3.1 了解手机用户的视线 18
3.2 手机端2秒原则 20
3.3 小结 21
第4章 手机端页面架构 23
4.1 手机引导页 24
4.2 手机网站 25
4.2.1 单屏手机站 26
4.2.2 其他手机站 27
4.3 手机专题 29
4.3.1 单屏滑动专题 29
4.3.2 整页专题 30
4.4 小结 32
第5章 手机端页面设计元素 33
5.1 文字设计 34
5.1.1 字号的选择 34
5.1.2 字体的选择 35
5.2 颜色设计 37
5.2.1 选主色 37
5.2.2 对比色 41
5.2.3 相近色 45
5.2.4 选色工具 46
5.3 图形设计 49
5.3.1 单个形状的应用 49
5.3.2 多个形状的应用 52
5.3.3 Photoshop形状小技巧 53
5.4 留白很重要 56
5.4.1 整体留白 56
5.4.2 局部留白 61
5.5 布局设计 62
5.5.1 上下布局 63
5.5.2 左右布局 64
5.6 页面配图 65
5.6.1 icon的选择 65
5.6.2 其他图片搭配 67
5.7 小结 69
第6章 手机端页面设计提升 71
6.1 主流设计 72
6.1.1 扁平化设计 72
6.1.2 扁平立体结合 76
6.1.3 扁平技巧 78
6.1.4 Photoshop制作长投影 79
6.1.5 制作不规则图形 83
6.2 Banner设计 87
6.2.1 Banner的尺寸 87
6.2.2 选用字体 89
6.2.3 背景配图 91
6.3 图文并茂 93
6.3.1 文字融入图片 93
6.3.2 图文分离 95
6.3.3 出格立体感 96
6.4 字体设计 97
6.4.1 硬字体 97
6.4.2 软字体 98
6.4.3 立体字体 99
6.4.4 Photoshop制作字体 101
6.5 点线面的组合 106
6.5.1 点 106
6.5.2 线 107
6.5.3 面 108
6.5.4 点线面结合技巧 110
6.6 营销型页面 114
6.6.1 网站营销概念 114
6.6.2 营销型网站要点 115
6.6.3 手机营销网站的技巧 117
6.7 小结 118
第3部分 案例分析 121
第7章 优秀手机端页面解析 121
7.1 购物类手机网站 122
7.2 信息类手机网站 138
7.3 行业类手机网站 151
7.4 手机专题页 170
7.5 手机页的各类广告 177
7.6 小结 182