交互原型画得丑?29个优秀UI/UX线框草图

现在越来越多UI设计师都需要画一些交互的线框图,然而作为视觉专家,当然要把它画得靓靓的嘛,是不是?所以很多用户会使用《5款高效的原型设计工具》来绘制,或者直接手绘更有逼格。

今天达人手工整理一大波UI/UX的原型图,有手绘的、有用软件绘制的,分别来源于不同的设计师、交互设计师、产品经理之手,虽只是草图,但小编看后,已经有灵感了哦!来一起看看他们的杰作。

草图来源:wireflowux_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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏安恒信息

全新iPhone概念:这八边形造型

国外Designed by M设计工作室的设计师为我们带来了一款全新的作品。 他们将这款iPhone命名为“6m”,从概念图中我们可以看到iPhone 6m运行...

29570
来自专栏腾讯高校合作

从VR的全世界走过—SIGGRAPH Asia 2016游记2

前言 Virtual Reality的展厅为我们带来了全球VR领域的顶级科学家们的最新研究成果,其中有多种多样的产品展示:无人机、VR设备、体感游戏、人脸识别、...

365120
来自专栏数据科学与人工智能

【趋势】数据可视化的七大趋势

1 数据可视化有什么作用? 2 案例分析 ,感受数据可视化可以做什么? 随着科技的不断进步与新设备的不断涌现,数据可视化领域目前正处在飞速地发展之中。 ProP...

21860
来自专栏轮子工厂

精选11条知乎干货回答,保证让你看到就是赚到

为了方便读者朋友,决定把我在知乎上一些的个人觉得干货比较多,比较受欢迎的回答整合起来,方便大家查阅!

25710
来自专栏钱塘大数据

惊艳全球数据行业的16个数据可视化例子

数据是非常强大的。当然,如果你能真正理解它想告诉你的内容,那它的强大之处就更能体现出来了。 通过观察数字和统计数据的转换以获得清晰的结论并不是一件容易的事。必须...

38470
来自专栏钱塘大数据

【周末漫谈】说说数据可视化技术四大派系

数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。这个...

463140
来自专栏PPV课数据科学社区

有哪些惊艳全球数据行业的16个数据可视化例子?

数据是非常强大的。当然,如果你能真正理解它想告诉你的内容,那它的强大之处就更能体现出来了。   通过观察数字和统计数据的转换以获得清晰的结论并不是一件容易的事。...

29460
来自专栏镁客网

当VR和艺术碰撞,会擦出什么样的火花?

12530
来自专栏互联网杂技

重回80年代!为网页注入迷人的孟菲斯设计风

复古一直在流行,这也是为什么过去许多设计趋势常常会沉寂若干年之后,又再次走到潮流的最前线。今天,我们要聊的是孟菲斯设计风(Memphis Design),这种设...

36180
来自专栏DT数据侠

Tableau冠军独家秘籍,看可视化语法如何巧妙引导思维

随着数据使用量的增长,越来越多的人通过数据来寻求专业问题的答案。数据可视化是一个沟通复杂信息的强大武器,通过可视化信息,我们的大脑能够更好地抓取和保存有效信息,...

10300

扫码关注云+社区

领取腾讯云代金券