分類頁面

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

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

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

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

（圖7）

（圖8）

（圖9）

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

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