UI界面的Tab bar动态设计提示

你有没有注意过，App底部的图标是如何变成选中的？大多数产品是将静态图标替换（硬切过渡），来完成状态切换。当我看完上百个动态后，找到了更有趣的方式…App底部导航构成通常由图标、文字/点线装饰、和底板卡片组成，（当然也有些产品只使用图标或文字），但设计师在进行动态设计时则是针对这3部分…[……]

阅读全文 »

微信键盘(输入法)，果真没让我失望！

微信输入法一上线，我就第一时间下载使用了。为什么我会这么着急去体验微信出的输入法呢？因为我自己每天都在手机上写作，输入法的一丝丝体验升级对我的影响可能都是巨大的。

在班车上尝试最快10分[……]

阅读全文 »

5种动效输出格式优缺点对比，含一键输出AE动效参数方法

作为用户体验领域不可缺少的一部分，动效随处可见。日常工作中，我们可能只用1-2种动效格式，对其他格式的了解有所欠缺。

这次介绍5种动效输出格式和教程，包括PS输出和AE输出，建议收藏保存下来随时[……]

阅读全文 »

怎样利用设计降低认知负荷？

当你使用形形色色的APP时，是不是时常不由自主地感慨“这个APP的界面太丑了”、“这个APP太难用了，连入口都找不到”，是什么原因造成这种感受呢？

认知心理学中有个概念叫做认知负荷「cognit[……]

阅读全文 »

方法+实战！一站帮你搞定设计系统度量

成熟的设计系统是一个强大的生态体系，在这个体系下，各系统部分协同运行，促进平台产品之间的一致性，为更大规模的产品提供“标准化”的工作流程，从而实现组织的运作效率的提升。[……]

阅读全文 »

UX/UI设计中常见的6种网格类型和5个技巧

网格是设计中组织布局的系统。互联网之前，平面设计师对印刷材料(书籍、杂志或海报)使用网格布局。现在，UX/UI设计师仍然广泛使用网格布局，因为它们是界面设计(网页、移动APP)的基础结构。[……]

阅读全文 »

这11条交互界面设计原则，设计师都应该看看

在交互设计中，设计师与目标用户的联系很密切，我们需要时刻考虑用户在什么场景下做了哪些操作，确保产品功能好用、易用，符合用户的操作。

那么，有效的交互界面背后主要的设计原则是什么呢？我们一[……]

阅读全文 »

让动效设计提升UI/UX用户体验

今天为大家分享的是「动效设计」。和听觉语言、视觉语言一样，动作也是语言的一种，可以在有限的空间内传递更多信息，轻松传达静态元素难以传达的内容。

​现实生活中没有绝对的“静止”，通过模仿物体在现实[……]

阅读全文 »