線框圖在 UX 設計中的重要性不言而喻。它們為設計行為提供指導,給視覺設計師提供更明確的方向。也能更清楚地傳達設計想法。在這篇文章里,作者收集了世界頂尖設計師的線框圖,大家可以參考學習。

Anthony Lagoon from Underbelly

Alex Sailer from Focus Lab(TedTodd 線框圖)

ueno 登錄引導界面的線框圖

Bagus Fikri Yuliono from Fikri Studio 事務管理儀錶盤的線框圖

Anthony Lagoon from Underbelly 手繪 UI

aaron stump from InVision

Filippo Chiumiento from NEVERBLAND Neverbland的提交方案

by Cuberto 從線框圖到設計

buatoom from Omise Apple Watch 線框圖

Michael Pons from PG 簡化後的checkout 流程

Sergey Jani from LUFT 調研1.0

Janna Lynn Hagan UX 用戶流

Eddie Lobanovskiy 手繪Close網

Michael Pons from PG 產品網站線框圖

BattleShare by spovv

Exelerate : by ueno.

Marian Mota from SoftServe Design Office Apple Watch 用戶流程圖

Sebastiano Guerriero 圖標商店一覽

by CreativeDash

Janna Lynn Hagan 學生指南流程圖

Adam Butler 牙醫研究網站

Danny Keane Mac 聊天應用

Neway Lau Kitchenware Pro 線框圖套件

by Cuberto

Steven Scarborough from Focus Lab

Michael Pons from PG 高保真原型

Leon Qin Next Day 線框圖
感謝閱讀,歡迎收藏~
原文:Wireframes by Top UX Designers
歡迎關註:知乎專欄「極光日報」,每天為 Makers 導讀三篇優質英文文章。
個人專欄:盒子以外,產品設計和科技的深度學習。
推薦閱讀:
※三步學會用 Sketch 把24種樣式的「開關」裝進一個 symbol
※VR頁面動效設計中如何引導用戶視線?
※VR交互探秘:我們到底需要怎樣的手部交互? | 硬創公開課
※信息架構:入門完全指南
TAG:交互设计 | 产品设计 | 互联网 |