觸動人心的手機端頁面設計

《觸動人心的手機端頁面設計》是一部圖書，作者是林瓊。

基本介紹

• 中文名：觸動人心的手機端頁面設計
• 作者：林瓊

內容簡介

全書從基礎入門，圖文並茂地細談手機端的版式、細節、配圖、配色等，在各個重點上幫助讀者掌握手機頁面設計的要領；然後傳授完整的設計分析；最後通過行銷角度來點評作品，讓新手看完本書之後，不僅懂得怎么做一個手機頁面，更懂得如何設計適合行銷的手機頁面。《觸動人心的手機端頁面設計》這是一本結合目前手機端頁面潮流的設計書，除了詳細講述手機端頁面設計的各個要點（包括字型、顏色、字號、留白、布局等），還列舉了眾多實例（包括淘寶、唯品會、京東、Apple手機、途牛等大型手機網站頁面）來幫助讀者提升審美能力。為了便於讀者輕鬆提高，本書還介紹了一些PS小技巧（涉及配色、配圖、字型設計等），並傳授了一些從事頁面設計必備的軟體套用知識（涉及Ps Play、ColorSchemer Studio等軟體），幫助廣大設計師更好地掌握頁面設計的精髓，從而得心應手地設計出優秀作品。

目錄

第一部分 手機端設計的趨勢

第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