網(wǎng)店裝潢復(fù)習(xí)_第1頁
網(wǎng)店裝潢復(fù)習(xí)_第2頁
網(wǎng)店裝潢復(fù)習(xí)_第3頁
網(wǎng)店裝潢復(fù)習(xí)_第4頁
網(wǎng)店裝潢復(fù)習(xí)_第5頁
已閱讀5頁,還剩39頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、網(wǎng)店裝潢復(fù)習(xí)、什么是網(wǎng)店裝修、什么是網(wǎng)店裝修網(wǎng)店裝修就是:在淘寶、易趣、拍拍等網(wǎng)店平臺允許的結(jié)構(gòu)范圍內(nèi),盡量通過圖片、程序模板等讓店鋪更加美觀。注:“普通店鋪”結(jié)構(gòu)很固定,只能做一點(diǎn)裝飾,功能性不強(qiáng)?!巴仭弊杂啥确浅4?,功能也很強(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)站會給買家留下一個(gè)好印象。第三:網(wǎng)店商品雖然非常重要,但是絕對不能忽視裝修。第四:好的裝修會增加顧客在網(wǎng)店停留的時(shí)間。、為什么要進(jìn)行網(wǎng)店裝修、為什么要進(jìn)行網(wǎng)店裝修第一:新手基本上

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

3、否則會顯示得既不專業(yè)又不協(xié)調(diào)。 公告欄公告欄 它是每家店鋪必備的欄目。是用來向買家展示自己店鋪里有什么新品、新優(yōu)惠政策的絕佳平臺,同時(shí)也是買家獲取店鋪信息的重要渠道。促銷欄促銷欄 促銷欄的長度一般是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)遵循一些原則,比如說按照字母順序來排列產(chǎn)品分類,并在頂上加以注解,這樣就會更人性化,節(jié)省

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

5、看到他中意的東西之后又看到人氣這么旺,肯定是保質(zhì)保量,并且售后可能也不會很差,于是就留下一個(gè)很好的印象,非常有利于成交。 注:通??梢蕴砑佑?jì)數(shù)器的地方:公告欄、分類導(dǎo)航欄、描述模板。注:通常可以添加計(jì)數(shù)器的地方:公告欄、分類導(dǎo)航欄、描述模板。 聯(lián)系方式聯(lián)系方式 對于旺鋪來說,聯(lián)系方式最好放在促銷模板的右下角,因?yàn)槿藗兊牧?xí)慣通常都是把署名、聯(lián)系方式、日期等放在右下角。 在描述模板的頂端或底端也都可以添加聯(lián)系方式。對于普通店鋪來說,聯(lián)系方式可以放在公告欄或者分類的頂端。版面布局設(shè)計(jì)原則版面布局設(shè)計(jì)原則a 主次分明,中心突出主次分明,中心突出 在一個(gè)頁面上,必須考慮視覺的中心,這個(gè)中心一般在屏幕的中

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

7、使用256色顯示模式,因此一個(gè)頁面顯示的顏色不宜過多,主題顏色通常只需要23種,并采用一種標(biāo)準(zhǔn)色。e 簡潔一致性簡潔一致性 保持簡潔的常用做法是使用醒目的標(biāo)題,這個(gè)標(biāo)題常常采用圖形表示,但圖形同樣要求簡潔,另一種保持簡潔的做法是限制所用字體和顏色的數(shù)目。要保持一致性,各個(gè)頁面文本、主要圖形、標(biā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)店易用性評價(jià)的重要指標(biāo)之一。正確的網(wǎng)店導(dǎo)航要做到便于瀏覽者的理解和使用,讓瀏覽無論進(jìn)入網(wǎng)店的哪一頁,都很清楚自己所在的位置,很容易返回網(wǎng)店首頁。 常見的有幾種導(dǎo)航:圖片導(dǎo)航、按鈕導(dǎo)航、文字導(dǎo)航等。 (

8、一)導(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)航對于瀏覽者應(yīng)該是易于理解的。在表達(dá)形式上,要使用清楚簡潔的按鈕、圖片或文本,避免使用無效字句。完整性:完整性: 是要求網(wǎng)店所提供的導(dǎo)航具體、完整,可以讓瀏覽者獲得整個(gè)網(wǎng)店范圍內(nèi)的領(lǐng)域性導(dǎo)航,能涉及網(wǎng)店中全部的信息及其關(guān)系。 咨詢性:咨詢性: 導(dǎo)航應(yīng)該能給買家提供咨詢信息,它如同問詢處、咨詢部,當(dāng)瀏

9、覽者有需要的時(shí)候,能為使用者提供導(dǎo)航。易用性易用性 導(dǎo)航系統(tǒng)應(yīng)該容易進(jìn)入,同時(shí)也要容易推出當(dāng)前頁面,或者使用者以簡單的方式跳轉(zhuǎn)到想要的去的頁面。 二、頁面中的文字設(shè)計(jì)二、頁面中的文字設(shè)計(jì) 在確定頁面的版面和布局后,還需要確定文本的樣式,如字體、顏色、字號等,還可以將文字圖形化。 (一)(一)文字的字體、字號、行距文字的字體、字號、行距 頁面中中文默認(rèn)的標(biāo)準(zhǔn)字體是“宋體宋體”,如果在頁面中沒有設(shè)置任何字體,在瀏覽器中將以這種字體顯示。 字號大小可以使用磅(point)或像素(pixel)來確定。一般頁面常用的字號大小為12磅左右。較大的字體可用標(biāo)題或其他需要強(qiáng)調(diào)的地方,小一些的字體可以用于頁腳和

10、輔助信息。需要注意的是,小字號字體容易產(chǎn)生整體感和精致感,但可讀性差。 (二)(二)文字的顏色文字的顏色 顏色的運(yùn)用除了能夠起到強(qiáng)調(diào)整體文字中特殊部分的作用外,對于整體文案的情感表達(dá)也會產(chǎn)生影響。 另外需要注意的是文字顏色的對比度,它包括明度上的對比、純度上的對比,以及冷暖的對比。這些不僅對文字的可讀性發(fā)生作用,更重要的是,可以通過對顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。(三)(三)文字的圖形化文字的圖形化 所謂文字的圖形化,即把文字作為圖形元素來表現(xiàn),同時(shí)又強(qiáng)化了原有的功能。 將文字圖形化,以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想,能夠克服頁面的單調(diào)與平淡,從而打動(dòng)人心。(四)(四)

11、讓文字易讀讓文字易讀 正確的文字和配色方案是好的視覺設(shè)計(jì)的基礎(chǔ)。網(wǎng)店上的文字受屏幕分辨率和瀏覽器的限制,但仍有一些通用的準(zhǔn)則: 文字清晰可讀,大小合適,文字顏色和色背景色有較強(qiáng)的對比度,文字周圍的設(shè)計(jì)元素不能對文字造成干擾。常見的創(chuàng)意方法 富于聯(lián)想 巧用對比 大膽夸張-某印刷公司廣告除鈔票外,承印一切 趣味幽默 善用比喻 以小見大 偶像崇拜 古典傳統(tǒng) 流行時(shí)尚網(wǎng)店頁面風(fēng)格 風(fēng)格是指藝術(shù)上獨(dú)特的格調(diào),或某一時(shí)期流行的一種藝術(shù)形式。 網(wǎng)店風(fēng)格:匯聚了頁面視覺元素的統(tǒng)一外觀,用于傳遞企業(yè)文化信息。 好的風(fēng)格的好處?大幅配圖面板風(fēng)格三維風(fēng)格書報(bào)風(fēng)格色彩的分類 無彩色和有彩色。 無彩色:即是黑色、白色及

12、二者按不同比例混合所得到的深淺各異的灰色系列。 在光譜上見不到這3個(gè)色,不包括在可見光譜中,所以稱為無彩色。無彩色 黑色是最基本和最簡單的搭配,白字黑底或者黑字白底都非常清晰簡明。 灰色是中性色,可以和任何色彩打配,也可以幫助兩種對立的色彩實(shí)現(xiàn)和諧過渡。有彩色 有彩色是指可見光譜中的紅、黃、藍(lán)、綠、青、藍(lán)、紫7種基本色及其混合色,即視覺能夠感受到的某種單色光特征。 我們看到的就是有彩色系列,這些色彩往往給人以相對的、易變的、抽象的心理感受。有彩色是由光的波長和振幅決定的,波長決定色相,振幅決定色調(diào)。有彩色 三原色:紅、綠、藍(lán)橙色系的配色 橙色的波長位于紅色和黃色之間,橙色是十分活潑的光輝色彩,

13、是最暖的色彩。 給人以華貴而溫暖,興奮而熱烈的感覺,也是令人振奮的顏色,具有健康、富有活力、勇敢自由等象征意義,能給人帶來莊嚴(yán)、尊貴、神秘等感覺。適用橙色系的網(wǎng)站 橙色和很多事物的顏色類似,例如橙子、面包、油炸類食品,是很容易引起食欲的色彩,如果是以這類食物為主的店鋪,橙色是最適合的色彩了。 橙色是積極活躍的色彩,橙色的主色調(diào)適用范圍較為廣泛,除了食品外,家居用品、時(shí)尚品牌、運(yùn)動(dòng)、兒童玩具類的網(wǎng)店都很適合橙色系。綠色系的配色 在商業(yè)設(shè)計(jì)中,綠色所傳達(dá)的是清爽、理想、希望、生長的意向,符合服務(wù)業(yè)、衛(wèi)生保健業(yè)、教育行業(yè)、農(nóng)業(yè)的要求。適合綠色系的網(wǎng)店 綠色通常與環(huán)保意識有關(guān),也經(jīng)常被聯(lián)想到有關(guān)健康方

14、面的事物。 它本身具有一定的與自然、健康相關(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ì)算

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論