在Web開發(fā)中，我們經(jīng)常會開發(fā)一些經(jīng)常使用的功能（如：登錄、注冊功能），如果在今后有很多地用都用到那個功能，每次都要去再開發(fā)一遍的話，這些重復創(chuàng)造、重復開發(fā)的工作是極其降低工資效率的。為了降低在這方面耗費的精力（并且給刺激、有趣的創(chuàng)新部分留下更充裕的時候），開發(fā)團隊需要可重復利用的設計。

重用是如今應該優(yōu)先考慮的事?？芍赜弥卑椎恼f就是可以多次使用先前開發(fā)的應用程序中的某些功能、某些規(guī)范、某些概念。而在Web開發(fā)中的應用可重用策略可以劃分為三種資源庫：模式、組件及交互設計的框架體系。這些資源庫能讓開發(fā)團隊充分利用豐富的成品資源，從而提高工作的速度和效率。

在團隊的可重用策略中，模式、組件和交互設計的框架體系三都扮演著不同的角色，但都舉足輕重。

（一） 模式：預期行為的錦囊

設計模式是重用拼圖中第一塊零件。比如，讓我們假設一位正在訂票的用戶需要輸入日期。有哪些支持輸入日期的設計呢？一個帶自動分析功能的文本框？分別表示年、月、日的三個數(shù)字下拉列表？可以直接點選日期的彈出式日歷針對同一種行為，不同的選擇體現(xiàn)出了不同的設計。當開發(fā)團隊指定一種最生命他們（及其用戶）的設計時，就能將其定為一個械。日后，當團隊需要響應類似的行為時，就能以相似的方式進行響應，利用之前的工作成果來滿足用戶已經(jīng)確實的需要。

（二） 組件：高效利用可重用的代碼

除了模式之外，開發(fā)者們還需要一種復合的方式來重用具體的代碼。我們選定了可用的設計模式以后，就需要考慮具體的實現(xiàn)問題了。要想讓彈出式日歷能順利工作，屏幕上必須得顯示日期。日歷必須得響應鼠標的點擊。它的外觀還得與其他的界面元素保持一致，這些都是組件大顯身手的地方。

組件會從像素級別來詳細指定設計響應。它們通常以代碼的形式來體現(xiàn)，因此組件實際上也體現(xiàn)了具體的交互行為。它們是具備了諸如字體、顏色和布局等樣式元素的功能性設計方案。

開發(fā)人員用組件來拼湊出設計的所有細節(jié)。組件構(gòu)完成以后，就變成了隨時待命的現(xiàn)在元素，能輕易地嵌入到任何新界面中去。這使得每一個環(huán)節(jié)的開發(fā)速度都得到了提高，從早期的原型階段到最后的部署階段莫不如此。簡而言之，組件就是將設計模式進行完整代碼化、模塊化后得到的可執(zhí)行版本。

（三） 框架體系：最后的拼圖定乾坤

交互設計的框架體系是這三位一體中的最新成員。如果說設計模式是某個常見問題的通用解決方案，那么交互設計的框架體系則是一系列設計模式再加上其他元素的信息，用以指導完整的系統(tǒng)或站點上下文的設計。

和人體一樣，每一個Web應用都由一系列相互合作的子系統(tǒng)所組成。每一個子系統(tǒng)都包含許多獨立的單元，每個單元都具有各自的功能和用途。如果對這些成功的（和不成功的）網(wǎng)站及應用進行詳細的解剖和分析，我們不僅能夠標識出那些在不同環(huán)境下滿足用戶需求的常用元素，而且能夠更加深刻地理解人類行為，從而改善這些標準，同時在不犧牲可用性的前提下將我們的設計提升到新的高度。

框架體系不去為“狹隘的”問題提供“狹隘的”解決方案，它處理的是較為復雜的問題。它從產(chǎn)品的整體背景出發(fā)，為設計確定指導方針?？蚣芟到y(tǒng)是一種高度的抽象。它不具體的品牌化或視覺設計需需求——那些是組件來完成的事件。相應地，組件又以獨立的設計模式 為基礎。確切地說，框架體系是某種范圍更廣的結(jié)構(gòu)化系統(tǒng)，從一開始就能幫助設計師對模式進行選擇。

這三者實施成功，可以使團隊快速地拼湊起有效的設計雛形，從而達到讓設計盡快啟航的目的，縮短開發(fā)時間，而且可以周全地涵蓋一切有利于提升用戶體驗的細節(jié)和精妙之處。