Quantcast
Channel: 交互设计案例 –优设网 – UISDC
Browsing all 7 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

推荐!交互细节中的那些变形金刚

ericoming :网页中常见一些页面其复杂程度是递进的,类似变形金刚日常保持汽车人形态,遇到战斗场面他们会伸展出四肢抡起武器为自由而战! 在交互设计中我们称这种类似“变形”的情形为“渐进展开”。该策略用来应对展现复杂的信息,即只有在用户需要的情况下,才显示信息。适当地使用此设计原则,可使产品简约,操作逻辑清晰。以下举几枚栗子,请大家品尝。...

View Article


Image may be NSFW.
Clik here to view.

想进阿里?先来学习如何制作高段位的交互输出物!

如何制作具有全局把控和细节专注的高段位交互输出物是交互设计师一直需要淬炼的能力。今天阿里的同学把多年的经验写出来,内容超多,全是干货,来收。 交互设计师在项目体验设计过程中常常担任着承上启下的至关重要角色;在项目评审时,交互设计师总是一个滔滔不绝,富有逻辑性的表达角色。除了语言的表达外,交互输出物文档是设计师表达自己态度和思考最有力的语言,也是团队评估资源的重要考量和项目沉淀的最佳途径。...

View Article


Image may be NSFW.
Clik here to view.

网易干货!设计师习惯养成系列之学会建立交互需求池

日常工作中,设计师通常会随着项目忙一阵空一阵。我觉得忙的时候很忙,很多原因是因为空的时候不知道该做什么,没有一点点防备。要改变这种无头苍蝇的状态,可以在空下来的时候勤快地储备一些东西,比如建立交互需求池。今天这篇干货,教你学会这个习惯! 什么是交互需求池? 需求,故名思议就是一些未来可能要做的东西…交互需求池就是一些“还没上线的设计”的集合。...

View Article

Image may be NSFW.
Clik here to view.

花了7天看了上千个交互动效神作,我总结出5个技巧

编者按:对一个全无经验的动效新手而言,如何制作出「正确」而不是「华丽」的动效?今天这篇Medium 上的好文,从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面,附上案例分析,帮你学会基础的动画制作技巧。 首先,我想大家会有这样的问题:什么是微交互 (micro-interaction)? 来自 UXPin(一款在线可交互原型制作工具)的 Carrie Cousins...

View Article

Image may be NSFW.
Clik here to view.

网易实战!从一次活动设计聊聊交互设计师的3个阶段

俞静:我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师对交互设计理解的不同阶段。...

View Article


Image may be NSFW.
Clik here to view.

用一张交互设计画布,让你快速掌握交互设计基础(附PDF下载)

@龙爪槐守望者 :本文不打算讲 Axure、xmind 怎么用,因为软件完全可以自学,也不打算科普交互设计是什么,就好像解释篮球是什么并不能教会他们打篮球。我希望能教给大家一些东西,能马上运用起来真正解决问题。交互设计画布正是这样的好工具,它能帮助设计师从全局看待一个需求,找到真正的问题,综合所有因素提出可行的解决方案。文末有交互设计画布 Axure 组件以及 PDF 下载。 一、交互设计核心要素...

View Article

Image may be NSFW.
Clik here to view.

用接地气讲人话的方式,讲下什么叫交互

UI 和交互这两个词汇是一对孪生兄弟,有非常密切的联系,我们在前期了解 UI 的时候「交互」这个词总是形影不离,出现的频次极高。 但是,从我开始学习 UI 起,就被它困扰了非常长的时间,并不是苦于如何在实战中应用,而是在中文语境下,交互有关的词义实在是太「玄学」了,网上对它的解释多数也含糊不清。 比如看百度词条里,交互本身有两种解释,我们分别来看一下。...

View Article
Browsing all 7 articles
Browse latest View live