动效设计

已发布文章 117 篇

这四个动效小趋势,让你可以把网页设计得更加圆融

随着交互设计重要性的提升,动效也越来越被设计师所重视。它不仅仅是取悦用户的工具,而且被视作为改善用户体验的重要手段。从为界面营造氛围的微小动效,到用来沟通用…

超全面!产品动效设计全方位科普手册

本文主要讲述了为什么做动效,好的动效设计的标准是什么,如何做动效设计,以及如何使自己设计的动效完美落地。 看完本文你会学到: 1. 为什么需要动效设计? 什…

深邃神秘的网页!当深色系配色遭遇微妙的动效的时候

我们日常所看到的绝大多数的网站,在基础配色方案上,都是以浅色为主的,背景大多是白色或者浅色。有意思的是,近两年,以黑色为主色调,或者大量运用深色背景的网站,…

鸡爷:那些酷炫的UI动效可不是动一动那么简单

讲座视频录播回放 https://uiiiuiii.com/other/121225971.html 温馨提示:讲座已结束,此为讲座录播。 报名方式 1. …

看似简单的几个动效,在APP中实现过程并不简单

在前面的两篇文章《可爱炸!人家的闹钟APP为何设计得如此有意思》和《靠着吉祥物,这款闹钟APP成功俘获了用户的心》当中,我们聊到了Toonie Alarm …

超全面!界面交互动效核心知识的分类与总结

Echo  :这篇文章是基于我自己的理解对界面交互动效设计进行了分类整理和总结。 一.  什么是界面交互动效? 界面交互动效是展现界面间的转换和界面内元素变…

网页滚动特效要怎么设计?来看看这12个网站

动效在如今的网站上已经无处不在了,尽管它们很常见,但是这些动效用的是否合适,是否真正创造了足够优秀的用户体验,还鲜有讨论。 今天我要聊的“滚动浏览动效”是网…

要做动效?这75款动效工具让你无所不能(下)

这个动效工具合集真的是够长啊!上半部分《要做动效?这75款动效工具让你无所不能(下)》中已经为你推荐了35款,剩下的40款工具就在下面: 36. REPAI…

超实用!教你用动效神器Lottie 实现App 加载动画

编者按:Airbnb 开发的这个动效神器,可以帮你轻松让动效落地,今天来个教程让大家学一下。 在没有 Lottie 之前,一般都是通过给 PNG 序列图,或…

要做动效?这75款动效工具让你无所不能(上)

动效这两年崛起非常之迅猛,几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中,它的受欢迎程度都非常之高,大家都对它津津乐道。 从微妙的…

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

转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面,动态的转场动效更符合人类的自然认知体系,有效地降低了用户的认知负载,屏幕上元素的变化过程,前…

超全面!腾讯出品的交互微动效设计指南

本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,…

深入浅出!交互+前端共同撰写的动效设计合作指南(一)

UI动效设计能让用户体验更加舒适顺畅,一直都非常受设计师欢迎。但是如何做出可交付能落地的动效,却成了很多人不得不面对的难题。本系列的动效设计合作指南由交互设…

超实用!12 条提高产品可用性的动效设计原理(附案例)

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦…

用这4个超实用的方法,做出有价值的功能性动效!

@喪心病狂十六夜貓 :约在10年之前,在用户界面使用的动效,大部分是一些广告和闪烁的弹窗。然而到了今天,已经发生了翻天覆地的变化。 交互设计和动态效果的详情…

微交互是如何塑造优质的产品细节的?

“最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”Dan Saffer 的这句话阐明了许多成功产品…

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege