《淘寶網店頁面設計、布局、配色、裝修一本通（第2版）（全彩）》是2014年1月電子工業出版社出版的圖書，作者是孫東梅。
基本介紹
- 書名：淘寶網店頁面設計、布局、配色、裝修一本通（第2版）（全彩）
- 作者：孫東梅
- ISBN：978-7-121-22228-3
- 頁數：272頁
- 定價：59.80元
- 出版社：2014年1月
- 出版時間：電子工業出版社
- 開本：16開
內容簡介,目錄,前言,
內容簡介
《淘寶網店頁面設計、布局、配色、裝修一本通（第2版）》不僅僅是一本講解網店裝修的圖書，其中還有大量的關於創意、頁面布局、頁面視覺設計、頁面配色等方面的知識，可謂一書在手，網店設計裝修無憂。《淘寶網店頁面設計、布局、配色、裝修一本通（第2版）》共12章，主要內容包括網店裝修入門基礎、網店頁面的元素與布局、網店頁面的視覺元素設計、網店頁面創意和風格、大型購物網店頁面設計分析、頁面色彩搭配基礎知識、網店色調與配色、各行業網店設計與配色案例解析、處理好照片、淘寶店鋪各版本特點、普通店鋪裝修、淘寶旺鋪裝修。
《淘寶網店頁面設計、布局、配色、裝修一本通（第2版）》最大的特色是在介紹網店裝修知識的基礎上，融合了創意與色彩的運用技巧，並通過對實際案例的分析，幫助讀者了解商品頁面設計的趨勢，以及最流行的設計技術。《淘寶網店頁面設計、布局、配色、裝修一本通（第2版）》第1版自上市後廣受讀者好評，並取得了優異的銷售成績，此次升級更增加了眾多實用、符合當前形勢與潮流的新內容。
希望廣大讀者通過本書，打造出獨具特色的淘寶店鋪，在廣闊的淘寶家園裡開拓出自己的一片天地！
目錄
第1章網店裝修入門基礎..................................................................... 15
1.1網店裝修需要注意的問題........................................................16
1.1.1 什麼是網店裝修..................................................................16
1.1.2 為什麼要進行網店裝修......................................................16
1.1.3 新手店鋪裝修的誤區..........................................................18
1.2 網店裝修審美準則.....................................................................22
1.2.1 網店的風格..........................................................................22
1.2.2 網店審美的通用原則..........................................................22
1.3 網店裝修的一般流程.................................................................24
第2章網店頁面的元素與布局......................................................... 26
2.1 網店欄目和頁面設計策劃........................................................27
2.1.1 為什麼要進行策劃..............................................................27
2.1.2 網店的欄目策劃..................................................................27
2.1.3 網店的頁面策劃..................................................................29
2.2 網店布局的基本元素.................................................................30
2.3 頁面布局設計..............................................................................33
2.3.1 頁面布局原則......................................................................33
2.3.2 網店頁面內容的排版..........................................................36
3.1 網店導航設計..............................................................................39
3.1.1 導航設計的基本要求..........................................................39
3.1.2 導航的基礎要素..................................................................40
3.1.3 導航設計注意要點..............................................................40
3.2 頁面中的文字設計.....................................................................41
3.2.1 文字的字型、字號、行距..................................................41
3.2.2 文字的顏色..........................................................................41
3.2.3 文字的圖形化......................................................................43
3.2.4 讓文字易讀..........................................................................43
3.3 頁面中的圖片套用.....................................................................44
3.3.1 讓買家心動促成交易，商品圖片是關鍵..........................44
3.3.2 商品圖片的誠信原則..........................................................47
3.3.3 使用模特實拍，增加商品的直觀視覺效果......................48
3.4 讓按鈕更易點擊.........................................................................49
4.1 頁面設計創意思維.....................................................................51
4.1.1 什麼是創意..........................................................................51
4.1.2 創意思維的原則..................................................................51
4.1.3 創意的產生過程..................................................................54
4.2 常見的方法..................................................................................55
4.2.1 富於聯想..............................................................................55
4.2.2 巧用對比..............................................................................56
4.2.3 大膽誇張..............................................................................56
4.2.4 趣味幽默..............................................................................57
4.2.5 善用比喻..............................................................................57
4.2.6 以小見大..............................................................................57
4.2.7 偶像崇拜..............................................................................58
4.2.8 古典傳統..............................................................................59
4.2.9 流行時尚..............................................................................59
4.3 網店頁面風格..............................................................................60
4.3.1 大幅配圖..............................................................................60
4.3.2 面板風格..............................................................................62
4.3.3 三維風格..............................................................................62
4.3.4 書報風格..............................................................................63
第5章大型購物網店頁面設計分析..................................................................................... 64
5.1 人氣商品頁面分析.....................................................................65
5.1.1 銷售的不是商品，而是氛圍..............................................65
5.1.2 詳細展示商品......................................................................66
5.1.3 注意比商品更吸引眼球的要素..........................................67
5.1.4 以買家的語氣描述，從買家的視角設計..........................68
5.2 熱銷商品頁面設計理念............................................................69
5.2.1 頁面不是一味地加長，而是要生動有趣..........................69
5.2.2 自然引導顧客購買搭配商品..............................................70
5.2.3 通過圖片就可以了解商品實際大小..................................72
5.2.4 商品信息介紹準確詳細......................................................72
5.2.5 分享購買者的經驗..............................................................74
5.2.6 展示相關證書或證明..........................................................74
5.2.7 文字注意可讀性..................................................................76
第6章頁面色彩搭配基礎知識................................................................................ 77
6.1 色彩的原理...................................................................................78
6.2 色彩的分類..................................................................................78
6.2.1 無彩色..................................................................................78
6.2.2 有彩色..................................................................................81
6.3 色彩的三要素..............................................................................82
6.3.1 明度......................................................................................83
6.3.2 色相......................................................................................84
6.3.3 純度......................................................................................85
6.4 色彩對比.......................................................................................86
6.4.1 明度對比..............................................................................87
6.4.2 色相對比..............................................................................87
6.4.3 純度對比..............................................................................92
6.4.4 色彩的面積對比..................................................................93
6.4.5 色彩的冷暖對比..................................................................94
6.5 網店頁面色彩搭配方法............................................................96
6.6 主色、輔助色、點綴色............................................................98
6.6.1 主色可以決定整個店鋪風格..............................................99
6.6.2 輔助色對頁面有決定性效果............................................100
6.6.3 點綴色可營造獨特的頁面風格........................................101
第7章網店色調與配色..................................................................................... 102
7.1 紅色系的配色............................................................................103
7.1.1 紅色適合的配色方案........................................................103
7.1.2 適用紅色系的網店............................................................104
7.2 橙色系的配色 ..........................................................................105
7.2.1 橙色適合的配色方案........................................................105
7.2.2 適用橙色系的網店............................................................106
7.3 黃色系的配色............................................................................107
7.3.1 黃色適合的配色方案........................................................107
7.3.2 適用黃色系的網店............................................................108
7.4 紫色系的配色 ..........................................................................109
7.4.1 紫色適合的配色方案........................................................109
7.4.2 適用紫色系的網店............................................................110
7.5 綠色系的配色 .......................................................................... 111
7.5.1 綠色適合的配色方案........................................................ 111
7.5.2 適用綠色系的網店............................................................112
7.6 藍色系的配色 ..........................................................................113
7.6.1 藍色適合的配色方案........................................................113
7.6.2 適用藍色系的網店............................................................114
7.7 無彩色的配色............................................................................114
7.7.1 白色的網店........................................................................114
7.7.2 灰色系的網店....................................................................116
7.7.3 黑色的網店........................................................................117
第8章各行網店設計與配色案例解析..............................................................................118
8.1 女裝網店.....................................................................................119
8.1.1 女裝網店的經營特點........................................................119
8.1.2 頁面分析............................................................................120
8.1.3 網店配色講解....................................................................122
8.2 美容化妝網店............................................................................123
8.2.1 美容化妝網店的經營特點................................................124
8.2.2 頁面分析............................................................................126
8.2.3 網店配色講解....................................................................127
8.3 計算機數碼類產品網店..........................................................128
8.3.1 計算機數碼類產品網店的經營特點................................128
8.3.2 頁面分析............................................................................129
8.3.3 網店配色講解....................................................................131
8.4 家居日用品網店.......................................................................131
8.4.1 家居日用品網店的經營特點............................................131
8.4.2 頁面分析............................................................................132
8.4.3 網店配色講解....................................................................135
8.5 男性商品類網店.......................................................................135
8.5.1 男性商品類網店的經營特點............................................135
8.5.2 頁面分析............................................................................136
8.5.3 網店配色講解....................................................................137
8.6 珠寶飾品網店............................................................................137
8.6.1 珠寶飾品網店的經營特點................................................138
8.6.2 頁面分析............................................................................138
8.6.3 網店配色講解....................................................................141
8.7 箱包網店.....................................................................................141
8.7.1 箱包網店的經營特點........................................................141
8.7.2 頁面分析............................................................................142
8.7.3 網店配色講解....................................................................145
8.8 鞋類網店.....................................................................................145
8.8.1 鞋類網店的經營特點........................................................145
8.8.2 頁面分析............................................................................146
8.8.3 網店配色講解....................................................................148
8.9 童裝網店.....................................................................................148
8.9.1 童裝網店的經營特點........................................................148
8.9.2 頁面分析............................................................................149
8.9.3 網店配色講解....................................................................149
8.10 食品網店...................................................................................150
8.10.1 食品網店的經營特點......................................................150
8.10.2 頁面分析..........................................................................151
8.10.3 網店配色講解..................................................................152
第9章處理好照片，裝修有優勢........................................................................................ 153
9.1 簡單的照片處理........................................................................154
9.1.1 調整拍歪的照片................................................................154
9.1.2 縮小圖片............................................................................155
9.1.3 自由裁剪照片....................................................................157
9.1.4 將圖片調整為適合淘寶發布的尺寸................................159
9.2 調整照片效果............................................................................160
9.2.1 調整曝光不足的照片........................................................160
9.2.2 調整曝光過度的照片........................................................161
9.2.3 調整模糊的照片................................................................163
9.4.4 調整對比度突出照片主題................................................164
9.3 為照片添加水印和框線..........................................................168
9.3.1 為照片添加水印防止他人盜用........................................168
9.3.2 為照片添加相框提高商品檔次........................................170
9.4 照片特殊效果處理技法..........................................................172
9.4.1 把照片中的產品摳出來....................................................172
9.4.2 快速更換圖片的背景........................................................175
9.4.3 給寶貝圖片加圓角............................................................177
9.4.4 製作閃閃發亮的商品圖片................................................181
9.5 一次性處理大量產品圖片......................................................187
10.1 旺鋪介紹...................................................................................191
10.1.1 什麼是旺鋪......................................................................191
10.1.2 購買旺鋪..........................................................................191
10.2 普通店鋪...................................................................................192
10.2.1 普通店鋪的特點..............................................................192
10.2.2 可供裝修區域..................................................................193
10.3 旺鋪基礎版..............................................................................196
10.3.1 旺鋪基礎版的特點..........................................................196
10.3.2 可供裝修的區域..............................................................199
10.4 旺鋪專業版..............................................................................200
第11章普通店鋪裝修篇................................................................................... 204
11.1 店鋪計數器..............................................................................205
11.2 寶貝分類設計與設定.............................................................206
11.2.1 寶貝分類製作的注意事項..............................................206
11.2.2 製作寶貝分類圖片..........................................................207
11.2.3 上傳圖片並設定寶貝的分類..........................................209
11.3 公告區域的製作.....................................................................211
11.3.1 製作公告區時的注意事項..............................................211
11.3.2 製作精美的圖片公告......................................................212
11.3.3 在店鋪中套用圖片公告..................................................215
11.4 店標的設計與發布.................................................................219
11.4.1 什麼是網店的店標..........................................................219
11.4.2 店標設計的原則..............................................................220
11.4.3 店標製作的基本方法......................................................221
11.4.4 設計店鋪標誌..................................................................222
11.4.5 將店標發布到店鋪上......................................................226
12.1 製作個性店招..........................................................................228
12.1.1 店招製作的注意事項......................................................228
12.1.2 服裝店招設計實例..........................................................228
12.1.3 將店招套用到店鋪中......................................................231
12.2 巧妙製作寶貝促銷區.............................................................233
12.2.1 製作寶貝促銷區的注意事項..........................................233
12.2.2 寶貝促銷區的製作方法..................................................234
12.2.3 寶貝促銷區設計實例......................................................236
12.2.4 將寶貝促銷區套用到旺鋪中..........................................238
12.3 製作寶貝描述模板.................................................................241
12.3.1 寶貝描述模板的設計要求..............................................241
12.3.2 在Photoshop 中設計寶貝描述模板.................................242
12.3.3 將圖片切割為適合網頁套用的元素..............................246
12.3.4 使用Dreamweaver 生成網頁代碼....................................248
12.3.5 發布商品描述模板..........................................................251
12.4 視頻在店鋪裝修中的套用...................................................253
12.5 製作圖片輪播..........................................................................254
附錄A各行業網店色彩搭配...................................................257
附錄B配色形容詞色卡...................................................263
附錄C頁面安全色...................................................269
前言
中國網際網路經過10多年的發展，目 前網民規模已達6億人。淘寶網經過幾年的發展，從最初的星星之火，到目 前的紅紅火火，現今很多SOHO一族都把在淘寶網上經營網店作為一種職業追求，越來越多的人在網上開店。雖然網上店鋪很多，但是有相當一部分的銷售量非常少，少到幾天甚至半個月才能賣出一件商品，為什麼會這樣呢？除了推廣之外，還有一個重要的原因是店鋪的裝修設計方面不到位。對於網路店鋪來說，裝修更是店鋪興旺的制勝法寶。一般來說，經過裝修設計的網路店鋪特別能吸引網友的目光。裝修店鋪其實並不難，但是想要將店鋪裝修得十分精美卻不是一件簡單的事情。
在眾多淘寶書籍中，《淘寶網店頁面設計、布局、配色、裝修一本通》歷經兩年，仍然顯示出極大的生命力：2011年第1版重印了多次，不論是銷量，還是讀者的認可度，本書的成績斐然。兩年來本書在淘寶網、噹噹網、京東商城和各大新華書店銷售一直在同類書中名列前茅。雖然圖書一直銷售很好，不過淘寶網平台經歷了多次升級更新，為了保證書中內容的與時俱進，我們改版升級了本書。相對於第1版，首先，整書進行了更新，所有淘寶裝修操作頁面均為最新版，讀者跟著書上的操作就可以成功地將網店裝修好。此外，我們根據讀者的最關心的問題和淘寶的變化進行了部分的內容更新，力圖做到在新的平台下內容架構的系統和合理。
本書主要內容
目 前市場上雖然有一些網店裝修的書，但是大部分是只講述按鈕的設計、店標的設計、宣傳公告等設計。而本書卻是指引淘寶賣家怎樣根據自己所賣的商品去進行頁面設計布局、配色與裝修。翻開本書，你會發現本書並不是一本僅僅講解網店裝修的圖書，其中還有大量的關於創意、頁面布局、頁面視覺設計、頁面配色等方面的知識，可謂一書在手，網店設計裝修無憂。希望大家通過本書的學習，能打造一個獨具特色的淘寶店鋪，在廣闊的淘寶家園中開拓出自己的一片天地！
本書共12章，主要內容包括網店裝修入門基礎、網店頁面的元素與布局、網店頁面的視覺元素設計、網店頁面創意和風格、大型購物網店頁面設計分析、頁面色彩搭配知識、網店色調與配色、各行業網店設計與配色案例解析、淘寶店鋪各版本特點、普通店鋪與淘寶旺鋪的裝修等。
本書特色
● 一般的網店裝修圖書只講述了網店裝修技術的使用，如設計店標、設計分類按鈕、設計廣告欄，而網店裝修技術含量本身並不高，一般只需精通製圖軟體就可勝任。若要彰顯獨特個性，最重要的還是得有創意，需懂得靈感和色彩的運用，才能獲得穩定的客源。
● 暢銷圖書升級。原版圖書在淘寶網、噹噹網、京東商城和各大新華書店銷售一直在同類書中名列前茅，多次印刷。
● 圖文並茂，易於閱讀。全書每章都配有大量的圖例說明，並附以生動的文字講解，閱讀門檻低，無論是淘寶的新手還是老賣家都可以方便地閱讀。
●通過分析實際的設計案例，幫助大家了解商品頁面設計的趨勢，以及流行的設計技術。詳細講解了商品頁面的製作方法，讓您趕上最新的設計潮流，永不落伍。
●首先講述了網店裝修所需要的知識，接著講述了頁面的布局與視覺元素設計、頁面色彩搭配、圖片的處理、普通店鋪的裝修和旺鋪的裝修。
●作者具有多年的網店設計與裝修的經驗，曾設計了1000多家店鋪模板，總結開店過程中的經驗和技巧，涵蓋了開店過程中遇到的許多細節問題。
本書適合讀者
如果您想在網上開店、進行網上創業，如果您正在經營網店，想通過網店的整體包裝提升店鋪檔次、將生意做大做強，如果您是網店設計與網店裝修的專業人員，那么本書非常適合您。
本書的編者中既有擁有多年網店設計裝修經驗的人員，又有網頁設計與網站建設方面的人員。除了署名中的編者外，參加本書編寫工作的還有：郭海旺、孫東梅、鄧靜靜、李銀修、劉宇星、鄧方方、孫良軍、李曉民、何秀明、劉中華、何海霞、陳石送、徐洪峰、孫起雲、呂志彬等。由於作者水平有限，本書存在不足之處在所難免，歡迎廣大讀者批評指正。
編者
2014年1月
