淘寶分類(lèi)導(dǎo)航設(shè)計(jì)

移動(dòng)商務(wù)視覺(jué)設(shè)計(jì)1導(dǎo)航所傳遞的信息2分類(lèi)導(dǎo)航的制作與設(shè)置任務(wù)六分類(lèi)導(dǎo)航設(shè)計(jì)項(xiàng)目三移動(dòng)界面布局設(shè)計(jì)分類(lèi)是把商品按照固有屬性、適用人群、使用場(chǎng)景等作為區(qū)分標(biāo)準(zhǔn)，把符合統(tǒng)一標(biāo)準(zhǔn)的商品歸類(lèi)，提高查找商品效率的一種手段。人們?cè)诰€(xiàn)下購(gòu)物的方式餐飲文體用品箱包男裝女裝化妝品百貨商場(chǎng)1樓2樓3樓4樓5樓分類(lèi)查找商品分類(lèi)導(dǎo)航始終是用戶(hù)查找商品的一個(gè)重要入口如何更高效地利用分類(lèi)導(dǎo)航帶來(lái)更多的成交，這是在電商app設(shè)計(jì)中不可忽略的一個(gè)課題。90%的用戶(hù)會(huì)通過(guò)類(lèi)目去查找商品通過(guò)類(lèi)目導(dǎo)航查找搜索路徑天貓買(mǎi)一些零食吃？？導(dǎo)航所傳遞的信息1導(dǎo)航所傳遞的信息導(dǎo)航所傳遞的信息店鋪導(dǎo)航區(qū)域，每一個(gè)鏈接都可以訪問(wèn)一個(gè)完整的頁(yè)面。頁(yè)面可以是賣(mài)家自定義編輯的頁(yè)面，也可以是通過(guò)淘寶所提供的固定選項(xiàng)進(jìn)行顯示?？蛻?hù)在訪問(wèn)頁(yè)面時(shí)，都是無(wú)規(guī)則的，所以店鋪導(dǎo)航需要更主動(dòng)地幫助客戶(hù)提煉店鋪信息，提高客戶(hù)訪問(wèn)效率，增加訂單成交率。導(dǎo)航所傳遞的信息加深新客戶(hù)印象1平衡老客戶(hù)需求2突出易用的主題3三種功能分類(lèi)導(dǎo)航的制作與設(shè)置2分類(lèi)導(dǎo)航的制作與設(shè)置分類(lèi)導(dǎo)航的制作與設(shè)置小狗先生萌萌文具店作為初建店鋪，還未累積到忠實(shí)的老客戶(hù)，所以在分類(lèi)導(dǎo)航設(shè)置時(shí)注重加深新客戶(hù)印象以及突出易用的主題，并結(jié)合平臺(tái)12.12活動(dòng)推薦新品，具體設(shè)計(jì)的內(nèi)容包括：12.12萌貨上新人氣商品日常の本本便利の包包日常文具分類(lèi)導(dǎo)航制作進(jìn)入賣(mài)家中心“店鋪裝修”模塊，在“頁(yè)面編輯”界面下的導(dǎo)航模塊點(diǎn)擊“編輯”按鈕，進(jìn)入導(dǎo)航編輯頁(yè)面。導(dǎo)航編輯分為“導(dǎo)航設(shè)置”和“顯示設(shè)置”兩種類(lèi)型。在“導(dǎo)航設(shè)置”界面下，點(diǎn)擊“添加”按鈕進(jìn)入“添加導(dǎo)航內(nèi)容”界面，添加導(dǎo)航內(nèi)容有三種類(lèi)型，分別是“寶貝分類(lèi)”、“頁(yè)面”和“自定義鏈接”。分類(lèi)導(dǎo)航制作1.“寶貝分類(lèi)”設(shè)置方法

根據(jù)店鋪已有的分類(lèi)，選擇需要添加的分類(lèi)設(shè)置在導(dǎo)航模塊，確認(rèn)無(wú)誤后，點(diǎn)擊“確認(rèn)”按鈕保存，點(diǎn)擊“預(yù)覽”可以查看修改后的導(dǎo)航模塊。寶貝分類(lèi)設(shè)置方法展示導(dǎo)航首頁(yè)預(yù)覽分類(lèi)導(dǎo)航制作2.“頁(yè)面”設(shè)置方法點(diǎn)擊“頁(yè)面”按鈕，進(jìn)入設(shè)置界面，然后“點(diǎn)擊創(chuàng)建”鏈接進(jìn)入“新建頁(yè)面”，進(jìn)行頁(yè)面創(chuàng)建。選擇需要的頁(yè)面類(lèi)型，設(shè)置頁(yè)面名稱(chēng)，選擇頁(yè)面展示類(lèi)型，最后保存頁(yè)面。返回“頁(yè)面”，選擇剛才添加完成的頁(yè)面，點(diǎn)擊保存，在店鋪首頁(yè)導(dǎo)航模塊，就可以看到新添加的頁(yè)面。創(chuàng)建新頁(yè)面分類(lèi)導(dǎo)航制作

3.“自定義鏈接”設(shè)置方法自定義鏈接的設(shè)置比較簡(jiǎn)單，只需要填寫(xiě)“鏈接名稱(chēng)”、“鏈接地址”即可。需要注意的是，添加的鏈接只能填寫(xiě)淘寶網(wǎng)內(nèi)部鏈接。添加完成所需要的分類(lèi)、頁(yè)面后，可以在“導(dǎo)航設(shè)置”界面，上下移動(dòng)或刪除所添加的分類(lèi)和頁(yè)面。利用CSS代碼設(shè)計(jì)制作CSS也叫層疊樣式表單，是用于（增強(qiáng)）控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言店鋪導(dǎo)航開(kāi)放CSS設(shè)定，讓賣(mài)家通過(guò)CSS設(shè)定讓導(dǎo)航展現(xiàn)的更加豐富自定義。店鋪后臺(tái)可以使用CSS改變導(dǎo)航顏色和樣式，只需在在導(dǎo)航設(shè)置中，點(diǎn)擊“顯示設(shè)置”，將CSS代碼添加進(jìn)入即可。利用CSS代碼設(shè)置導(dǎo)航店鋪首頁(yè)導(dǎo)航展示利用CSS代碼設(shè)計(jì)制作√首頁(yè)/店鋪動(dòng)態(tài)文字顏色.skin-box-bd.menu-list.menu.title{color:#ff0000}√所有分類(lèi)背景色.all-cats.link{background:nonerepeatscroll00#00ad08;}√所有分類(lèi)右邊線(xiàn).all-cats.link{border-right:1px#006205solid;}√所有分類(lèi)文字顏色.skin-box-bd.all-cats.title{color:#ff0000}利用CSS代碼設(shè)計(jì)制作CSS代碼樣式參考√導(dǎo)航條背景色.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}√首頁(yè)/店鋪動(dòng)態(tài)背景色.skin-box-bd.menu-list.link{background:nonerepeatscroll00