網(wǎng)店裝潢復(fù)習(xí)

1、網(wǎng)店裝潢復(fù)習(xí) 、什么是網(wǎng)店裝修、什么是網(wǎng)店裝修 網(wǎng)店裝修就是：在淘寶、易趣、拍拍等網(wǎng)店平臺(tái)允許的結(jié)構(gòu)范圍內(nèi)， 盡量通過圖片、程序模板等讓店鋪更加美觀。 注：“普通店鋪”結(jié)構(gòu)很固定，只能做一點(diǎn)裝飾，功能性不強(qiáng)?！巴?鋪”自由度非常大，功能也很強(qiáng)，關(guān)鍵看自己的創(chuàng)意和技術(shù)。 思考： 網(wǎng)店裝修和實(shí)體店裝修的區(qū)別和聯(lián)系？ 、為什么要進(jìn)行網(wǎng)店裝修、為什么要進(jìn)行網(wǎng)店裝修 第一：新手基本上都沒有銷售信譽(yù)，拿什么讓買家相信你不是騙子呢？ 第二：經(jīng)過裝修的網(wǎng)站會(huì)給買家留下一個(gè)好印象。 第三：網(wǎng)店商品雖然非常重要，但是絕對(duì)不能忽視裝修。 第四：好的裝修會(huì)增加顧客在網(wǎng)店停留的時(shí)間。 、為什么要進(jìn)行網(wǎng)店裝修、為什么要進(jìn)

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

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

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

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

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

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

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

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

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

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

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

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

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