互動原型畫得醜？29個優秀UI/UX線框草圖
現在越來越多UI設計師都需要畫一些互動的線框圖，然而作為視覺專家，當然要把它畫得靓靓的嘛，是不是？是以很多使用者會使用《5款高效的原型設計工具》來繪制，或者直接手繪更有逼格。
今天達人手工整理一大波UI/UX的原型圖，有手繪的、有用軟體繪制的，分别來源于不同的設計師、互動設計師、産品經理之手，雖隻是草圖，但小編看後，已經有靈感了哦！來一起看看他們的傑作。
草圖來源：wireflow，ux_ui_wireframes
1. 小編達人喜歡這個布局，是以直接放第一個截圖，首先草圖是Q版的，還加入了一些顔色，讓草圖生動起來。其次這是迷你草圖，文字直接用「粗簽字筆」來表示，能快速的記錄臨時的靈感想法。
2. 正規一點的草圖，直接用電腦軟體繪制
3 配色參考
4 頭腦風暴
5 灰階
5.
6.
7.
8. 這個流程圖好看
9.
10. 原型就該用這些淺灰的配色
11. Wow…
12. 還有陰影也畫了
13. 草圖品質做到這樣就很棒了
14
15
16
17
18. 全黑不好看，加點顔色~
19. 列印出來，标記重點為
20. Cool! 這個主意太好了，我之前為什麼沒想到呢，原來有顔色的地方表示連結（可點選），然後畫引導線的時候就不需要從連結點開始畫，這樣簡潔很多。
21. 你看到的連線，使用的軟體是 Adobe XD，根據設計達人網小編體驗，感覺還是 Sketch 來做UI設計好一些，希望它快點出Windows版吧……
22.UI設計專用的點點本？
23. 網頁原型
24. 一個迷你版原型圖，好Q~
25. UI比例控制很好，很整齊
26. 臨時想法
27.
28. 産品經理，還是用更快、更簡單的原型設計工具Mockplus吧
原型草圖，大多是記錄臨時的想法，當進一點确定後，就會去使用軟體畫正規一點的原型或者直接出UI設計稿。
今天分享到這裡，下次畫線框圖時不妨先看看這篇文章，裡面的草圖、筆記本、顔色筆、原型工具都是不錯的。