線框圖需不需要好看？當然需要，毋庸置疑。但好看的線框圖並不只是要做到外觀的精美，更重要的一點是它應該是容易被讀懂的。一個高質量的線框圖通常需要做到以下幾點：頁面的布局和元素一目了然；原型表達準確到位；頁面重點突出。

今天，小編就給大家介紹一些設計高質量線框圖的小竅門。

1、使用顏色和陰影區分模塊

使用顏色區分模塊在視覺上比線條區分更直觀，也更容易觀察出頁面布局。

2、使用真實數據表現元素

使用真實數據可以更好展現頁面元素信息，傳遞頁面功能。

3、標註

標註更詳細地解釋了線框的各個部分。這些標註可能會解釋圖標、內容策略，甚至用戶操作。

如上圖所示，雖然界面呈現了頁面想要表達的所有內容，但標註可以用於解釋圖標的含義以及信息的重要性。底部還有一些標註，說明了不同操作手勢的不同作用。

如果將標註納入線框流程，你的設計將變得更加清晰。

4、樣本庫

線框圖最終輸出的樣子。

a、草圖框架

b、線框圖+備註

c、體驗地圖

d、用戶流程

---

本文由 WELLDESIGN獨家原創，未經授權請勿轉載。

http://weixin.qq.com/r/1Tp1bR3EVkAprVkO92-H (二維碼自動識別)

推薦閱讀：