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

相关推荐

  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

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

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

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

    100人如何同时交换名片?

    IxD案例 2016-06-16
  • 社交APP-Same的产品和交互设计体验总结

    手机里总有一些app是下载试用了之后不会卸载的app,而same这款app在我的手机中是呆的时间最长的一款,我并不经常打开它,即使在其体验出现各种问题时,比如闪退,引导页进不去app(需杀掉进程进入,偶尔一次可进去…

    2016-03-14
  • 关于创意,国外设计师用垃圾制作的插画,震惊到我了。

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

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

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

    2015-01-03
  • Axure学习笔记:手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2016-01-06
  • 消灭空状态

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

    2016-01-29
  • Daydream产品设计案例 - YouTube VR

    每年这个季节都盼着来自北方的冷空气能早些把这个城市吹干、吹冷。这世上,又湿又温暖的地方未必都是好地方。 随着Daydream头显和Pixel手机的发布上市,Google官方的各路VR app也陆续上线。我个人还没有机会、没有…

    2016-12-08
  • 创建用户友好型表单 Creating User Friendly Forms

    好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性的看 原文地址:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2 作者:Momo…

    2018-04-18