一款好用的 APP,前期的原型線框是關鍵階段,原型圖函蓋很多方面的東西,如功能、易用性、版式,這對於互動設計師做原型時都需要考慮的。
擁有一個良好的高保真的原型圖,能在後期的設計不需要考慮任何流程或功能上的問題,只需要負責視覺,讓設計更流暢,節省更多的時間和精力。
很多情況下,原型圖一開始不需要做到如此高保真,特別是需求比較模糊,思路還不清晰的情況下,可以先畫些草圖,後面再優化原型與互動。下面一起來看看我們精選的20例優秀的原型圖(APP 產品線框圖),有網頁設計、APP UI設計等 wireframe,也許能給你帶來新的啟發,Enjoy!
Event Management Dashboard Wireframe #1

來源
Wireframes By Cuberto

來源
From Wireframes To Design By Cuberto

來源
Apple Watch WIRE By Buatoom

來源
TedTodd Wires By Alex Sailer

來源
Wireframe Day! By Aaron Stump

來源
Wireframe For A Landing Page By UENO.

來源
Kitchenware Pro — Wireframe Kit By Neway Lau

來源
Wireframes By Creativedash

來源
Sitemap For Student Guide By Janna Hagan

來源
Ui Sketch By Anthony Lagoon

來源
Mac Chat Application Wireframes By Danny Keane

來源
UX User Flows By Janna Hagan

來源
Exelerate : Wireframes By UENO.

來源
Wireframe Options By Steven Scarborough

來源
Neverbland Deliverable Deck By Filippo Chiumiento

來源
Simplified Checkout Process By Michael Pons

來源
IconStore Sneak Peek By Sebastiano Guerriero

來源
User Flow Diagram For Apple Watch App

來源
Product Website Wireframes By Michael Pons

來源
Wireframes By Anthony Lagoon

來源
BattleShare By Spovv

來源
Wireframes For Dental Research Website By Adam Butler

來源
High Fidelity Dilema By Michael Pons

來源
Wireframe Of Nextday By Leon Qin

來源
SelfSurvey — Wire Frames 1.0

來源