分類(lèi)頁(yè)面
回顧一下站點(diǎn)地圖,我們需要定義8個(gè)分類(lèi)頁(yè)面,我們將遵循和制作首頁(yè)線框圖相同的過(guò)程來(lái)創(chuàng)建。昆明網(wǎng)站建設(shè)小編認(rèn)為先創(chuàng)建一個(gè)比較粗糙的線框圖,然后在與客戶和助手一起提煉分類(lèi)頁(yè)的細(xì)節(jié)。
不過(guò),分類(lèi)頁(yè)的設(shè)計(jì)與首頁(yè)有很大區(qū)別:因?yàn)橛?個(gè)不同的分類(lèi),其中7個(gè)是商品分類(lèi),1個(gè)是視頻分類(lèi),我們要仔細(xì)考慮它們的工作模式。如果愿意的話,我們可以創(chuàng)建7個(gè)不同的商品分類(lèi)頁(yè)面布局,但這樣做并沒(méi)有什么價(jià)值和意義。我們決定創(chuàng)建統(tǒng)一的商品分類(lèi)頁(yè)面模板,將其應(yīng)用到7個(gè)不同的分類(lèi)頁(yè),這樣可以對(duì)整個(gè)網(wǎng)站建立統(tǒng)一的用戶體驗(yàn),讓用戶更加輕松地穿行于不同分類(lèi)中,也可以為我們節(jié)省一些工作量,降低工作難度。
下面是昆明網(wǎng)站制作小編整理的分類(lèi)頁(yè)面從最初草圖到精煉后線框圖的過(guò)程,見(jiàn)圖7、圖8和圖9。
分類(lèi)頁(yè)的主要目的是顯示出不同分類(lèi)中的商品,經(jīng)過(guò)與客戶溝通后我們得知,客戶銷(xiāo)售的商品種類(lèi)和數(shù)量并不多,而且十分細(xì)化。因此我們決定采用更加靈活的分類(lèi)頁(yè)商品顯示方法。一種是列表顯示(單列),這種方式的優(yōu)點(diǎn)是一目了然,用戶甚至不用進(jìn)入商品詳情頁(yè)就可以了解商品的相關(guān)信息,并且可以更加便捷地購(gòu)買(mǎi)或收藏。另外一種是切換到網(wǎng)格顯示(雙列)。
(圖7)
(圖8)
(圖9)
商品類(lèi)別的層級(jí)結(jié)構(gòu)是我們必須考慮的另一件事情。如果客戶有更多商品銷(xiāo)售,我們可能需要給主導(dǎo)航添加另一層子類(lèi),也就是二級(jí)類(lèi)目甚至三級(jí)類(lèi)目。這樣可以把一個(gè)大的商品類(lèi)別分割成不同的小類(lèi)別,便于管理的同時(shí)也便于用戶瀏覽。
雖然這個(gè)分類(lèi)頁(yè)面的線框圖可以作為模板應(yīng)用于其他幾個(gè)不同的商品分類(lèi)頁(yè)面,但我們?nèi)匀恍枰獎(jiǎng)?chuàng)建另外6個(gè),用來(lái)詳細(xì)描述所需的不同文本內(nèi)容和圖像。不過(guò)總體來(lái)講,我們可以通過(guò)重復(fù)使用這里的頁(yè)面布局節(jié)省大量的時(shí)間精力。篇幅所限,這里不再附加另外幾個(gè)不同商品分類(lèi)頁(yè)線框圖。
當(dāng)前文章標(biāo)題:分類(lèi)頁(yè)面
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3463.html
下一篇:商品詳情頁(yè)