1 前言
這節我們將用一個簡單的應用：繪圖應用，我們叫他TouchPainter。來展示設計模式和最佳做法，希望能從中得到啟發。

2 詳述
2.1 設計過程中的3個重要裡程碑
2.1.1 想法的概念化
匯集有關TouchPainter應用的一些基本需求和用例，比如用戶應該怎樣使用，以及用戶使用時的體驗。

2.1.2 界面外觀的設計
讓開發人員探討那些UI要素可以合乎邏輯地組合在一起，有個整體認識，消除不必要的UI要素，簡化並增強用戶體驗。這是個反復的過程，所以設計要易於修改。開發人員可以用鉛筆在紙上畫出來那些不同視圖可以放在一起，以便修改。

2.1.3 架構設計
確定一些應用程序架構的技術問題，比如：用戶怎樣可以打開塗鴉圖。

2.2 架構設計
關於設計模式的架構設計：

2.2.1 視圖管理
（1）從一個視圖到另一個視圖的遷移

（2）使用中介者來協調視圖遷移

在這裡我們引入了一個中介者，是的各個視圖的依賴關系降低。

2.2.2 如何表現塗鴉
（1）在屏幕上可以畫什麼

（2）用組合結構來表示痕跡

在這裡我們使用了組合機構，把下調與點組合到樹形結構中，以便統一處理每一節點。

點是葉子節點，是獨立的實體；

線條是組合體，包含了其他點作為頂點，同事也可以包含其他線條組合體。

（3）繪制塗鴉圖

2.2.3 如何表現保存的塗鴉圖
（1）獲取塗鴉圖的狀態

（2）回復塗鴉圖的狀態

2.2.4 用戶操作
（1）浏覽塗鴉縮略圖的列表

（2）塗鴉圖的撤銷和恢復

（3）變更線色和線寬

（4）刪除屏幕上的當前塗鴉圖

針對以上的功能點，我們會逐一的學習相應的設計模式，從而將涉及模式應用與實際。

3 結語
以上就是所有內容，希望對大家有所幫助。