1、網店裝潢復習 、什么是網店裝修、什么是網店裝修 網店裝修就是：在淘寶、易趣、拍拍等網店平臺允許的結構范圍內， 盡量通過圖片、程序模板等讓店鋪更加美觀。 注：“普通店鋪”結構很固定，只能做一點裝飾，功能性不強。“旺 鋪”自由度非常大，功能也很強，關鍵看自己的創意和技術。 思考： 網店裝修和實體店裝修的區別和聯系？ 、為什么要進行網店裝修、為什么要進行網店裝修 第一：新手基本上都沒有銷售信譽，拿什么讓買家相信你不是騙子呢？ 第二：經過裝修的網站會給買家留下一個好印象。 第三：網店商品雖然非常重要，但是絕對不能忽視裝修。 第四：好的裝修會增加顧客在網店停留的時間。 、為什么要進行網店裝修、為什么要進

2、行網店裝修 第一：新手基本上都沒有銷售信譽，拿什么讓買家相信你不是騙子呢？ 第二：經過裝修的網站會給買家留下一個好印象。 第三：網店商品雖然非常重要，但是絕對不能忽視裝修。 第四：好的裝修會增加顧客在網店停留的時間。 第二節第二節 網店布局的基本元素網店布局的基本元素 在一個完整的淘寶旺鋪中，網店頁面通常包括的元素有： 店招、公告、促銷欄、寶貝分類導航、寶貝展示區、寶貝 描述、計數器、歡迎歡送、聯系方式等。 店招：店招： 顧名思義，店招是一個店鋪的招牌。對于網店的店招來說，必須 是放在店鋪的最上方，用來說明經營項目，是招攬顧客的牌子。 店招首先應說明店鋪是經營什么的，有什么特色使顧客必須在這

3、里停留，同時還要注意店招太小，不能做短了，否則會顯示得既不專 業又不協調。 公告欄公告欄 它是每家店鋪必備的欄目。是用來向買家展示自己店鋪里有什么新品、新優惠 政策的絕佳平臺，同時也是買家獲取店鋪信息的重要渠道。 促銷欄促銷欄 促銷欄的長度一般是750像素左右，高度沒有限制，這里比店招有更重要的廣 告價值。促銷欄通常越大越好，但高度不能太高，其中的內容要有動感，給 顧客一種像在看電視的感覺，內容也不要過于單一。動態的內容最好置于整 個促銷欄的左上方，因為這里正處在顧客視野的正中央，最容易引起注意。 寶貝分類導航寶貝分類導航 這也是每個店鋪都有的。在建立目錄時應遵循一些原則，比如說 按照字母順序

4、來排列產品分類，并在頂上加以注解，這樣就會更人性 化，節省顧客搜尋所需寶貝的時間。 店鋪類目的裝修是重中之重。在店鋪類目中，不僅可以很方便地 利用各種圖片來展示商品分類，還可以通過圖片及圖片上的文字來表 達的任何內容。 注：店鋪分類的顏色、圖案和文字最好與店招注：店鋪分類的顏色、圖案和文字最好與店招 有一定的呼應，這樣在整體上會有一種連續性和協調感。有一定的呼應，這樣在整體上會有一種連續性和協調感。 寶貝描述寶貝描述 該內容是在買家對產品有興趣之后，點擊進入后看到的頁面。這 里對大家來說可操作的內容是最多的，需要注意的是要使描述具有層 次性，條理清楚，各個部分經歷獨立。 計數器計數器 計數器不

5、是必備的，但是，它能使賣家更好地揣摩買家的心思。 如果店鋪人氣很高，買家看到他中意的東西之后又看到人氣這么旺， 肯定是保質保量，并且售后可能也不會很差，于是就留下一個很好的 印象，非常有利于成交。 注：通常可以添加計數器的地方：公告欄、分類導航欄、描述模板。注：通常可以添加計數器的地方：公告欄、分類導航欄、描述模板。 聯系方式聯系方式 對于旺鋪來說，聯系方式最好放在促銷模板的右下角，因為人們 的習慣通常都是把署名、聯系方式、日期等放在右下角。 在描述模板的頂端或底端也都可以添加聯系方式。對于普通店鋪 來說，聯系方式可以放在公告欄或者分類的頂端。 版面布局設計原則版面布局設計原則 a 主次分明，

6、中心突出主次分明，中心突出 在一個頁面上，必須考慮視覺的中心，這個中心一般在屏幕的中央，或 者在中間偏上的部位。因此，一些重要的商品一般可以安排在這個部位，在 視覺中心以外的地方就可以安排那些稍微次要的內容，這樣在頁面上就突出 了重點，做到主次有別。 b 大小搭配、喜歡呼應大小搭配、喜歡呼應 對待商品展示的多個圖片的安排要互相錯開，使大小圖像之間有 一定的間隔，這樣可以使頁面錯落有致，避免重心偏離。 c 頁面布局時的一些元素頁面布局時的一些元素 格式美觀的正文、和諧的色彩搭配、較好的對比度、具有較強可讀性的 文字、生動的背景圖案、大小適中的頁面元素、布局勻稱、不同元素之間有 足夠空白、各元素之

7、間保持平衡、文字準確無誤、無錯別字、無拼寫錯誤。 d 文本和背景的色彩文本和背景的色彩 考慮到大多數人使用256色顯示模式，因此一個頁面顯示的顏色不宜過多， 主題顏色通常只需要23種，并采用一種標準色。 e 簡潔一致性簡潔一致性 保持簡潔的常用做法是使用醒目的標題，這個標題常常采用圖形表示， 但圖形同樣要求簡潔，另一種保持簡潔的做法是限制所用字體和顏色的數目。 要保持一致性，各個頁面文本、主要圖形、標題或符號旁邊留下相同的空白。 一、網店導航設計一、網店導航設計 網店的導航是網店內容架構的體現，是否合理是網店易用性評 價的重要指標之一。正確的網店導航要做到便于瀏覽者的理解和使用， 讓瀏覽無論進

8、入網店的哪一頁，都很清楚自己所在的位置，很容易返 回網店首頁。 常見的有幾種導航：圖片導航、按鈕導航、文字導航等。 （一）導航設計的基本要求（一）導航設計的基本要求 明確性：明確性： 無論采用哪種導航策略，導航的設計應該明確，讓瀏覽者能一 目了然。具體表現為：讓瀏覽者明確店鋪的主要商品范圍；讓瀏覽者 清楚的了解自己所處的位置等。只有明確的導航才能真正發揮“引導” 的作用，引導瀏覽者找到所需的信息。 可理解性：可理解性： 導航對于瀏覽者應該是易于理解的。在表達形式上，要使用清楚 簡潔的按鈕、圖片或文本，避免使用無效字句。 完整性：完整性： 是要求網店所提供的導航具體、完整，可以讓瀏覽者獲得整個網

9、 店范圍內的領域性導航，能涉及網店中全部的信息及其關系。 咨詢性：咨詢性： 導航應該能給買家提供咨詢信息，它如同問詢處、咨詢部，當 瀏覽者有需要的時候，能為使用者提供導航。 易用性易用性 導航系統應該容易進入，同時也要容易推出當前頁面，或者使 用者以簡單的方式跳轉到想要的去的頁面。 二、頁面中的文字設計二、頁面中的文字設計 在確定頁面的版面和布局后，還需要確定文本的樣式，如字體、 顏色、字號等，還可以將文字圖形化。 （一）（一）文字的字體、字號、行距文字的字體、字號、行距 頁面中中文默認的標準字體是“宋體宋體”，如果在頁面中沒有設 置任何字體，在瀏覽器中將以這種字體顯示。 字號大小可以使用磅（

10、point）或像素（pixel）來確定。一般頁面 常用的字號大小為12磅左右。較大的字體可用標題或其他需要強調的 地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字 號字體容易產生整體感和精致感，但可讀性差。 （二）（二）文字的顏色文字的顏色 顏色的運用除了能夠起到強調整體文字中特殊部分的作用外，對 于整體文案的情感表達也會產生影響。 另外需要注意的是文字顏色的對比度，它包括明度上的對比、純度上 的對比，以及冷暖的對比。這些不僅對文字的可讀性發生作用，更重 要的是，可以通過對顏色的運用實現想要的設計效果、設計情感和設 計思想。 （三）（三）文字的圖形化文字的圖形化 所謂文字的圖形化，

11、即把文字作為圖形元素來表現，同時又強化 了原有的功能。 將文字圖形化，以更富創意的形式表達出深層的設計思想，能夠克服 頁面的單調與平淡，從而打動人心。 （四）（四）讓文字易讀讓文字易讀 正確的文字和配色方案是好的視覺設計的基礎。網店上的文字受 屏幕分辨率和瀏覽器的限制，但仍有一些通用的準則： 文字清晰可讀，大小合適，文字顏色和色背景色有較強的對比度，文 字周圍的設計元素不能對文字造成干擾。 常見的創意方法 富于聯想 巧用對比 大膽夸張-某印刷公司廣告除鈔票外，承印一切 趣味幽默 善用比喻 以小見大 偶像崇拜 古典傳統 流行時尚 網店頁面風格 風格是指藝術上獨特的格調，或某一時期流行的一種藝術

12、形式。 網店風格：匯聚了頁面視覺元素的統一外觀，用于傳遞企 業文化信息。 好的風格的好處？ 大幅配圖 面板風格 三維風格 書報風格 色彩的分類 無彩色和有彩色。 無彩色：即是黑色、白色及二者按不同比例混合 所得到的深淺各異的灰色系列。 在光譜上見不到這3個色，不包括在可見光譜中， 所以稱為無彩色。 無彩色 黑色是最基本和最簡單的搭配，白字黑底 或者黑字白底都非常清晰簡明。 灰色是中性色，可以和任何色彩打配，也 可以幫助兩種對立的色彩實現和諧過渡。 有彩色 有彩色是指可見光譜中的紅、黃、藍、綠、青、 藍、紫7種基本色及其混合色，即視覺能夠感受到 的某種單色光特征。 我們看到的就是有彩色系列，這些

13、色彩往往給人 以相對的、易變的、抽象的心理感受。有彩色是 由光的波長和振幅決定的，波長決定色相，振幅 決定色調。 有彩色 三原色：紅、綠、藍 橙色系的配色 橙色的波長位于紅色和黃色之間，橙色是 十分活潑的光輝色彩，是最暖的色彩。 給人以華貴而溫暖，興奮而熱烈的感覺， 也是令人振奮的顏色，具有健康、富有活 力、勇敢自由等象征意義，能給人帶來莊 嚴、尊貴、神秘等感覺。 適用橙色系的網站 橙色和很多事物的顏色類似，例如橙子、面包、 油炸類食品，是很容易引起食欲的色彩，如果是 以這類食物為主的店鋪，橙色是最適合的色彩了。 橙色是積極活躍的色彩，橙色的主色調適用范圍 較為廣泛，除了食品外，家居用品、時尚

14、品牌、 運動、兒童玩具類的網店都很適合橙色系。 綠色系的配色 在商業設計中，綠色所傳達的是清爽、理 想、希望、生長的意向，符合服務業、衛 生保健業、教育行業、農業的要求。 適合綠色系的網店 綠色通常與環保意識有關，也經常被聯想 到有關健康方面的事物。 它本身具有一定的與自然、健康相關的感 覺，所以經常用于與自然、健康相關的網 店，綠色還經常用于一些生態產品、護膚 品、兒童商品或旅游網店。 藍色系的配色 藍色給人以沉穩的感覺，具有深遠、永恒、 沉靜、博大、理智、誠實、寒冷的意象， 同時藍色還能夠表現出和平、淡雅、潔凈、 可靠等。 在商業設計中強調科技、商務的形象，大 都選用藍色當標準色。 適合藍色系的網店 深藍色是沉穩的且較常用的色調，能給人 沉穩、冷靜、嚴謹、成熟的心理感受。 它主要用于營造安穩、可靠、略帶有神秘 色彩的氛圍。 藍色具有智慧、科技的含義。因此數碼產 品、科技類產品、家電類網店很適合藍色 系。 藍色很容易使人想起水、海洋、天空等自 然界事物，因此也常用在旅游類的頁面中。 計算機數碼類產品 計算機數