觸動(dòng)人心的手機(jī)端頁(yè)面設(shè)計(jì)目錄

時(shí)間：2023-02-21 06:08:02 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-02-21 06:08:02 來(lái)源：營(yíng)銷(xiāo)百科

觸動(dòng)人心的手機(jī)端頁(yè)面設(shè)計(jì)目錄：第一部分 手機(jī)端設(shè)計(jì)的趨勢(shì)

第1章 手機(jī)上網(wǎng)已成主流 / 3

1.1 手機(jī)端用戶(hù)到底有多少 / 4

1.2 手機(jī)端設(shè)計(jì)的分類(lèi) / 4

--1.2.1 APP / 4

--1.2.2 手機(jī)端網(wǎng)站 / 5

--1.2.3 其他頁(yè)面設(shè)計(jì) / 7

1.3 小結(jié) / 7

第2章 手機(jī)端相關(guān)市場(chǎng)調(diào)查 / 9

2.1 手機(jī)品牌與屏幕尺寸統(tǒng)計(jì) / 10

2.2 手機(jī)屏幕分辨率統(tǒng)計(jì) / 11

2.3 Photoshop 小技巧 / 12

2.4 小結(jié) / 14

第2部分 細(xì)談手機(jī)端頁(yè)面設(shè)計(jì) / 15

第3章 手機(jī)端頁(yè)面設(shè)計(jì)的預(yù)備知識(shí) / 17

3.1 了解手機(jī)用戶(hù)的視線 / 18

3.2 手機(jī)端2 秒原則 / 20

3.3 小結(jié) / 21

第4章 手機(jī)端頁(yè)面架構(gòu) / 23

4.1 手機(jī)引導(dǎo)頁(yè) / 24

4.2 手機(jī)網(wǎng)站 / 25

--4.2.1 單屏手機(jī)站 / 26

--4.2.2 其他手機(jī)站 / 27

4.3 手機(jī)專(zhuān)題 / 29

--4.3.1 單屏滑動(dòng)專(zhuān)題 / 29

--4.3.2 整頁(yè)專(zhuān)題 / 30

4.4 小結(jié) / 32

第5章 手機(jī)端頁(yè)面設(shè)計(jì)元素 / 33

5.1 文字設(shè)計(jì) / 34

--5.1.1 字號(hào)的選擇 / 34

--5.1.2 字體的選擇 / 35

5.2 顏色設(shè)計(jì) / 37

--5.2.1 選主色 / 37

--5.2.2 對(duì)比色 / 41

--5.2.3 相近色 / 45

--5.2.4 選色工具 / 46

5.3 圖形設(shè)計(jì) / 49

--5.3.1 單個(gè)形狀的應(yīng)用 / 49

--5.3.2 多個(gè)形狀的應(yīng)用 / 52

--5.3.3 Photoshop 形狀小技巧 / 53

5.4 留白很重要 / 56

--5.4.1 整體留白 / 56

--5.4.2 局部留白 / 61

5.5 布局設(shè)計(jì) / 62

--5.5.1 上下布局 / 63

--5.5.2 左右布局 / 64

5.6 頁(yè)面配圖 / 65

--5.6.1 icon 的選擇 / 65

--5.6.2 其他圖片搭配 / 67

5.7 小結(jié) / 69

第6章 手機(jī)端頁(yè)面設(shè)計(jì)提升 / 71

6.1 主流設(shè)計(jì) / 72

--6.1.1 扁平化設(shè)計(jì) / 72

--6.1.2 扁平立體結(jié)合 / 76

--6.1.3 扁平技巧 / 78

--6.1.4 Photoshop 制作長(zhǎng)投影 / 79

--6.1.5 制作不規(guī)則圖形 / 83

6.2 Banner 設(shè)計(jì) / 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 字體設(shè)計(jì) / 97

--6.4.1 硬字體 / 97

--6.4.2 軟字體 / 98

--6.4.3 立體字體 / 99

--6.4.4 Photoshop 制作字體 / 101

6.5 點(diǎn)線面的組合 / 106

--6.5.1 點(diǎn) / 106

--6.5.2 線 / 107

--6.5.3 面 / 108

--6.5.4 點(diǎn)線面結(jié)合技巧 / 110

6.6 營(yíng)銷(xiāo)型頁(yè)面 / 114

--6.6.1 網(wǎng)站營(yíng)銷(xiāo)概念 / 114

--6.6.2 營(yíng)銷(xiāo)型網(wǎng)站要點(diǎn) / 115

--6.6.3 手機(jī)營(yíng)銷(xiāo)網(wǎng)站的技巧 / 117

6.7 小結(jié) / 118

第3部分 案例分析

第7章 優(yōu)秀手機(jī)端頁(yè)面解析 / 121

7.1 購(gòu)物類(lèi)手機(jī)網(wǎng)站 / 122

7.2 信息類(lèi)手機(jī)網(wǎng)站 / 138

7.3 行業(yè)類(lèi)手機(jī)網(wǎng)站 / 151

7.4 手機(jī)專(zhuān)題頁(yè) / 170

7.5 手機(jī)頁(yè)的各類(lèi)廣告 / 177

7.6 小結(jié) / 182