分類頁(yè)面

回顧一下站點(diǎn)地圖，我們需要定義8個(gè)分類頁(yè)面，我們將遵循和制作首頁(yè)線框圖相同的過程來創(chuàng)建。昆明網(wǎng)站建設(shè)小編認(rèn)為先創(chuàng)建一個(gè)比較粗糙的線框圖，然后在與客戶和助手一起提煉分類頁(yè)的細(xì)節(jié)。

不過，分類頁(yè)的設(shè)計(jì)與首頁(yè)有很大區(qū)別：因?yàn)橛?個(gè)不同的分類，其中7個(gè)是商品分類，1個(gè)是視頻分類，我們要仔細(xì)考慮它們的工作模式。如果愿意的話，我們可以創(chuàng)建7個(gè)不同的商品分類頁(yè)面布局，但這樣做并沒有什么價(jià)值和意義。我們決定創(chuàng)建統(tǒng)一的商品分類頁(yè)面模板，將其應(yīng)用到7個(gè)不同的分類頁(yè)，這樣可以對(duì)整個(gè)網(wǎng)站建立統(tǒng)一的用戶體驗(yàn)，讓用戶更加輕松地穿行于不同分類中，也可以為我們節(jié)省一些工作量，降低工作難度。

下面是昆明網(wǎng)站制作小編整理的分類頁(yè)面從最初草圖到精煉后線框圖的過程，見圖7、圖8和圖9。

分類頁(yè)的主要目的是顯示出不同分類中的商品，經(jīng)過與客戶溝通后我們得知，客戶銷售的商品種類和數(shù)量并不多，而且十分細(xì)化。因此我們決定采用更加靈活的分類頁(yè)商品顯示方法。一種是列表顯示（單列），這種方式的優(yōu)點(diǎn)是一目了然，用戶甚至不用進(jìn)入商品詳情頁(yè)就可以了解商品的相關(guān)信息，并且可以更加便捷地購(gòu)買或收藏。另外一種是切換到網(wǎng)格顯示（雙列）。

（圖7）

（圖8）

（圖9）

商品類別的層級(jí)結(jié)構(gòu)是我們必須考慮的另一件事情。如果客戶有更多商品銷售，我們可能需要給主導(dǎo)航添加另一層子類，也就是二級(jí)類目甚至三級(jí)類目。這樣可以把一個(gè)大的商品類別分割成不同的小類別，便于管理的同時(shí)也便于用戶瀏覽。

雖然這個(gè)分類頁(yè)面的線框圖可以作為模板應(yīng)用于其他幾個(gè)不同的商品分類頁(yè)面，但我們?nèi)匀恍枰獎(jiǎng)?chuàng)建另外6個(gè)，用來詳細(xì)描述所需的不同文本內(nèi)容和圖像。不過總體來講，我們可以通過重復(fù)使用這里的頁(yè)面布局節(jié)省大量的時(shí)間精力。篇幅所限，這里不再附加另外幾個(gè)不同商品分類頁(yè)線框圖。