泱泱

之前分享了一些自己平时整理的可以通用的SVG动画的教程基本都是最基础的变化，旋转也好，缩放也好，沿路径运动也好，只需要定义CSS3的一些动画属性值或者SVG的动画属性标签，当然，运用得当的话，依靠这些也能做出很多超炫的效果，只要想象力足够，idear胜过方法。本质上来讲，各种动…

这是一个利用CSS3的动画属性实现的结合lowpoly（低多边形风格）的效果，主要利用了CSS3 transform属性的rotate旋转，translate移动，scale缩放，CSS代码部分非常简单，唯一有趣的是 nth-of-type选择器的使用，这里UI设计师小伙伴不用望…

写在开头：关于网页栅格布局的概念已经无需再进行描述，一般来说，有经验的web ui 设计师都应该听说并运用过。但网上有些关于栅格化系统的文章讲的非常理论化，又是算法又是模块，而且和响应式布局混在一起，让新晋的网页设计师们简直无从下手，所以这里以案例来说明何时采用以及怎么最快的建…

先看一个动画效果，这种小飞机沿路径飞行(路径部分线段变成绿色是录屏软件出了问题)。 这种动画效果最常见于发送信息后，两个不同位置之间的导航指向等等，总之使用场景还是很多的。对于SVG动画来说，这种效果是最最简单不过，只需要一个路径外加几个属性的简单设置就能完成，简单到不算飞机图…

UI 设计师在设计一款产品时，很多情况下要考虑到企业标准色，本文从 HSB 色彩模式的角度出发，用实例告诉 UI 如何通过 HSB 色彩模式建立企业标准色的配色方案，希望给初级 UI 设计师一点启发。

UI 设计师发展到今天，只是掌握配色、画图标、做效果图这些基本技能已经远远不够，还需要懂交互，懂 CSS，以及了解前端的相关知识。本文从自身经验出发（系转行），一一列举了 UI 需要掌握的技能，以期给初级 UI 设计师提供帮助。 ——致力于 UI 与前端的无缝对接

delphi 开发虽然应用不广泛，但基于开发环境的特殊性，对图片有一些特殊的要求，UI 设计师一旦工作中遇到，会比较棘手，文章详细的介绍了如何在设计过程中使用反编译软件以及按钮类图片和透明背景的 BMP 位图注意事项，以期给有需要的设计师提供便利。

SVG 动画最近几年比较热门，但对于没有代码基础的 UI 设计师学习起来有一定难度，文章从基础的缩放动画入门，手把手教给 UI 设计师如何完成一个 SVG 缩放动画。 ——致力于前端与 UI 的无缝对接

针对 UI 设计师很少去关注 UI 库的情况，借此文告诉 UI 设计师组件库的重要性及在具体项目中如何使用。