不管是动画还是动效，一般情况都是为了服务于需求逻辑，需要带着目的去思考及设计的。 动画和动效的区别： 「动画」和「动效」是两个不同的概念，它们在设计和技术上具有明显的区别。 动画是一种创造生动的图像的技术，通过连续变换形状和颜色来表现动态。它可以在许多场景中使用，如电影、游戏、广告等。 动效是指在视觉界面上交互元素的动态变化，它可以帮助用户更好地理…

前言 无意翻到了某篇收藏的旧文章，对比了当前阶段设计领域的一些变化，感慨了一下，觉得还是有必要把一些动效方面的设计理念、定义、属性、方法分享一些的，以下是我过往看过的一篇理解的比较好的文章概要，完整文章请前往原地址查看阅读。 动效原则 Motion 动效 动效价值 衡量动效意义 界面动效能加强用户认知且增加活力。 动效价值 增加体验舒适度： 让用户…

前言：最近我们产品做了一次全新改版的项目。作为此次项目的设计师，从项目的前期分析、设计、交付开发、验收上线，整个流程，在项目走查验收阶段我们设计师投入了30人/天！在我们觉得应该设计投入最少的阶段，却占了我们大量的工作 且最后还原度也远不达预期。 在这个项目中我遇到了哪些问题： 还原问题不单单是设计师把设计稿做的多精准，标注的多仔细，这么简单就能解…

本文以YouTube这个产品为例，为你解读交互设计7大定律在YouTube的应用。 一、费茨定律（Fitts’Law） Fitts定律提供了一种人体运动模型，由Paul Fitts于1954年建立，可以准确预测移动和选择目标所需的时间。 简而言之，Fitts定律指出：获取目标的时间是目标距离和大小的函数。 光标到达一个目标的时间，与当前光标所在的位…

UI 动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI 动效对于整个界面的提升是显著的。 动效呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。 在设计动效的过程中， Material Motion 的设计原则，IBM 动画设计规则和 UX 动效宣言都是不错的设计参考和指引…

按钮是交互设计中一个常见基本元素。尽管按钮看似一个非常简单的用户界面（UI）元素，在过去几十年，其设计也经历了不少发展和演变。但万变不离其宗，对于按钮的用户体验（UX）设计仍关乎于辨识度和清晰度。 本文简要概述了按钮设计的发展演变，并提出用户体验好的按钮设计应遵循的最佳实践。 一、按钮设计的发展演变 1. 3D 按钮 自初以来，操作系统按钮一直通过…

在交互稿的标注中，我们经常会忽略键盘的说明，这是不对的。键盘在用户的交互过程中起到了非常重要的作用，尤其在多个输入框的场景下。 为什么需要标注键盘类型？ 大家都知道，一款虚拟键盘（比如iOS系统键盘）有很多种布局类型。在交互稿中，很多人是不标注键盘类型的，我原先也是不标注的。但近来发现键盘对于用户操作的影响其实很大，不标注键盘类型是不对的。一方面，…

提到 BMW 这三个字母，大部分人的脑海中浮现的都是他们杰出的汽车产品。其实，这家公司制造的两轮产品的水平也属一流。有时在概念阶段就会让人眼前一亮，比如，最新的 Titan 概念摩托车。 Titan 概念摩托车由设计师 Mehmet Doruk Erdem 操刀，似乎布鲁斯·韦恩的蝙蝠洞才是它最好的归处。Erdem 表示 Titan 并非为日常使用…

说到汤山邦彦执导的日本超人气动漫《精灵宝可梦》，相信小伙伴们应该都不会陌生。剧中无论是皮卡丘还是火精灵，都以十分可爱的造型戳中了无数少女的萌点。而近日，国外艺术家David Szilagyi，创作的一组暗黑系《精灵宝可梦》的海报，却戳瞎了不少漫迷们的双眼。整组海报的画面风格阴森诡异，成功加入毁童年系列。 在这组海报中出现的动漫形象有妙蛙种子，妙蛙草…

2016年4月起， CDC通过腾讯问卷调查平台对1580名从事用户体验行业的从业人员进行在线调查，系统全面地分析了用户体验行业的整体情况，发布《2016年用户体验行业调查报告》。本次调查对象包括视觉设计、交互设计、用户研究、产品经理、团队管理、项目管理等岗位，通过对用户体验行业的从业者画像、核心竞争力挖掘揭示了行业现状与能力需求，通过对用户体验行业…