在上面表格中不難發(fā)現(xiàn)：某些元素以一貫之的在頁(yè)面中存在；某些元素只在特定的頁(yè)面中存在；某些元素與頁(yè)面的主題關(guān)聯(lián)，時(shí)隱時(shí)現(xiàn)。表格中的頁(yè)面采樣越多，這種分析就越有效，根據(jù)每個(gè)人的經(jīng)驗(yàn)，有些頁(yè)面在意識(shí)中就是相似的，它們只需要“派個(gè)代表”參加對(duì)比就可以了。

確定模板數(shù)量的過(guò)程是這樣的：

步驟#1#

將《復(fù)用表》中排列相似的頁(yè)面歸并為使用一個(gè)模板，為這個(gè)模板命名。例如List02與Page01可以使用同一個(gè)模板T1

步驟#2#

標(biāo)記已有模板的頁(yè)面，排除它們，在剩下的頁(yè)面中重復(fù)步驟#1#直到很難找到相似的頁(yè)面

步驟#3#

對(duì)于那些特殊的頁(yè)面或者沒(méi)有與其相似的頁(yè)面，不需要使用模板系統(tǒng)，通常稱為“獨(dú)立頁(yè)面”，例如Index首頁(yè)

步驟#4#

將每個(gè)模板也添加到《復(fù)用表》，列出每個(gè)模板的元素，按照步驟#1#將相似的模板進(jìn)行合并

模板的數(shù)量應(yīng)該盡量縮減，通常的網(wǎng)站設(shè)計(jì)，線框圖模板一般需要3~5個(gè)就可以了；如果模板數(shù)很多，那只能證明你正在參與一個(gè)超級(jí)復(fù)雜的項(xiàng)目。

最簡(jiǎn)模板

將以一貫之存在的那些元素集合在一起，就可以生成項(xiàng)目的最簡(jiǎn)模板，最簡(jiǎn)模板是所有模板的根源，即“模板的模板”。內(nèi)容分塊中的頁(yè)面識(shí)別（Page_ID）類元素，基本都是最簡(jiǎn)模板中的組成部分，導(dǎo)航也經(jīng)常是通用的元素。

最簡(jiǎn)模板很少能進(jìn)行具體的應(yīng)用，但是幾乎所有的模板都是從最簡(jiǎn)模板衍化而來(lái)的；因此在設(shè)計(jì)最簡(jiǎn)模板布局和填充元素的過(guò)程中，要特別注意對(duì)未來(lái)的延展性，要給其他模板預(yù)留足夠的屏幕空間。縱欄分隔和內(nèi)容分區(qū)需要明顯的體現(xiàn)。

在《復(fù)用表》實(shí)例中，在所有頁(yè)面都出現(xiàn)的“公共元素”包括LogoSlogan、頁(yè)面主視覺(jué)、導(dǎo)航、搜索、登錄注冊(cè)、底欄，于是可以得到如下的最簡(jiǎn)模板設(shè)計(jì)。

從《復(fù)用表》推演出的最簡(jiǎn)模板實(shí)例[圖片點(diǎn)擊可看全圖]

模板之間不是簡(jiǎn)單的外觀區(qū)別

模板的表象是代表了一系列訪問(wèn)風(fēng)格外觀相似的網(wǎng)頁(yè)，而模板的本質(zhì)是代表了信息架構(gòu)相似的頁(yè)面邏輯。表現(xiàn)是本質(zhì)的映射，因此在模板設(shè)計(jì)當(dāng)中，雖然有同樣的元素，但是要依據(jù)模板的特性進(jìn)行有區(qū)別的設(shè)計(jì)。

模板中相同元素的區(qū)別設(shè)計(jì)，是一種界面親和力的體現(xiàn)；即便相同的元素在不同的模板里也會(huì)擁有不同的權(quán)重和作用；雖然它們可能都被“放置在那里”，但是擁有迥異的外觀；為了解釋這個(gè)問(wèn)題，來(lái)簡(jiǎn)單研討一下“Logo”和“登錄注冊(cè)”在不同模板中的表現(xiàn)。

Logo

品牌標(biāo)識(shí)在不同的頁(yè)面往往具有不同的權(quán)重。一般的說(shuō)，在首頁(yè)中品牌標(biāo)識(shí)具有比較大的視覺(jué)意義；而在一些內(nèi)容頁(yè)面中，品牌標(biāo)志僅僅作為一種站內(nèi)的識(shí)別；因此在不同的模板中，Logo可能采用不同的形式進(jìn)行體現(xiàn)。

突出品牌圖形的Logo通常放置在首頁(yè)或重要的分流頁(yè)面

簡(jiǎn)化的Logo通常在內(nèi)容閱讀頁(yè)面提醒用戶識(shí)別目前的網(wǎng)站

登錄注冊(cè)

一旦用戶進(jìn)行了注冊(cè)，并且了解登錄之后的內(nèi)容優(yōu)勢(shì)，那么他們往往會(huì)選擇自動(dòng)記住登錄狀態(tài)或者主動(dòng)去尋找它們；為首次進(jìn)入的用戶提供明顯的登錄注冊(cè)提示非常重要；而對(duì)于經(jīng)常訪問(wèn)的用戶，只需要給登錄一個(gè)“方便的”位置就可以了；盡量把頁(yè)面中最重要的位置留給最重要的內(nèi)容，而不是登錄注冊(cè)這樣的常用功能。

標(biāo)準(zhǔn)的登錄框非常搶眼，通常放置在分流頁(yè)面

簡(jiǎn)單高效的登錄條占用屏幕資源較少，一般設(shè)置的內(nèi)頁(yè)的固定位置

逐個(gè)設(shè)計(jì)模板

如果生成最簡(jiǎn)模板的過(guò)程是對(duì)頁(yè)面架構(gòu)中的重復(fù)項(xiàng)目進(jìn)行減法操作；那么逐個(gè)設(shè)計(jì)模板的過(guò)程就是在最簡(jiǎn)模板基礎(chǔ)上進(jìn)行加法操作。

加法的過(guò)程，就是依據(jù)《復(fù)用表》中的分析結(jié)果，將模板元素中的元素進(jìn)行填充的設(shè)計(jì)；推薦由最簡(jiǎn)模板向那些復(fù)雜的模板逐漸的過(guò)渡；設(shè)計(jì)過(guò)程中，要給下一個(gè)模板留下設(shè)計(jì)的余地和彈性；加法保持了模板的一致性，給用戶帶來(lái)了訪問(wèn)便捷。

從最簡(jiǎn)模板到復(fù)雜模板逐步加法的過(guò)程模擬

加法中，元素的排列順序不是固定的，新加入的元素可能排列在已有元素之前；因?yàn)檫@些新加入也許是“只在特定的頁(yè)面中存在”的元素；例如在List01產(chǎn)品列表頁(yè)應(yīng)用的模板中加入“產(chǎn)品對(duì)比”這個(gè)功能元素時(shí)，就需要將其放在頁(yè)面重要的位置，而其他的元素可能需要相對(duì)后置。

本章小結(jié)

使用《復(fù)用表》對(duì)比查看公共元素的情況，將它們分為三個(gè)類型：常駐、特定、偶然；根據(jù)典型頁(yè)面采樣的重復(fù)程度不斷的進(jìn)行模板歸并，最終確定模板的數(shù)量；從最簡(jiǎn)模板開(kāi)始，使用加法原則完善整個(gè)模板系統(tǒng)；形成的整合項(xiàng)目的表現(xiàn)同一和訪問(wèn)一致。

在建立模板系統(tǒng)之后，按照《項(xiàng)目的頁(yè)面列表》進(jìn)行模板之外的具體頁(yè)面設(shè)計(jì)，就能夠輕松的完成一套低保真線框圖。低保真模型已經(jīng)可以對(duì)項(xiàng)目最終形態(tài)進(jìn)行表達(dá)了，對(duì)低保真模型進(jìn)行不斷的修改確認(rèn)之后，可以逐漸的生成高保真線框圖；雖然高保真原型不是必須的，但是卻是非常有效的。