線框圖在 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:交互设计 | 产品设计 | 互联网 |