數(shù)年來(lái)，許多成熟的設(shè)計(jì)模式已經(jīng)成為互聯(lián)網(wǎng)中的模塊，這無(wú)疑是明智之舉。而框架體系的構(gòu)建前提就是成功的模式。

要想更好地理解模式，我們不妨看看在一份標(biāo)準(zhǔn)的設(shè)計(jì)模式描述文檔中都包含些什么。我們列出了以下六要素。

1．模式名稱

如果我們正在討論一個(gè)元素，它使用戶能進(jìn)入到網(wǎng)站受密碼保護(hù)的區(qū)域， 那么我們也許會(huì)稱呼它為“用戶名和密碼控件”、“兩行式登錄元素

”或者“登錄元素”。

設(shè)計(jì)

模式名稱的選擇務(wù)必要小心謹(jǐn)慎。在此之前，設(shè)計(jì)中出現(xiàn)了太多的無(wú)名元素，以至于在討論中經(jīng)常會(huì)有類似“那些我們常常放在左邊的小方塊”

這樣的說(shuō)法。而之所以有模式名稱，其目的就是為了促進(jìn)清晰的交流和溝通，這樣在會(huì)議、設(shè)計(jì)文檔或者其他地方我們就能明確地稱呼某個(gè)具

體元素。

我們發(fā)現(xiàn)，為模式命名需要技巧、創(chuàng)造力以及一點(diǎn)點(diǎn)運(yùn)氣。開(kāi)發(fā)團(tuán)隊(duì)往往在一開(kāi)始為某個(gè)模式起了名字，過(guò)了一陣子發(fā)現(xiàn)大家經(jīng)常使用的卻是

另一個(gè)名字。

比如， 某個(gè)開(kāi)發(fā)團(tuán)隊(duì)將他們的應(yīng)用程序的對(duì)象屬性編輯器正式定名為“Infobox”（信息框），之后卻發(fā)現(xiàn)團(tuán)隊(duì)里根本沒(méi)人這么說(shuō)。所有人都

叫它 “Properties”（屬性）。

2．描述

描述對(duì)于一個(gè)好的模式來(lái)說(shuō)至關(guān)重要。通過(guò)描述，那些對(duì)該元素不太熟悉的團(tuán)隊(duì)成員就能準(zhǔn)確地理解大家正在討論的內(nèi)容。

由于一圖勝千言，界面截圖也非常有價(jià)值。如果某個(gè)模式在同一個(gè)網(wǎng)站中有多種表現(xiàn)形式，那么各來(lái)一張截圖會(huì)有極大幫助。

比如，一個(gè)登錄元素可能會(huì)有如下描述（伴隨著合適的界面截圖）：

一個(gè)兩行的表單元素，用于采集用戶的 ID 和密碼，從而使他們能夠進(jìn)入網(wǎng)站內(nèi)受密碼保護(hù)的區(qū)域。

描述無(wú)需像文學(xué)作品那樣精雕細(xì)琢，但它應(yīng)當(dāng)包含足夠的信息來(lái)解釋該元素存在的理由，并說(shuō)明如何將它和網(wǎng)站上的其他元素進(jìn)行區(qū)分。

3．上下文情境

與一般的設(shè)計(jì)指南或樣式參考文檔相比，設(shè)計(jì)模式的主要優(yōu)點(diǎn)之一在于它強(qiáng)調(diào)了每一種模式所使用的模式庫(kù)中的上下文情境。在構(gòu)思新設(shè)計(jì)的

時(shí)候，設(shè)計(jì)師們可以利用上下文描述來(lái)確定該模式是否運(yùn)用得當(dāng)。

例如我們的登錄元素，有關(guān)它的上下文情境可能會(huì)是如下描述：

無(wú)論何時(shí)，只要網(wǎng)站中的某位用戶希望從公有區(qū)域轉(zhuǎn)向訪問(wèn)私密信息，我們將使用登錄元素。在面向公眾的頁(yè)面中，只要有足夠 155 像素 ×

210 像素的空間，就可以顯示該模式。

當(dāng)然，在這里還需要包括在不使用登錄元素時(shí)的描述：

如果在某些面向公眾的頁(yè)面中，垂直方向無(wú)法提供足夠的空間，我們將在頁(yè)首的 banner 橫幅處使用單行的登錄元素?；蛘咴诰W(wǎng)站受密碼保護(hù)

的區(qū)域中，不使用登錄元素。

上下文情境是不斷變化的。當(dāng)開(kāi)發(fā)團(tuán)隊(duì)加入了更多元素，開(kāi)發(fā)新的應(yīng)用程序，發(fā)現(xiàn)新的用戶需求時(shí)，都需要對(duì)“上下文情境”一項(xiàng)進(jìn)行頻繁的

更新。理想的情況是，在某個(gè)模式生命周期的任何一個(gè)階段，設(shè)計(jì)師都能通過(guò)閱讀此項(xiàng)而迅速了解該元素是否適用于手頭的工作。

4．曾于何處使用

“曾于何處使用”是模式文檔中另一個(gè)不斷變化的部分，它列出了那些使用過(guò)這一模式的實(shí)例。模式每一次將其轉(zhuǎn)化為生產(chǎn)系統(tǒng)時(shí)，都應(yīng)當(dāng)對(duì)

此項(xiàng)進(jìn)行更新。開(kāi)發(fā)團(tuán)隊(duì)成員可以查看已經(jīng)實(shí)現(xiàn)出來(lái)的成品，了解某個(gè)模式的運(yùn)轉(zhuǎn)情況。

5．工作方式

開(kāi)發(fā)團(tuán)隊(duì)在這里將描述該元素技術(shù)層面的內(nèi)容：

用戶在標(biāo)記有 User Name 的輸入框中鍵入他們的用戶 ID， 在標(biāo)記有

Password 的輸入框中鍵入密碼（密碼內(nèi)容會(huì)被遮蓋）。如果他們?cè)敢?，可以點(diǎn)擊 Remember Me 復(fù)選框，以便在重復(fù)訪問(wèn)時(shí)系統(tǒng)能預(yù)先為其

填寫(xiě)User Name 輸入框。當(dāng)就緒后，用戶點(diǎn)擊標(biāo)記有 Log in 的按鈕。如果用戶名和密碼有效，則顯示該用戶的個(gè)人頁(yè)面。如果無(wú)效，則顯示

錯(cuò)誤頁(yè)面

（參見(jiàn)“登錄錯(cuò)誤”模式）。

需要的細(xì)節(jié)數(shù)量取決于控件的復(fù)雜級(jí)別，以及團(tuán)隊(duì)成員對(duì)它的熟悉程度

（如果是他們自己經(jīng)常使用的元素，就不需要像不常見(jiàn)元素那樣進(jìn)行詳盡的描述）。曾有一個(gè)可用性團(tuán)隊(duì)向我們展示了利用視頻捕捉來(lái)創(chuàng)建演

示短片，他們通過(guò)這種方式來(lái)描述元素的運(yùn)作機(jī)能。

與該元素產(chǎn)生交互的其他模式也會(huì)提及，此舉能幫助設(shè)計(jì)師更為全面地考慮問(wèn)題，便于在最后對(duì)設(shè)計(jì)進(jìn)行整合。

6．其他必備模式

很少有能完全獨(dú)立存在的模式。一個(gè)模式的出現(xiàn)，通常都意味著設(shè)計(jì)師還需要考慮其他模式來(lái)支持它。

比如說(shuō)，如果一個(gè)設(shè)計(jì)需要“登錄元素”模式，那么它很可能還需要下面 這些：

 創(chuàng)建新用戶 ID 的模式；

 修改密碼的模式；

 重新獲得密碼的模式；

 從網(wǎng)站的受密碼保護(hù)區(qū)域退出的模式；

 當(dāng)輸入的用戶名或密碼不正確時(shí)，顯示錯(cuò)誤信息的模式。

所有這些模式都會(huì)列在“必備模式”項(xiàng)中，并附有它們?yōu)槭裁础氨貍洹钡南嚓P(guān)解釋（如果不是很明顯的話）。

設(shè)計(jì)模式的文檔中還可以包括競(jìng)爭(zhēng)性舉措、模式歷史、可用性測(cè)試結(jié)果、用戶反饋和討論記錄，等等。

貴陽(yáng)APP開(kāi)發(fā)公司：貴州德天信網(wǎng)絡(luò)科技作為一站式互聯(lián)網(wǎng)解決方案提供商，我們的業(yè)務(wù)主要有：app開(kāi)發(fā)、小程序開(kāi)發(fā)、高端網(wǎng)頁(yè)定制、公眾

號(hào)二次開(kāi)發(fā)、物聯(lián)網(wǎng)開(kāi)發(fā)。有以上項(xiàng)目需求或者不知道自己適合做什么，那么就聯(lián)系我們吧。