首页

这5个牢不可破的设计规则,是你打造优秀动效的标准

涛涛

转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面,动态的转场动效更符合人类的自然认知体系,有效地降低了用户的认知负载,屏幕上元素的变化过程,前后界面的变化逻辑,以及层次结构之间的变化关系,都在动效的加持之下,变得更加清晰自然。从这个角度上来说,动效不仅是界面的重要支持元素,也是用户交互的基础。

动效设计,尤其是协助交互的转场动效,如今日趋成熟。通过大量的案例分析和过来人的经验,我们逐步总结出优秀转场动效的5个核心的规则,今天的文章,我们就来分享这5个知识点。


滴滴试驾商业B端平台项目总结

用心设计

商业B端平台app是滴滴出行旗下试驾针对厂商内部开发的一款app,通过进入试驾B端,厂商能够快速的获取相关数据。app内有滴滴试驾在c端的基本数据和画像分析。合作厂商还可以查询具体与试驾合作项目的基本情况、画像分析、车辆情况等数据。

简单的来说就是从滴滴试驾c端提取数据到B端以供厂商查寻。

实战案例!滴滴试驾商业B端APP 项目设计经验总结

实战案例!滴滴试驾商业B端App 项目设计经验总结

涛涛

交互篇

什么是滴滴试驾商业B端平台App

商业B端平台app是滴滴出行旗下试驾针对厂商内部开发的一款app,通过进入试驾B端,厂商能够快速的获取相关数据。app内有滴滴试驾在c端的基本数据和画像分析。合作厂商还可以查询具体与试驾合作项目的基本情况、画像分析、车辆情况等数据。

简单的来说就是从滴滴试驾c端提取数据到B端以供厂商查寻。

用大屏带你看不一样的互联网保险

用心设计

从早几年前移动互联网大行其道,到如今VR/AR逐渐进入大家的视野,回过头看,PC端的网页设计和体验作为一个“旧课题”似乎不再是企业和设计的核心问题。但是,我们真如想象中那样远离电脑了么?

用大屏带你看不一样的互联网保险 ——众安保险PC官网改版总结

前端Boostrap系列之一:稀世珍宝:270款圆滑的 Twitter Boostrap 矢量图标

蓝蓝设计的小编



如果你不那么在意许可证,那么还有很多类似的字体图标库可以使用,最引人注目的是 Font Awesome。下载此字体时,你还会收到所有 SVG 格式的矢量图标,这样你就可以修改这些字体,使其更加完善,并贡献到 Github 上面。

 



新商业环境下设计师的转型三部曲

用心设计

首先让我们看看设计师面对的商业变化有哪些? 纵观中国互联网飞速发展二十年来看,我们大致经历过三个时期,从PC时代到移动互联网时代,到我们正在降临的物联网时代。 在三个典型的不同时期,都有不同互联网商业产品,构建了相应的用户体验。

阿里巴巴UED总监:新商业环境下设计师的转型三部曲

IxDC全球设计体验大会那些事儿——ARK创新咨询工作坊

涛涛

服务设计


服务设计这个话题,这两年非常热门。原本大家所说的体验设计,往往针对的是产品本身。其实,我们在把App做出来之前,也要做很多功课,需要完成很多梳理挖掘的工作,并且需要建立全新的定位和思路等等。


所以,交互界面其实只是一种媒介,你透过数字产品界面享受到的实际上是一种服务。比如十年前,支付宝只是淘宝购物时的支付功能,而现在,你可以直接在门店用手机付款,如此自然的转变,其实是支付宝在战略上首先考虑到的。比如在星巴克点单,服务生会通过屏幕上星享卡显示出的信息跟客人对话。


大家可以把媒介的事情眼光放的更宽一点,它可能是人、也可能是屏幕、也可能是其它的任何东西,只要能进行信息的交流和互动,它就是一个媒介。所以,媒介都是一个大的服务系统和链条里去跟你接触的一个窗口,也就是各个触点的一个体现

设计好看又好卖的企业产品官网

用心设计

在谈到企业产品的营销时(本文中提到的“企业产品”是指“给企业客户使用的软件/应用”),一种观点认为客户肯定是靠线下推广来获取的,另一种观点认为应该让用户主动购买而不是被动推销,持这种观点的公司尤其重视通过产品官网来获客。无论持哪种观点,不可否认的是官网是客户对你产品的第一印象,很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一,有的只把官网当作摆设,粗制滥造套个模板结束,甚至还忽略了移动端适配。

如何设计好看又好卖的企业产品官网

腾讯内部分享!一个工作坊的完整设计流程剧透

涛涛

我上周参加了一个工作坊,也算是ThoughtWorks与我所在团队的交流活动。如果你有了解过IXDC,你能够在15年的活动中找到四个由他们团队组织的工作坊,其在一个就与我上周参加的那个相同——《从1到100》。如果我今天把这篇文章发出去,就算是这个工作坊的剧透了吧(也是经过他们允许了的)。

这个工作坊讲的是一个完整的设计方法,即拿到一个项目需求,如何从设计思考(DesignThinking)开始,确定用户画像,构建场景地图,头脑风暴,绘制故事版,设计产品,直至用户测试。他们把整个流程分为四个阶段:

  • 探索:用户、需求
  • 定义:目标、资源
  • 设计:产品形态
  • 验证:测试反馈

为了用户!让你的UI更加安全稳妥的5种设计策略

涛涛

我们现在所面临的网络安全问题一直都很严峻。无论是更改社交媒体帐号,注册新论坛,还是下载新的APP,我们都的数字身份一直都存在各种各样的潜在安全风险。开发团队花费了大量的时间精力投入到开发和设计当中,改进流程,优化加密方案,来规避这些问题。

黑客攻击有网络安全专家和开发者来应对,而用户所面对的多数问题,则更多的需要设计师来动脑筋解决。通过流程和UI优化,设计师能够让用户尽可能地规避一些潜在的安全问题,即使这个过程中可能会产生体验上的障碍和不适。

1、不同内容的交互界面应该看起来不同

每当用户要执行关键性的任务或者操作的时候,比如更改账户设置与密码,这个时候用户应该保持紧张和专注,那么设计上就应该帮助他们进入这样的状态。因此,UI 应该让用户清楚他们应该做什么。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档