40个出色的用户界面线框图和实物模型草图

创建线框图和原型现在用数字技术做起来很容易。到处都有应用程序,每种风格都有一个。虽然很多设计师更喜欢在制作过程中使用数码技术来完成这部分工作,但仍有不少设计师选择了传统的方式,用Moleskine或其他手绘方式来完成。

40个出色的用户界面线框图和实物模型草图

我们每个人都有自己的偏好,最重要的当然是我们找到了一种方法来做那些能激发我们创造力和天赋的事情。

绘制用户界面线框图和实物模型

我们为你收集了一些很棒的例子,展示了一些设计师是如何绘制他们正在进行的项目的。它可以是相当鼓舞人心的看看,也许这将给你一些新的想法为自己?

我个人发现,当我拿起笔记本,暂时离开电脑时,有时我会在纸上更容易地得到一个想法,因为分心的事情总是那么多。

HBO——《真爱如血》网站

HBO——《真爱如血》网站

HBO——《真爱如血》网站

HBO一部SATC网站里

HBO一部SATC网站里

HBO一部SATC网站里

装置

装置

恐龙

恐龙

用户界面草图

用户界面草图

用户界面草图

画线框5

画线框5

画线框5

APG网站

APG网站

APG网站

设计策略

设计策略

设计策略

OnlyJames线框图示意图

OnlyJames线框图示意图

OnlyJames线框图示意图

Vimeo草图

Vimeo草图

Vimeo草图

早期的《商业周刊》草图

早期的《商业周刊》草图

早期的《商业周刊》草图

Taykt线框

Taykt线框

Taykt线框

早期的灰烬草图

早期的灰烬草图

早期的灰烬草图

早期恩伯素描的颜色

早期恩伯素描的颜色

早期恩伯素描的颜色

Hashlove朋友邀请

Hashlove朋友邀请

Hashlove朋友邀请

BGP UI示意图2

BGP UI示意图2

BGP UI示意图2

香草草案线框图

香草草案线框图

香草草案线框图

Jaws产品视图

Jaws产品视图

Jaws产品视图

UI元素草图

UI元素草图

UI元素草图

最后指出

最后指出

最后指出

线框图示意图Hosthead

线框图示意图Hosthead

线框图示意图Hosthead

左=输出,右= Workarea

左=输出,右= Workarea

左=输出,右= Workarea

草图

草图

米德兰接口

米德兰接口

米德兰接口

Librespeak接口示意图

Librespeak接口示意图

Librespeak接口示意图

非常粗略的草图

非常粗略的草图

非常粗略的草图

设置的工具箱

设置的工具箱

设置的工具箱

超高压线框图

超高压线框图

超高压线框图

UI流动示意图

UI流动示意图

UI流动示意图

聚合器

聚合器

颜色芯片

颜色芯片

颜色芯片

游戏界面示意图

游戏界面示意图

游戏界面示意图

Moleskine iPhone模板指南

Moleskine iPhone模板指南

Moleskine iPhone模板指南

收获iPhone应用程序草图

收获iPhone应用程序草图

收获iPhone应用程序草图

iPad无线电应用程序示意图

iPad无线电应用程序示意图

iPad无线电应用程序示意图

iPad无线电应用程序示意图

iPad无线电应用程序示意图

iPad无线电应用程序示意图

iPad应用程序示意图

iPad应用程序示意图

iPad应用程序示意图

第一款医疗App

第一款医疗App

第一款医疗App

粘贴的概念

粘贴的概念

粘贴的概念

邮件提交后渲染

邮件提交后渲染

邮件提交后渲染

你是受到鼓舞还是感到惊讶?

如果这些草图激励你自己尝试这个,我们很乐意看到你的结果,给我们留下你自己的草图的链接!如果你想要更多类似的内容,我们建议你去Flickr、Behance和deviantART这样的社区,搜索你想要的草图类型。

有许多不同的风格和想法,你有几个小时的灵感在你前面!

2020-03-30 17:45
相关热门