第 1章 淺談電商設(shè)計 10 1.1 電商設(shè)計與平面、網(wǎng)頁設(shè)計的區(qū)別 11 1.1.1 平面設(shè)計 11 1.1.2 網(wǎng)頁設(shè)計 12 1.1.3 電商設(shè)計 13 1.2 電商設(shè)計未來的發(fā)展趨勢 15 1.2.1 專題單頁化 15 1.2.2 扁平化設(shè)計的崛起 17 1.2.3 移動端設(shè)計體驗的入侵 20 第 2章 電商設(shè)計的基礎(chǔ)知識 24 2.1 什么是點、線、面 25 2.2 點、線、面的關(guān)系 26 2.3 點、線、面在網(wǎng)頁中的應(yīng)用 27 2.3.1 點的應(yīng)用 27 2.3.2 線的應(yīng)用 27 2.3.3 面的應(yīng)用 28 2.4 視覺引導(dǎo)與排版設(shè)計 29 2.4.1 F形視覺 29 2.4.2 Z形視覺 29 2.4.3 焦點視覺 30 2.4.4 S形視覺 30 2.4.5 斜線視覺 30 2.4.6 版式類型 33 2.5 怎么選色彩 36 2.5.1 色彩屬性 36 2.5.2 整理色彩 37 第3章 電商設(shè)計中的實用技巧 42 3.1 整合項目需求 43 3.1.1 整理需求和找準(zhǔn)切入點 43 3.1.2 分析需求 43 3.1.3 了解需求 44 3.1.4 了解目標(biāo)受眾 45 3.1.5 消化需求 45 3.1.6 跟進(jìn)需求 46 3.2 豐富頁面內(nèi)容 47 3.2.1 圖文配合 47 3.2.2 內(nèi)外統(tǒng)一 47 3.2.3 有情有景 48 3.2.4 有聲有色 48 3.2.5 懸念迭生 49 3.2.6 處處有事 49 3.3 重視首屏視覺 50 3.3.1 首屏到底多高才合適 50 3.3.2 首屏是影響客戶是否關(guān)注的要點 51 3.3.3 首屏設(shè)計的重要性 51 3.3.4 如何做好首屏設(shè)計 52 3.3.5 首屏設(shè)計的基本點 54 3.4 讓字體更多變 55 3.4.1 字體的選擇 55 3.4.2 字體的性格 56 3.4.3 字體的規(guī)則 57 3.4.4 字體的設(shè)計 57 3.5 留白也是一種藝術(shù) 59 3.5.1 什么是留白 59 3.5.2 留白與簡潔 59 3.5.3 留白的6種方法 59 3.5.4 留白在攝影中的運(yùn)用 62 3.5.5 留白在電商設(shè)計中的運(yùn)用 63 3.6 不做“差不多先生” 64 3.6.1 文字中的細(xì)節(jié) 64 3.6.2 文字的對齊細(xì)節(jié) 65 3.6.3 字體的數(shù)量 65 3.6.4 縮放后的圖片細(xì)節(jié) 66 3.6.5 關(guān)于邊距與對齊 66 3.6.6 善用軟件的對齊工具和參考線 67 3.7 做“適合”的設(shè)計 67 3.7.1 簡潔的版式 67 3.7.2 簡潔的顏色 68 3.7.3 簡潔的質(zhì)感設(shè)計 70 3.8 9招教你做好專題頁——冰糖葫蘆原則 70 3.8.1 從頭開始 71 3.8.2 讓頁面頭尾呼應(yīng) 71 3.8.3 慎用多色背景 71 3.8.4 元素的統(tǒng)一 72 3.8.5 高度與留白 72 3.8.6 整體性思考 72 3.8.7 注重形式感 72 3.8.8 讓頁面故事化 73 3.8.9 單頁發(fā)展新潮流 73 3.9 7招高效工作的方式 73 3.9.1 設(shè)計溝通的3個原則 73 3.9.2 巧用圖層整理術(shù) 75 3.9.3 工作中要保持的9個習(xí)慣 77 3.9.4 找準(zhǔn)素材和做好設(shè)計 78 3.9.5 4句設(shè)計箴言 80 第4章 節(jié)日活動類案例分析與 制作 82 4.1 中國傳統(tǒng)風(fēng)格——元旦活動專題頁面 83 4.1.1 設(shè)計思路 84 4.1.2 頁面分析 85 4.1.3 繪制過程 86 4.2 溫情動人風(fēng)格——母親節(jié)活動專題頁面93 4.2.1 設(shè)計思路 93 4.2.2 頁面分析 94 4.2.3 繪制過程 95 4.3 簡單清新風(fēng)格——3周年店慶專題頁面 103 4.3.1 設(shè)計思路 103 4.3.2 頁面分析 104 4.3.3 繪制過程 105 4.4 夸張奪目風(fēng)格——淘寶“雙11”專題頁面 111 4.4.1 設(shè)計思路 111 4.4.2 頁面分析 112 4.4.3 繪制過程 113 4.5 新穎簡潔風(fēng)格——圣誕節(jié)活動專題頁面 117 4.5.1 設(shè)計思路 117 4.5.2 頁面分析 118 4.5.3 繪制過程 119 第5章 扁平插畫類案例分析與制作 124 5.1 卡通戲曲風(fēng)格——情人節(jié)活動專題頁面 125 5.1.1 設(shè)計思路 125 5.1.2 頁面分析 126 5.1.3 繪制過程 126 5.2 幾何切面風(fēng)格——圣誕節(jié)活動專題頁面 135 5.2.1 設(shè)計思路 135 5.2.2 頁面分析 136 5.2.3 繪制過程 137 第6章 圖像合成類案例分析與制作 144 6.1 水彩水墨風(fēng)格——煙雨江南專題頁面 145 6.1.1 設(shè)計思路 145 6.1.2 頁面分析 146 6.1.3 繪制過程 146 6.2 宏偉大氣風(fēng)格 ——銀泰“雙12” 專題頁面 153 6.2.1 設(shè)計思路 153 6.2.2 頁面分析 154 6.2.3 繪制過程 154 6.3 暗黑金屬風(fēng)格——3周年店慶專題頁面 163 6.3.1 設(shè)計思路 163 6.3.2 頁面分析 164 6.3.3 繪制過程 165 第7章 版式設(shè)計類案例分析與制作 174 7.1 高貴奢華風(fēng)格——夏日婚禮專題頁面 175 7.1.1 設(shè)計思路 175 7.1.2 頁面分析 176 7.1.3 繪制過程 176 7.2 優(yōu)雅嫵媚風(fēng)格——品牌內(nèi)衣專題頁面 180 7.2.1 設(shè)計思路 180 7.2.2 頁面分析 181 7.2.3 繪制過程 181 7.3 沉穩(wěn)儒雅風(fēng)格——紳士男裝專題頁面 189 7.3.1 設(shè)計思路 189 7.3.2 頁面分析 190 7.3.3 繪制過程 190 7.4 動感炫酷風(fēng)格——戶外服飾專題頁面 197 7.4.1 設(shè)計思路 197 7.4.2 頁面分析 198 7.4.3 繪制過程 198 7.5 時尚簡約風(fēng)格——名品服飾專題頁面203 7.5.1 設(shè)計思路 203 7.5.2 頁面分析 204 7.5.3 繪制過程 204