追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 Tab bar 作为整个 APP 的第一触点,给用户传递的理念及信息在整个 APP 中具有不可替代的重要性。我们的第一感受是粗糙或是精致,都会通过这个简单的操作切换而感知。因此 tab bar 的设计,往往也是检验整个 APP 设计是否精致的标准。 Tab bar 设计中,有一个很重要但却常常会被设计师们...

阅读全文>>



如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   在手机淘宝中,大至链路的衔接,小至一个按钮的点击响应,动效是体验无处不在的润滑剂,为用户每一步的操作提供了合理的预期与过渡。而通过动效衔接不同界面或不同响应状态,无论对流畅直观地表达流程意图,还是精雕细琢让体验更丝滑的微动效,动效设计都是淘宝设计师日常工作中非常重要的一环。 动效是体验链...

阅读全文>>


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则,是由Ollie Johnston和Frank Thomas在他们的书《The Illusion of Life》中提出来的观点(译者注:这本书在豆瓣的评分有9.3分,值得一看)。这些原则最初是用来为动画片这种传统的形式设计的,然而,这些原则也同...

阅读全文>>


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里   没有用户会拒绝任何产品的锦上添花,而功能性动效对于产品来讲,在满足功能效率的同时,能够带来更多额外的附加体验,是一种相对比较容易引发体验峰值的途径,下面和大家介绍 功能性动效的定义和类型。 一、功能性动效的定义 功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与...

阅读全文>>


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

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

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

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

首页动效

阅读全文>>


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

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

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


Image title

阅读全文>>


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

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


Image title

阅读全文>>


如何利用动效提升用户体验


动画可以讲述故事。不是很长很复杂而是很简单的故事,而像是 "嘿,你现在要看看这个!" 或 "哇,你竞争成功了!"。然而,动效的目的不是娱乐用户,而是帮助他们理解发什么什么事,或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了:

Image title

阅读全文>>




订阅Rss