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

相关推荐

  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验…

    2016-01-29
  • 交互设计案例-闲鱼产品分析

    闲鱼·产品分析 Completion Date    Completer    闲鱼Versions       Phone Type March 11,2015     niu hang      V_2.1.3_Android     MEIZU MX4 Pro 1.战略层 用户需求:闲置物品的买卖(包括且不限制于二手物…

    2015-05-07
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04
  • 超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 分享:神级广告,100人同时交换名片~

    100人如何同时交换名片?

    IxD案例 2016-06-16
  • 我手机里的应用设计体验

    最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。 应用更新通知弹窗 应用更新弹窗是几乎每个应用都会有的一个模块,但是…

    2016-06-27
  • [译]UX设计之商品详情页

    现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用…

    2016-06-30
  • Word产品需求文档,已经过时了-快使用Axure制作产品需求文档

    说来有些惭愧,写这篇文章是用来教大家写需求文档的,但其实,我很少会写传统意义上的产品需求文档,甚至,我连word都很少用。用惯了Axure的任意布局方式,再用word感觉非常别扭,尤其是在添加图片时,简直感到捉急…

    2016-01-06
  • 交互设计案例视频展示

    一款APP的交互原型演示,有能力的话自己动手做个视频吧! [hana-flv-player video=" http://jhxt.org/wp-content/uploads/2015/07/ixdshow.flv" width="640" height="auto" description="Ta APP 交互简介" player="…

    2015-07-01
  • 现在时隔半年,再次分析一下微信读书这个产品

    从15年8月28日 微信读书 APP低调上线到现在已经差不多快半年了,对于这款含着金钥匙出身的产品,一开始似乎并有多得到太多的好评,甚至因为 好友阅读排行 功能而受到很多争议。 现在时隔半年,我以一个普通读书爱好…

    2016-02-23