2024 WireFrame Mockup懶人包，推薦清單整理

2017年6月22日 — 這篇文章將為大家簡單介紹一下Wireframe、Mockup 到Prototype 三者的差異，與完整的UI 介面設計流程。

Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of ...

2022年4月8日 — A wireframe can be an outline for a mockup, and adding functionality to your mockup can make it a prototype. Don't limit yourself to just one of ...

Wireframes, mockups, and prototypes are common terms used by product teams. Each one is used to illustrate concepts, gather feedback, and gain consensus so that ...

Wireframes and mockups both play key roles in user-centered design. Learn about their differences, then use Figma's design tools to get started.

2019年2月21日 — Wireframe 是以簡單的草稿圖， 除去各種視覺影響元素，可以只用一些簡單的線條和方塊來畫，專注在功能和操作上。用手畫或用軟體畫都可以。

2016年9月8日 — 和wireframe（线框图）一样，Mockup 也是静态的，不可操作。它专注产品的外观，加入了丰富的视觉元素，保真度高。

使用者介面設計，教學網站，User interface design，UI，中國科大，視傳系.

2015年5月22日 — 低保真原型＝ Wireframe ＋ 可操作高保真原型＝ Mockup ＋ 可操作。 已經切圖交給RD 套版、尚未套後台資料（先用假資料）的也會被稱為高保真原型。