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

相关推荐

  • 设计原则:视觉重量和方向

      web页面上的每个元素产生一种视觉力量,吸引了观众的眼睛。 力就越大,眼睛是吸引了。 这些力量似乎也作用于其他元素,传授他们潜在的运动和视觉方向建议,你应该下一个。 我们把这个力称为视觉重量和视觉感知方…

    2014-12-16
  • 平衡用户体验设计和精益设计

    来源:人人都是产品经理 作者:AB Tester Blog 对你而言哪个更重要:是制作出拥有杀手级用户体验的产品来吸引用户?还是尽快制作出能满足用户的产品并抢占大量的市场份额? 如果一款产品用户体验很差的话,用户不会使…

    2014-09-27
  • 交互设计案例-闲鱼产品分析

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

    2015-05-07
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • 关于创意,国外设计师用垃圾制作的插画,震惊到我了。

    本文来源于交互设计网:我是UE网,小编:阿西巴巴 图片来源:互联网 有些生活中的日用品或消耗品产生的垃圾我们随手都丢掉了,不过在设计师眼里这些也可能价值数十万美元。她是如何变废为宝的呢? 下面是作品: 我真…

    2015-04-20
  • 分享两个交互设计作品

    今天跟大家分享的是二两童靴的两个交互设计作品,第一个是平安保险产品配置后台交互设计,第二个是台州银行客户经理移动办公App交互设计,希望大家多多交流。如果你也有好的作品想在我是UE网上展示,可以加学习群15…

    2015-07-02
  • 【译文】雨天里的交互细节

    最近出现了很多智能手机用的天气应用。但是在以前,这些应用其实都不是很必要的,我们只要知道早上出门带不带雨伞就好了,所以如果天气应用可以直观地告诉我们这一点就好了。就像妈妈一样,在你早上出门的时候帮你…

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

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

    2015-01-03
  • [译]UX设计之商品详情页

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

    2016-06-30