A. 如何設計出色的網站後台原型
要製作一個優秀的後台原型，我認為主要就分為三個部分：
對於後台功能模塊的結構和頁面邏輯有清晰的認識
2.能夠熟練的使用原型工具
3.優秀的設計風格和設計規范
1是基礎，2是進階，3則是讓原型變得出色的點綴。
怎麼樣保證後台的功能結構和頁面邏輯的清晰合理。
很多人畫原型都有一個習慣，就是不管想沒想好，直接就開始打開原型工具先拉幾個框，或者就照一個自認為非常不錯的網站後台開始照葫蘆畫瓢，這在我看來都是極其危險的。網頁後台不同於一般的web界面，他對於功能模塊的劃分和頁面的邏輯要求是非常高的。一方面網站後台的層次結構相比之下要復雜的多，另外一方面，網頁後台的功能更偏向於對前端頁面的管理，這就導致了功能之間的關聯性和引導可能就要弱得多，這樣的情況下，如果沒有很好的理清後台的結構就開始畫原型，那麼最後做出來的後台管理系統很可能就是功能的堆積，功能易用性和操作的流程性都很難得到保障。
繪制後台原型時時刻謹記的：
畫原型之前，先理清後台管理的功能模塊，通過樹狀結構圖來幫助自己劃分頁面和模塊。
<img src="https://pic1.mg.com/50/_hd.jpg" data-rawwidth="1423" data-rawheight="676" class="origin_image zh-lightbox-thumb" width="1423" data-original="https://pic1.mg.com/_r.jpg">
理清模塊之後，就可以著手設計後台管理系統的骨架，我個人分為三種：主模塊（主要分為哪些獨立的功能模塊），次級分類（每個功能模塊又有哪些次級的功能分類），功能事件（具體到每個功能頁面內存在哪些主要的操作），大概的布局方式大概如下三種
1）頂部選項卡劃分主模塊，左側邊欄劃分次級分類
<img src="https://pic4.mg.com/50/_hd.jpg" data-rawwidth="1116" data-rawheight="468" class="origin_image zh-lightbox-thumb" width="1116" data-original="https://pic4.mg.com/_r.jpg">
2）左側邊欄漢堡包樣式的層級分類（偷懶~大概就是worktile的側邊欄樣式）
3）左側邊欄二級分類列表浮出
<img src="https://pic2.mg.com/50/_hd.jpg" data-rawwidth="249" data-rawheight="155" class="content_image" width="249">
思考的路線應該是自上而下，在進行模塊劃分時不要拘泥於具體的某個界面的展現形式。
結構和邏輯的清晰（骨架）>功能頁面的設計（具體到某個頁面怎麼設計）>優化性質的功能設計（是否需要預覽，實時存儲等功能）>用戶體驗
必要時， 可以犧牲用戶初次使用的學習成本，初次使用的學習成本是可以為用戶熟練掌握後的使用效率讓步的,盡量遵循親密/對比/重復/對齊的四原則。
對於重要但是不知道如何放置的功能，可以考慮放在頂欄的右側，而不是放在主模塊上
頻繁的彈窗並不是好的選擇（必要時該彈還是要彈的），如果可以的話，展開和右側浮出半頁都是不錯的解決方式。