交互原型画得丑？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设计稿。

今天分享到这里，下次画线框图时不妨先看看这篇文章，里面的草图、笔记本、颜色笔、原型工具都是不错的。

 

原文连接：http://www.shejidaren.com/ui-and-ux-wireframes.html