分類(lèi)頁(yè)面

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

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

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

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

（圖7）

（圖8）

（圖9）

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

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