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

相关推荐

  • 面向友好用户体验的交互设计:刘老师课件精简版

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

    2015-11-22
  • QQ空间是怎么设计直播功能的?

    什么?空间也做直播了!没错,在当今直播的热潮下,国内外的直播产品大都是基于陌生人的关系链,且内容结构与视觉效果同质化严重。如何让用户更好的分享生活?如何为用户提供差异化的内容消费?如何给用户更多新鲜趣味的互动玩法?这是我们做直播希望解决的问题。
    Qzone依托自身优势,另辟蹊径地发掘基于好友关系链的直播场景。与此同时,我们不断探索更符合空间用户直播的设计形态,发掘与竞品的差异点,寻找直播的下一个突破口,通过系统化的设计,为用户提供非一般的直播体验。

    2016-07-27
  • Daydream产品设计案例 - YouTube VR

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

    2016-12-08
  • 网易新闻安卓客户端Material design实战

    编者按:光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程。 项目背景 网易新闻安卓版一直以来照搬IOS版的交…

    2015-07-20
  • [译]UX设计之商品详情页

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

    2016-06-30
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20
  • 走心的收纳设计

    走心的收纳设计

    IxD案例 2017-03-13
  • 互动的未来不应只在手指上

    最近对未来交互设计发展的一个很流行的观点 — 用手指操作各种大大小小的触摸屏,下面还会有很多这种例子。这篇小文章并不涉及任何详细的“未来发展规划”, 我只是提供一些可供参考的点子。 在开始构想应该怎样同我们…

    2014-12-25
  • 朋友圈被天猫双11邀请函刷屏了?我们和它的创作者们聊了聊

    从2008年开始,每年临近11月11日,全国——现在可能是全球——的剁手党们都在等着看马云爸爸和天猫又能玩出什么新花样。今年除了史无前例的整整49张品牌海报以及4个版本的“主题大片”之外,天猫的小伙伴们居然连一封小小…

    2016-10-25
  • 超级干货:75条界面版式设计准则

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

    2016-07-14