Akane老師UI 入門課程筆記：Wireframe、Mockup、Prototype

2019年8月14日 — Mockup 視覺稿. 畫好wireframe 之後就是mockup，此階段決定頁面的視覺風格 ... 簡單來說，就是模擬一個產品完整的體驗。 老師推薦製作prototype的工具： ...

2017年6月22日 — 什麼是Mockup (視覺稿)? 發揮功能目標的產品最終視覺樣貌; 什麼是Prototype (原型)? 同時具備視覺設計與實際的產品功能. 還有產品 ...

視覺稿：當大部份顏色組合定案以後，接著我們會開始進行mockup。不過在取得客戶或PM 的初步意見之前，建議不要一口氣完成所有mockup。最好循序漸進地先完成主要的頁面 ...

2022年2月15日 — 在線框稿添加顏色，會使你很難判斷視覺階層的強弱，這是因為顏色會掩蓋了其他階層的屬性。當你不用顏色時，你可以讓這些屬性脫穎而出。顏色的視覺權重 ...

線稿是被用來定義專案的架構、內容與功能的藍圖。在任何設計視覺化工作開始前先創建線稿，就可以更專注在資訊架構上，不受色彩或視覺因素影響。

2022年1月6日 — 隨著平面媒體逐漸轉向數位媒體，以往所使用的平面設計軟體如Photopshop 跟Illustrator 難以處理一個網站設計就要產出數十張視覺稿 ... 製作而言，更好上手。

2021年10月28日 — 而UI flow 則是依據Flow Chart 所繪製出的頁面流程雛形，通常會有基本的線框稿呈現，在視覺上的溝通更加直觀。 UI-flow. UI flow. UI 設計流程第四步：線 ...

从主页侧面板上选择视觉稿，以轻松使用图片或设计创建视觉稿。

2014年3月29日 — 在畫好Wireframe、定版後，就可以依照線框稿內容製作Mockup 了。Mockup 有很多種說法，我當它是視覺稿，所有跟視覺有關的部份都會在這個階段產出。

線框稿的視覺要素與特質. 線框稿中的元素應該是非常精簡的，通常設計師只會使用方 ... 當進行線框稿的製作時，可以先規劃一些共用的元素。到原型階段時，就可以更輕易的 ...