今天分享一组动效字母图片
【干货下载】ins风设计素材动效模板psd
分享一波动效模板，PSD带时间轴， 替换文字和图片可以直接导出gif或者mp4， 下载地址见页尾，包含mp4示例 文件包大概779MB。 素材来源：https://creativemarket.com/ &…
【韩都动效设计】《loveless》复合轮播
《loveless》
【韩都动效设计】周年庆少女星主题页面鼠标滑过动效
韩都衣舍周年庆少女星主题页面动效设计
5个小技巧，用动效提升界面的用户体验就这么简单
动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户…
动效设计必备：元素周期运动表（Periodic Table Motion）
今天分享一个元素周期运动表，这个并不是化学元素，你可以理解为「元素运动规律」，因为这个元素表是由一些常用动效组成，并且每个动效的实现都有一个理论依据，而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波、回旋路径、极坐标、…
动效设计基础（一）：运动曲线与缓动【腾讯】
作为设计师，我们经常接到这样的需求：XX app中的动效好酷啊，我们也做一个吧。这时，一些习惯了把设计输出 = PSD的同学往往无从下手。那什么是动效设计？什么时候需要用什么样的动效？动效越酷炫越好吗？这里，我会用几篇文…
Codepen按钮CSS动效第三弹
Tapbar Button Animation HTML + CSS + JavaScript DEMO and CODE DOWNLOAD Cool Hover Effect HTML + CSS DEM…
超实用的动效设计入门小手册
编者按：这篇小册子的目的不是手把手教你如何做出一个动效，而是从基础动效、动效曲线、动效软件等方面从头梳理相关的知识点，串成一片，帮助你从整体轮廓上认识动效，适合零基础及新手阅读。 最近几年UI设计领域最大的变化便是越来越…
2016年网页设计领域11个流行趋势预测
来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大…
【前端动效】一大波css按钮动效袭来(之三)
之前分享了 【前端动效】一大波css按钮动效袭来 【前端动效】一大波css按钮动效袭来(之二) Cryptaris Glitch CSS Button HTML (Jade) + CSS (SCSS) G…
APP UI交互设计动效灵感
一个好的动效设计可以提升UI界面与用户的交互体验，让枯燥的界面不这于沉闷，甚至具有吸引用户去继续去探索的可能，当然我们不能随便使用动效，需要经过深思熟虑，不要为了“弦”而去做。 接下来一起看看本周摘选的《APP UI设计…
停止不必要的UI动效设计
前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。 我们将在下文中，简单探讨如何改善下面的这个交互。 UI动效设计的反面案例（线上Demo） 注：这个…
【前端动效】一大波css按钮动效袭来
今天给大家带来一大波CSS按钮动效，附gif及codepen地址，方便给大家带来灵感，提升你网站用户体验。 Block Button With Icons HTML + CSS (LESS) http://codepen…
UI动画可不是卡通片
转自可乐橙 我之前撰文讲过多余的动画，引发了一些共鸣。得到了非常积极的反馈，我很高兴了解到，动画过多的界面也会令其他人手足无措。 老实说，我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。 克制，是一名优秀…
提升用户体验的7大微交互
众所周知，我们总是依据封面来判断书的好坏，聪明的设计师会创造实用有吸引力的界面。潜在用户可能会被吸引，但如何一直黏住他们呢？ 要试着回答这个问题，所有一切都指向人本设计，其中用户是最主要的考量。以人为本：你的应用应该使用…
3个有趣的css鼠标hover动效
今天带给大家一篇自己翻译的文章，3个简单的hover动效效果，初次翻译有不对的地方大家多多见谅。 现代网络中，很多技术形式可以实现有趣的动效，但最简单优雅的通常是CSS，特别是新增加的CSS3。 过去，我们不得不依靠Ja…
网页动画：JavaScript和CSS3 动效库大全
我们将向大家展示下网页动画的现状地图，并收集了一些具有多变表现力的类库、框架和插件。 图1：网络动画地图 下图分为三个区域，第一部分是一些容易理解的动画类库，撇开已经达到期望的通用动画方法外，还从简单的方法…
玩转HTML5移动页面（优化篇）
承接上文《玩转HTML5移动页面（动效篇）》，上次说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防…
常见的Loading进度条动效形式
在浏览网页、玩游戏、手机应用等场景，因为网速慢或是硬件差的关系，难免会遇上等待加载的情 况，没人喜欢等待，耐心差的用户可能因为操作得不到及时反馈，直接选择放弃。正所谓细节决定成败，这时添加一个Loading进度条动画，就…