首页

Lottie 动效设计

舒舍予 设计资源

动效设计,是 UI 设计当中不可或缺的一环。大家对动效的认知也从最初认为动效只是为了美观酷炫,到逐渐理解了动效对于提升用户体验和产品需求的重...

阅读全文>>

Tab Bar 图标动效设计类型总结

泥人张 图标设计文章及欣赏

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 Tab bar 作为整个 APP 的第一触点,给用户传递的理念及信息在整个 APP 中具有不可替代...

阅读全文>>

干货来袭!淘宝设计师谈动效的高效设计与交付

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   在手机淘宝中,大至链路的衔接,小至一个按钮的点击响应,动效是体验...

阅读全文>>

用迪士尼动画原则,提升UI动效体验

用心设计 Bs界面设计文章及欣赏

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则,是由Ollie ...

阅读全文>>

动效如何使用更吸引人

用心设计 手机及小程序界面设计文章及欣赏

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   没有用户会拒绝任何产品的锦上添花,而功能性动效对于产品来讲,在满...

阅读全文>>

这些悬浮动效的常见玩法你都知道吗?

双双 手机及小程序界面设计文章及欣赏

动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效有哪些常见的用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效,这也是近年动效设计的热点之一。

正是由于Material Design 和苹果所引领的动效设计风潮,许多曾经有过的设计技巧和元素正在逐步回归,而悬停特效就是其中之一。但是相比于曾经那些闪烁弹跳的特效,现如今的光标悬停特效来的更加微妙,更加强调功能性和体验。

和其他动效相似,光标悬停特效让交互的引导性更强,有的还带有预览的作用,它的使用范围非常广,大到全屏,小到提示和导航元素,不一而足。

接下来,我们通过实战案例看看,光标悬停特效目前有哪些创新的玩法。

首页动效

阅读全文>>

Origami教程06-列表数据循环生成方法

用心设计 交互设计及用户体验

先忽略动效,提出几个问题,大家可以尝试以前面学习的经验来思考一下。

  1. List 不用图片来代替,怎么实现?
  2. 所有List内容都不一样,怎么实现?
  3.   所有List 都能保持一个统一的操作,怎么实现?
  4. …… 

OK,如果仅前2个问题来说,用“笨”方法都是很简单,到第3之后,就有点坑了,是要复制N个重复Patchs?简直要疯掉有木有~ 当然Origami 没这么傻,是有专门的Patch 解决这样的情况的,这就是今天学习的重点,Loop 系列的Patch,效果类似 Craft 的 Duplicete


Image title

阅读全文>>

交互丨新人交互设计师如何把知识能力体系化?

用心设计 交互设计及用户体验

 Arale:碎片化阅读的时代,很多刚入行的设计师都喜欢用碎片时间充电,看看公众号,看看设计博客,零散的知识信息点缺少了一些整理和总结,因此基础也就不够坚实了。尤其是想要得到更进一步能力提升的时候,就会发现真的会有些吃力。在几个月以前我就面临着这样的困境,感觉自己很难在现有设计水平上有大的提升,经过不断地自我反省,自我总结,我将原因归结于,基础知识能力没有及时得到与经验相匹配的提升,故而在经历了项目经验带来的飞速提升之后,就陷入了一个长久瓶颈期。也就是基础不够扎实,知识能力不成体系。

好在找到了问题症结,也就有了下一阶段努力的方向,现在我将自己对于交互设计师所需要打下的知识能力基础,更系统更体系化地分享给大家,希望能对那些跟我有同样困惑和问题的同行有些许帮助。


Image title

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档