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

第1部分 手机端设计的趋势第1章 手机上网已成主流 / 31.1 手机端用户到底有多少 / 41.2 手机端设计的分类 / 4--1.2.1 app / 4--1.2.2 手机端网站 / 5--1.2.3 其他页面设计 / 71.3 小结 / 7第2章 手机端相关市场调查 / 92.1 手机品牌与屏幕尺寸统计 / 102.2 手机屏幕分辨率统计 / 112.3 photoshop 小技巧 / 122.4 小结 / 14第2部分 细谈手机端页面设计 / 15第3章 手机端页面设计的预备知识 / 173.1 了解手机用户的视线 / 183.2 手机端2 秒原则 / 203.3 小结 / 21第4章 手机端页面架构 / 234.1 手机引导页 / 244.2 手机网站 / 25--4.2.1 单屏手机站 / 26--4.2.2 其他手机站 / 274.3 手机专题 / 29--4.3.1 单屏滑动专题 / 29--4.3.2 整页专题 / 304.4 小结 / 32第5章 手机端页面设计元素 / 335.1 文字设计 / 34--5.1.1 字号的选择 / 34--5.1.2 字体的选择 / 355.2 颜色设计 / 37--5.2.1 选主色 / 37--5.2.2 对比色 / 41--5.2.3 相近色 / 45--5.2.4 选色工具 / 465.3 图形设计 / 49--5.3.1 单个形状的应用 / 49--5.3.2 多个形状的应用 / 52--5.3.3 photoshop 形状小技巧 / 535.4 留白很重要 / 56--5.4.1 整体留白 / 56--5.4.2 局部留白 / 615.5 布局设计 / 62--5.5.1 上下布局 / 63--5.5.2 左右布局 / 645.6 页面配图 / 65--5.6.1 icon 的选择 / 65--5.6.2 其他图片搭配 / 675.7 小结 / 69第6章 手机端页面设计提升 / 716.1 主流设计 / 72--6.1.1 扁平化设计 / 72--6.1.2 扁平立体结合 / 76--6.1.3 扁平技巧 / 78--6.1.4 photoshop 制作长投影 / 79--6.1.5 制作不规则图形 / 836.2 banner 设计 / 87--6.2.1 banner 的尺寸 / 87--6.2.2 选用字体 / 89--6.2.3 背景配图 / 916.3 图文并茂 / 93--6.3.1 文字融入图片 / 93--6.3.2 图文分离 / 95--6.3.3 出格立体感 / 966.4 字体设计 / 97--6.4.1 硬字体 / 97--6.4.2 软字体 / 98--6.4.3 立体字体 / 99--6.4.4 photoshop 制作字体 / 1016.5 点线面的组合 / 106--6.5.1 点 / 106--6.5.2 线 / 107--6.5.3 面 / 108--6.5.4 点线面结合技巧 / 1106.6 营销型页面 / 114--6.6.1 网站营销概念 / 114--6.6.2 营销型网站要点 / 115--6.6.3 手机营销网站的技巧 / 1176.7 小结 / 118第3部分 案例分析第7章 优秀手机端页面解析 / 1217.1 购物类手机网站 / 1227.2 信息类手机网站 / 1387.3 行业类手机网站 / 1517.4 手机专题页 / 1707.5 手机页的各类广告 / 1777.6 小结 / 182