这篇文章是关于变速过渡效果的，看似简单，但真正想让动画自然流畅，还需要深入了解动画的基本原理。今天我们将会逐步学习：基本概念、探讨加速减速，拆解缓冲曲线，最终学会运用到界面设计中。...

估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标，只要在CSS引入这个字体icon，它就可以直接通过class来生成一个图标，而且免费使用。目前图标数量已经更新至585个之多，包...

最近两个月给公司的伙伴们做交互设计的分享，这是第一期分享的内容。在这次分享中，我认真梳理了交互设计师掌握和精通这门技艺的方法。我认为，如果想成为拔尖的设计师，只有这条路可走。 什么...

想快速建设一个兼容手机版的响应式网站，建议使用流行的Bootstrap框架，今天分享的Bootstrap 3素材几乎包含Bootstrap的所有设计元素，比如菜单、表格、按钮、提示等等，用来修改样式很方便。顺...

效果图虽然包括很多小图形，不过制作方法基本类似。过程：先用钢笔或形状工具分层勾出图形轮廓；然后分别添加渐变做出光影效果；再加上阴影和细节，基本效果就出来了。 最终效果   <点...

前俩天刚聊到远程工作，今天让一个有多年SOHO经验的设计师来聊聊他的心得感悟，好处大家听得不少，接下来自己为案例讲一些大家想得到的想不到的消极面，以及很多值得注意的地方，有心SOHO或接私...

网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习： 基础知识： 1、HTML + CS...

今天来一篇针对零基础+超新手的海报设计教程，作者@无线电_ 在学校做了30+的校园海报，经验丰富，还专门给学妹学弟写过教程，完全木有基础的同学建议读完这篇就可以入门咯。 注：由于作者是大...

今天带来的是一个马赛克拼贴纹理的LOGO展示模板的制作，操作很简单，依靠智能对象与图层样式来实现的，已经有不少同学交作业了，源文件也打包完毕，新手来练一个！ 源文件下载：http://pan.baid...

今天来一点简单好玩的动画教程，包括常见的Loading 动画、烟花动画和摩天轮旋转动画，操作不难，附有PS时间轴的入门手册，适合新人练习。 为了避免写僵尸教程，有些地方还是需要大家自行思考并...

不管是UI还是交互都是属于从国外传进来的「舶来品」，在翻译成中文的时候可能会出现一些词不达意的错误。 在传播过程中，这些错误可能会被进一步的放大。我们可以在网上看到很多设计相关的文章...

编者按：什么是信息架构？怎么理解用户体验五要素？本文用大量的案例和插图帮你轻松掌握这个基础知识。 今天想要跟大家聊一聊关于 UX 和 IA 的话题。其实在写今天这次分享的题目的时候我修改了...