產(chǎn)品交互原型畫得丑？不，你沒找到方法。

現(xiàn)在越來越多UI設(shè)計(jì)師都需要畫一些交互的線框圖，然而作為視覺專家，當(dāng)然要把它畫得靚靚的嘛，是不是？

1. 小編達(dá)人喜歡這個(gè)布局，所以直接放第一個(gè)截圖，首先草圖是Q版的，還加入了一些顏色，讓草圖生動(dòng)起來。其次這是迷你草圖，文字直接用「粗簽字筆」來表示，能快速的記錄臨時(shí)的靈感想法。

2. 正規(guī)一點(diǎn)的草圖，直接用電腦軟件繪制

3 配色參考

4 頭腦風(fēng)暴

5 灰度

6. 這個(gè)流程圖好看

7. 原型就該用這些淺灰的配色

8. Wow…

9. 還有陰影也畫了

10. 草圖質(zhì)量做到這樣就很棒了

11. 全黑不好看，加點(diǎn)顏色~

12. 打印出來，標(biāo)記重點(diǎn)為

13. Cool! 這個(gè)主意太好了，我之前為什么沒想到呢，原來有顏色的地方表示鏈接（可點(diǎn)擊），然后畫引導(dǎo)線的時(shí)候就不需要從鏈接點(diǎn)開始畫，這樣簡潔很多。

14. 你看到的連線，使用的軟件是 Adobe XD，根據(jù)設(shè)計(jì)達(dá)人網(wǎng)小編體驗(yàn)，感覺還是 Sketch 來做UI設(shè)計(jì)好一些，希望它快點(diǎn)出Windows版吧……

15. UI設(shè)計(jì)專用的點(diǎn)點(diǎn)本？

16. 網(wǎng)頁原型

17. 一個(gè)迷你版原型圖，好Q~

18. UI比例控制很好，很整齊

19. 臨時(shí)想法

28. 產(chǎn)品經(jīng)理，還是用更快、更簡單的原型設(shè)計(jì)工具 Mockplus 吧

原型草圖，大多是記錄臨時(shí)的想法，當(dāng)進(jìn)一點(diǎn)確定后，就會(huì)去使用軟件畫正規(guī)一點(diǎn)的原型或者直接出UI設(shè)計(jì)稿。
除了這些還有更多其他干貨哦。
點(diǎn)擊鏈接--http://www.mwtacok.cn/a/xingyezixun/2018/0129/359.html產(chǎn)品功能迭代思考