標籤: 開發模式

當我們把關注點分離的概念落實到軟體架構 (architectural pattern) 時，最常見的分工是把「管理資料的功能」和「呈現視覺的功能」分離。很常用的設計模式叫作 MVC 設計模式，在這個架構裡，會把軟體分成 Model、View、Controller 三大功能層。

Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層，會用非常簡單的灰階顏色、線條、符號或框線，來表達網頁的排版架構。本文帶你學習以 wireframe 這個 UI/UX 呈現方式，研究如何透過 wireframe，傳達各種不同的使用者介面UI與體驗組件，比如資訊架構和排版。