12个线框图示例,来自Dribbble的UX设计师分享。

在设计过程的最初阶段,我们知道很有可能直接选择word或邮件原始需求。但是,用线框技术解决问题有很多好处,它可以节省时间,更易于发现可用性问题,并让设计人员专注于创造可靠的用户体验

在设计过程的最初阶段,我们知道很有可能直接选择word或邮件原始需求。但是,用线框技术解决问题有很多好处,它可以节省时间,更易于发现可用性问题,并让设计人员专注于创造可靠的用户体验

一些设计师喜欢创造更多的表现性高保真线框,而另一些设计师则喜欢通过只使用纸张和Sharpie来保持简单。下面,我们从Dribbble收集了一些我们最喜欢的线框框架示例,以展示它们的外观,并为您的下一个项目提供一些启示。

12个线框图示例,来自Dribbble的UX设计师分享。
自由设计师Alex Dovhyi跳过笔和纸,尝试用Freehand创建这些线框。 Alex说:“这个特定的页面代表了预览和基本信息。”

12个线框图示例,来自Dribbble的UX设计师分享。

Julio Castellano分享的VR远程风险预判应用的用户流程。 “这个项目是教育新员工需要在有危险的地点工作。有了这个应用程序,他们可以在去哪里工作之前体验到高品质的360VR图像,好像真的已经在那里场景,有助于让员工评估过去工作的风险,julio解释说。

12个线框图示例,来自Dribbble的UX设计师分享。

Martyna Królikowska 为Wearly品牌设计的线框,这是一款销售服装的平台。

 

12个线框图示例,来自Dribbble的UX设计师分享。
旅游博客着陆页的线框。 by Zahid Hasan Zisan.
12个线框图示例,来自Dribbble的UX设计师分享。
Dribbble应用早期的线框图,Krisztina Szerovay。
12个线框图示例,来自Dribbble的UX设计师分享。
看看哈维尔·奥利弗(Javier Oliver)对事件页面的低保真线框是如何进行高保真的,然后是最终的UI。
12个线框图示例,来自Dribbble的UX设计师分享。
James Boross为Bitesize Chef应用程序设计的线框可以很容易地看到用户点击后会发生什么。
12个线框图示例,来自Dribbble的UX设计师分享。
Go Nimbly设计师Grant Helton说:“对于我最新的原型,我添加了一个应用程序流程的线框来引导您进入每个屏幕。对于这些屏幕中的每一个,我都添加了一个浮动页脚,允许用户看到他们在特定流程中的位置,并根据需要跳转。“我们正在挖掘这个由InVision制作的线框。
12个线框图示例,来自Dribbble的UX设计师分享。
Swapnil Borkar为Lyearn登陆页面设计一个有趣的手绘。
12个线框图示例,来自Dribbble的UX设计师分享。

Shojol Islam.真正简洁的作品。该线框用于REPTO平台。

12个线框图示例,来自Dribbble的UX设计师分享。

UX设计师Jovan Belic使用漂亮的动画来展示线框。

12个线框图示例,来自Dribbble的UX设计师分享。

莫妮卡·高尔文(Monica Galvan)向我们展示了笔与纸的线框图和素描中的线框图之间的比较。

 

作者:Kristin Hillery
原文:12 WIREFRAME EXAMPLES FROM SOME OF OUR FAVORITE UX DESIGNERS
译文:机器翻译

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/34526/

(0)
iouedioued
上一篇 2017-12-22
下一篇 2017-12-27

相关推荐

  • 关于交互设计细节,这里一个Case 就是 Pinterest的APP端,我们一起解读一下吧。

    Pinterest有着极棒的交互设计细节,同时,它构建的交流平台有十分丰富的设计作品。要知道,绝佳的设计能吸引新用户去更好的体验产品。 Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台…

    2015-01-26
  • Microsoft将向合作伙伴开放 Windows Holographic,官方放出的宣传片

    Microsoft将向合作伙伴开放 Windows Holographic,以下为官方放出的宣传片,巨硬爸爸一出手果然不同凡响。 【微软向合作伙伴开放 Windows Holographic,打造混合现实新时代】魔术师妙手生花,孙悟空腾云日行万里,…

    2016-06-03
  • 【IxD案例】国际第一时尚品牌VGUE-iPad端案例

    今天给大家分享一个原型,这是第一个分享原型制作的源文件,还请大家多多见谅,源文件有点小复杂。

    附件内的源文件为高保真的原型,模拟了很多的效果,下面我给大家说一下

    2016-02-22
  • Apple Watch APP设计第一课:了解Apple Watch视觉和设计原则

    在我们可以开始设计一个Apple Watch应用之前,要先理解其背后的视觉和设计原则。Apple Watch有三个重要主题:个人,整体,轻量级。如果想设计一个具有惊奇体验的应用,还有一个你应该考虑但苹果公司没有提及的,即 …

    2015-09-29
  • O2O产品的用户评价思考

    为什么产生这样的思考? 可能因为我在一家做 O2O 产品的公司,碰巧我做过 UGC 评价相关的交互设计,然而更重要的是前不久我在线下真实的场景中希望使用自家产品的评价帮助我作决策时,发现我的一些需求并没有得到很…

    2016-03-02
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • Smartisan OS v3.1.0 功能列表(M1 / M1L),创新交互设计“One Step”与“Big Bang”变革安卓阵营。

    本次更新主要增加了两大重磅功能“One Step”与“Big Bang”,前者将常用的点击与分享操作放置于边栏,快捷切换与分享,快人岂止一步;后者可以将大面积按压下的文字区域,智能拆成字和词,你可以自由选择与搭配,同时…

    2016-10-19
  • 用户体验分享-儿童玩具上的用户体验与交互设计

    大约在同一时间,我成为了一位父亲,我刚进入用户体验世界,试图找出如何使我的产品,够了吧,可以理解的、 易于使用,并且直观。我是一个巨大的玩具迷,还是玩,他们之前到达了我的儿子,但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始,从这些经验,我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

    2015-01-03
  • IAMUE 移动客户端的设计作品分享

    Wechat: caochengweiued 分享了他对 IAMUE 移动客户端的设计作品,文末有 阿西 UED 的点评! 阿西UED 的点评: Hi 谢谢你的作品分享,总体上来说,依你当前的学生身份或当前的专业程度,做出这样的设计方案有一定的…

    2016-11-21