1.獨特新穎的設計理念
如果實在沒有想法，可以看看同類型網站的背景設計，尋找設計靈感。
2.高效實用的原型設計工具
壹個好的設計創意還需要壹個原型工具來制作、測試和叠代。在這方面，MOckplus是壹個很好的工具，操作簡單快捷，鏈接分享，反饋收集，真機演示等。，可以實現團隊快速設計和叠代。
3.搜索創意原型設計模板
壹個好的網站背景設計模板也是壹個很好的起點。不過要註意版權問題，弄清楚是付費還是免費再用。
如何設計壹個優秀的網站後臺原型要做出壹個優秀的後臺原型，我認為主要分為三個部分:
對後臺功能模塊的結構和頁面邏輯有清晰的認識。
2.能夠熟練使用原型工具
3.優秀的設計風格和設計規範
1是基礎，2是高級，3是讓原型變得優秀的點綴。
如何保證後臺清晰合理的功能結構和頁面邏輯？
很多人都有壹個畫原型的習慣，就是不管有沒有想好，只是開始打開原型工具先拉幾個框，或者只是根據壹個自己認為很不錯的網站背景開始畫瓢，這在我看來是極其危險的。網頁背景不同於壹般的web界面，對功能模塊的劃分和頁面的邏輯有非常高的要求。壹方面，網站後臺的層級結構要復雜得多。另壹方面，網頁後臺的功能更傾向於前臺頁面的管理，導致功能之間的關聯性和引導性不強。這種情況下，如果沒有很好的了解後臺結構就啟動原型，最終的後臺管理系統很可能是功能的堆積，很難保證功能的可用性和操作的流程性。
在繪制背景原型時，請始終牢記:
在妳畫原型之前，妳要先整理好後臺管理的功能模塊，通過樹形結構圖幫自己劃分頁面和模塊。
& ampamplt；imgsrc= "
"
data-raw width = " 1423 " data-raw height = " 676 " class = " origin _ imagezh-light box-thumb " width = " 1423 " data-original = "
“& ampampgt；
整理好模塊後，就可以開始設計後臺管理系統的骨架了。我個人可以分為三種:主模塊(主要分為哪些獨立的功能模塊)、子類別(每個功能模塊有哪些子功能類別)、功能事件(每個功能頁面存在哪些主要操作)。壹般布局方法如下。
1)頂部標簽頁劃分主模塊，左側欄劃分副類別。
& ampamplt；imgsrc= "
"
data-raw width = " 1116 " data-raw height = " 468 " class = " origin _ imagezh-light box-thumb " width = " 1116 " data-original = "
“& ampampgt；
2)左側欄漢堡風格的層次分類(懶~大概是worktile的側欄風格)
3)左側邊欄的二級分類列表出現。
& ampamplt；imgsrc= "
"
data-raw width = " 249 " data-raw height = " 155 " class = " content _ image " width = " 249 " & amp；ampgt；
思考的路線應該是自上而下的，在劃分模塊時不要拘泥於特定界面的呈現形式。
結構和邏輯的清晰性(骨架)>；功能頁面設計(具體是如何設計壹個頁面) >優化功能設計(是否需要預覽、實時存儲等功能) >用戶體驗
必要的時候可以犧牲用戶的第壹次學習成本。用戶第壹次的學習成本可以讓位於用戶掌握後的效率，盡量遵循親密/對比/重復/對齊四大原則。
對於不知道怎麽放的重要功能，可以考慮放在頂欄右側，而不是放在主模塊上。
頻繁的彈窗並不是壹個好的選擇(如果有必要的話應該播放)，如果可能的話，在右側展開並浮動半頁是很好的解決方案。
如何用EdrawMax設計Windows7UI原型圖1和AxureRP(RapidPrototyping)？
Axure(讀作Ack-Sure)無疑是目前最受關註的原型開發工具。它可以幫助網站或軟件設計人員借助組件快速構建帶註釋的原型(流程圖和線框)，借助定制的可重用組件、動態面板和豐富的腳本，可以構建基本功能或頁面邏輯的動態演示文件。
Axure借鑒了office的界面，使用戶能夠快速上手，並提供了豐富的組件樣式修改，使其能夠創建出高保真、低保真甚至接近實際效果的界面。不過最難能可貴的是，Axure豐富的腳本模式可以通過點擊和選擇快速完成界面元素的交互，比如鏈接、狀態切換、動態變化等效果，讓Axure可以生成非常接近真實產品的原型。另壹方面，Axure可以導入他人創建的組件庫，這使得Axure可以滿足大多數類型產品的設計。
但是Axure還是很頭疼:對中文的支持不是很友好。在少量組件上輸入noon時，往往需要像碰運氣壹樣反復切換輸入法，破壞了我們設計師的用戶體驗。
盡管有缺陷，Axure仍然是交互設計師首選的原型工具。
2、微軟OfficeVisio
Visio於2000年被微軟收購，並於2002年成為office2003套件的壹個組件。最新版本是2007年。Visio因其廣泛的適用性而值得推薦。從網站界面、數據庫模型、平面圖到流程圖，Visio都提供了相應的組件庫和模板，可以快速創建。
與Axure相比，Visio更適合傳統行業的生產或流程設計，或者軟件和互聯網行業的信息、數據和流程描述，不太適合web界面。由於其基於web的組件庫還比較少，其形式和結構更類似於word中的圖形工具，因此在原型開發效率上存在壹些不足。
3、BalsamiqMockups
這個基於AdobeAIRRuntime的工具真的很搶眼，手繪組件風格粗獷滴水，可以在紙上創建出接近手繪的原型文件。它提供了豐富的手繪風格的常見web元素，包括常見的html控件和壹些組合控件，如多媒體控制器、標簽頁、列表、Iphone界面元素等等。
Mockups最讓人佩服的是，它提供的大部分組件在外觀上都是可以定制的，對中文的支持也不錯(選擇查看& gt使用系統字體).
4、模擬流程
Mockflow與上述工具最大的區別在於，Mockflow是壹個基於AdobeFlex技術的在線服務，它提供了與BalsamiqMockups基本相似的功能，甚至更豐富的組件。雖然它的組件定制性不夠強，但是它提供的組件庫默認風格非常適合構建商業產品原型。我愛不釋手的壹個功能是模板。您可以基於任何頁面設置模板來設計新頁面。
與其他模板工具相比，mockflow有壹個非常與眾不同的功能。基於web的存儲可以在任何計算機上在線打開，其他人可以快速分享，並收集在線反饋，非常適合虛擬團隊的原型設計交流。
雖然線上服務的基礎賬號只能創建壹個文件，但是單個文件沒有頁面限制，所以基本夠用。
5、鉛筆素描
Pencil是基於Firefox的擴展組件。安裝完成後，可以在Firefox的工具菜單中打開Pencil的繪圖面板。功能比較簡單，只能作為簡單日常工作的輔助說明。提供的默認組件都是基於軟件工程的，所以比較適合windows桌面程序的簡單界面構建或者基本的頁面功能描述，不適合嚴肅的原型開發，不過好在體積小，重量輕，可以很方便的將網頁中的元素直接拖拽或者復制到當前的畫布中，這也是在Firefox中安裝Pencil帶來的便利之壹。
更多工具...
上面列舉的原型開發工具，是國內交互設計師常用的，也是經常討論的，但是還有很多和Axure功能類似的軟件。以下是壹些簡單的解釋:
6、GUIDesignStudio
這是壹個非常強大的原型工具。沒有推薦是因為沒有實際體驗過，但是對於這種工程級的界面設計，我沒有沖動去嘗試。但是從官網的截圖和視頻演示來看，這個軟件的操作方式和之前的原型制作工具有很大的不同。Axure等大多是基於頁面的原型設計。雖然對於網站來說很實用，但是對於軟件界面的流程設計來說略顯繁瑣。然而，GUIDesignStudio采取了不同的方法，通過建立元素之間的關聯來自動創建動作流。從視頻演示來看，這大大提高了軟件界面原型制作的效率。
7、原型作曲家
Serena公司提供的原型開發工具真的很強大，基於項目管理的主要流程，提供輸出文檔模板、原型工具和開發過程控制。這個軟件的開發理念很好，用這個工具來滿足項目開發過程中各個環節的溝通和決策。但是軟件的學習和使用成本比較高，看起來要花很多時間才能理解所有的功能。另外，軟件的效率和穩定性有待提高，試用過程中出現很多錯誤和停止響應。
8、LucidSpec
由Elegance Technology推出的LucidSpec是壹個非常類似於Pencil的原型工具，只是提供了更多的控件。但LucidSpec強調生成幹凈文檔的功能，可能是針對大部分原型工具自動生成規範的冗余，但說實話，LucidSpec提供的原型接口過於簡單，生成的文檔也沒有經過優化改進。視頻介紹
9、鳶尾花專業級
Irise與其他原型工具相比的壹個特點是提供了樣本數據的功能，這是壹個類似於excel表格的樣本數據庫。樣本數據庫中的數據可以通過界面元素直接獲取，這樣生成的原型甚至可以更新動態數據。
10、AdobeReader
Adobereader？沒錯。其實理論上，任何可以創建圖形和文本的工具都可以用於原型開發，因為原型本身就是業務邏輯和功能界面的模擬或仿真，為什麽不用PDF格式呢？BoxandArrow的文章PDFPrototype提醒我們，所有的原型工具都只是工具，而不是設計本身。
另外，也可以參考壹下這裏有什麽。
但是個人推薦:
原型
_Axure7.0
_UIDesigner
想
_Mindmanager
_Xmind
程序
_Visio2013
_EDrawMax
知識
_有雲註
_ Evernote
時間
_Todolist
_工作區塊
圖表
_Photoshop
_Colorpix
互相地
_快速放映
_UIDesiger