學(xué)習(xí)單元十-普通版店鋪裝修任務(wù)一張面布局管理.課件

1、店鋪裝修整頁設(shè)計(jì)授課教師：姓名移動商務(wù)視覺設(shè)計(jì)Contents任務(wù)一 頁面布局管理任務(wù)二 店招設(shè)計(jì)任務(wù)三促銷區(qū)圖片設(shè)計(jì)任務(wù)四公告設(shè)計(jì)任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.頁面布局管理1.1 認(rèn)識淘寶店鋪和頁面布局管理認(rèn)識淘寶店鋪店鋪介紹店標(biāo)公告掌柜推薦分類任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.1 認(rèn)識淘寶店鋪和頁面布局管理頁面布局管理普通版店鋪頁頭 淘寶普通版店鋪頁頭可以包含以下幾個(gè)預(yù)置的基礎(chǔ)模塊，它們分別是：自定義區(qū)、flash模塊區(qū)、店招、和搜索條，組成自定義布局，具體放置什么模塊，都隨賣家自由添加或刪除。任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.1 認(rèn)識淘寶店鋪和頁面布局管理頁面布局管理通常淘寶普通版店鋪的頁頭是由

2、兩部分完成的，包括店鋪的LOGO和店鋪的自定義布局。 LOGO+店招+雙導(dǎo)航任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.1 認(rèn)識淘寶店鋪和頁面布局管理頁面布局管理LOGO+包含導(dǎo)航的店招店招+自定義區(qū)（導(dǎo)航）任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.1 認(rèn)識淘寶店鋪和頁面布局管理頁面布局管理LOGO+自定義區(qū)（導(dǎo)航）LOGO+搜索條LOGO+包含導(dǎo)航的自定義區(qū)任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.2 頁面布局管理設(shè)置淘寶普通版店鋪頁頭的使用方法及步驟首先，可以從賣家個(gè)人中心頁面，點(diǎn)擊進(jìn)入店鋪裝修任務(wù)1 淘寶普通版整頁設(shè)計(jì) 或者點(diǎn)擊“布局管理”進(jìn)行相關(guān)操作，在“布局管理”界面中，也可以進(jìn)行添加/刪除模塊的相關(guān)操作。 同時(shí)，還可以

3、在布局模塊管理界面中添加自定義的內(nèi)容，最后點(diǎn)擊保存即可。淘寶普通版店鋪頁頭的使用方法及步驟1.2 頁面布局管理設(shè)置任務(wù)1 淘寶普通版整頁設(shè)計(jì)頁面布局管理1.2 頁面布局管理設(shè)置淘寶普通版店鋪頁尾 通常，淘寶賣家總以為頁頭的展示很重要，卻往往忽視了店鋪頁尾的設(shè)計(jì)。需要注意的是，頁尾是一個(gè)公用的固定區(qū)域，設(shè)置好會出現(xiàn)在店鋪的每一個(gè)頁面。這就要求賣家要對這個(gè)區(qū)域進(jìn)行細(xì)致的設(shè)計(jì)。淘寶店鋪普通版的頁尾其實(shí)就是一個(gè)自定義區(qū) ，沒有預(yù)置的模塊。需要賣家進(jìn)行自行填充相關(guān)圖文或代碼任務(wù)1 淘寶普通版整頁設(shè)計(jì)頁面布局管理店鋪底部導(dǎo)航/返回首頁1.2 頁面布局管理設(shè)置在線客服展示店鋪頁尾利用任務(wù)1 淘寶普通版整頁設(shè)

4、計(jì)頁面布局管理發(fā)貨須知友情鏈接的展示1.2 頁面布局管理設(shè)置任務(wù)1 淘寶普通版整頁設(shè)計(jì)頁面布局管理店鋪信息/買家必讀相關(guān)內(nèi)容的展示其他信息內(nèi)容展示1.2 頁面布局管理設(shè)置任務(wù)1 淘寶普通版整頁設(shè)計(jì)淘寶普通版尾頁的設(shè)置步驟1.2 頁面布局管理設(shè)置從賣家個(gè)人中心頁面，點(diǎn)擊進(jìn)入店鋪裝修頁面。然后打開此頁面便是自定義區(qū)，可以根據(jù)自助需求進(jìn)行設(shè)置，最后進(jìn)行保存。任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.3 淘寶普通版店鋪主體頁面弊端：信息在文字排列不整齊、文字表達(dá)混亂、顏色混亂優(yōu)勢：頂部導(dǎo)航部分信息很清晰、細(xì)節(jié)分明弊端：信息量少優(yōu)勢：細(xì)節(jié)全面弊端：主次不明、信息量過繁重任務(wù)1 淘寶普通版整頁設(shè)計(jì)如何造就好店鋪？1.

5、3 淘寶普通版店鋪主體頁面1）盡量使模塊布局清晰布局是否清晰明了，對于設(shè)計(jì)能否讓用戶感覺簡單實(shí)在太重要了。布局簡約，不是簡簡單單地削減圖形和文字，而是要重新思考重要內(nèi)容的順序，對模塊進(jìn)行組織和分塊。通常賣家會利用不可見的網(wǎng)格來對齊模塊中的元素，這是吸引用戶注意力的一種有效方式。任務(wù)1 淘寶普通版整頁設(shè)計(jì)2）使頁面設(shè)計(jì)風(fēng)格明確1.3 淘寶普通版店鋪主體頁面如何造就好店鋪？淘寶中一些做得相對比較好的店鋪，如Only、可可尼、七格格等店鋪，呈現(xiàn)在眼前的往往是醒目的店標(biāo)、清晰的導(dǎo)航以及一張做得非常精致，視覺沖擊力比較強(qiáng)的焦點(diǎn)圖。這一部分十分重要，是整個(gè)頁面風(fēng)格的風(fēng)向標(biāo)。任務(wù)1 淘寶普通版整頁設(shè)計(jì)1.3 淘寶普通版店鋪主體頁面如何造就好店鋪？3）使頁面細(xì)節(jié)統(tǒng)一頁面之中有很多元素，元素過多意味著人們必須處理的信息變多了，很難把注意力集中到真正重要的內(nèi)容上了。所以賣家要盡量保持同樣的元素細(xì)節(jié)統(tǒng)一，如：頁面按鈕及鏈接有著統(tǒng)一的樣式，頁面的模塊背景有著相似的細(xì)節(jié)紋理，這樣的頁面往往會讓用戶在瀏覽的過程中感