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

2019年8月14日 — 用手繪或是電腦軟體畫出頁面雛形，一般線框圖可以由線框、無色但有灰度的方塊、文字、線條及箭頭構成。在畫的同時把User Story 、Functional Map、 ...

Mockup是什麼? 過去還沒有Mockup出現以前，設計師有時還需要自掏腰包去做模擬產品給客戶看，讓客戶了解這個視覺呈現樣子，而Mockup出現後，這件事就減少了溝通成本。

Mockup設計 頁面設計｜以Figma製作介面設計精稿. 風格設定與範例設計; UI無障礙設計; Figma Mockup｜精稿製作; 功能與技巧; 作業說明 ...

哈囉~這次來跟大家分享一個免費下載可以商用的mockup(模型)網站MOCKUPS-DESIGN.COM，做好的設計作品結合mockup，讓作品的呈現更完整，也能讓客戶預覽設計的效果喔 .

2024年8月13日 — 特色：Mockups-design是由波蘭設計師Andrew建立的Mockup網站，所有素材均可免費用於個人和商業項目。除了基礎的模板外，這個網站也有很多特別的產品模板， ...

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

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

這堂課程將帶你複習「Mockup 模擬圖合成」的核心技術，並且進階延伸至多種不同媒材的組合應用、透過空間營造獨特的整體氣氛，讓大家用Photoshop 製作充滿魅力的Mockup 視覺。