触动人心的手机端页面设计
作者: 林琼 编著
出版时间: 2016年版
内容简介
这是一本结合目前手机端页面潮流的设计书,除了详细讲述手机端页面设计的各个要点(包括字体、颜色、字号、留白、布局等),还列举了众多实例(包括淘宝、唯品会、京东、Apple手机、途牛等大型手机网站页面)来帮助读者提升审美能力。全书从基础入门,图文并茂地细谈手机端的版式、细节、配图、配色等,在各个重点上帮助读者掌握手机页面设计的要领;然后传授完整的设计分析;最后通过营销角度来点评作品,让新手看完本书之后,不仅懂得怎么做一个手机页面,更懂得如何设计适合营销的手机页面。为了便于读者轻松提高,本书还介绍了一些PS小技巧(涉及配色、配图、字体设计等),并传授了一些从事页面设计必备的软件应用知识(涉及Ps Play、ColorSchemer Studio等软件),帮助广大设计师更好地掌握页面设计的精髓,从而得心应手地设计出优秀作品。
目录
第1部分 手机端设计的趋势
第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