触动人心的手机端页面设计目录

时间：2023-02-21 06:08:02 | 来源：营销百科

时间：2023-02-21 06:08:02 来源：营销百科

触动人心的手机端页面设计目录：第一部分 手机端设计的趋势

第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部分 案例分析

第7章 优秀手机端页面解析 / 121

7.1 购物类手机网站 / 122

7.2 信息类手机网站 / 138

7.3 行业类手机网站 / 151

7.4 手机专题页 / 170

7.5 手机页的各类广告 / 177

7.6 小结 / 182