iiliilliil

动效的标注文件应该是怎样的，这篇文章总结了如何给UI开发工程师交付一份完整、具体、可读性好的动效标注文件。

探索孟菲斯风格的演变，试试这些超酷的方法把曼菲斯风格运用到您的设计中。 设计要跟得上流行又现代的风格并不是那么简单。流行来来去去，常常起死回生，就像僵尸一样。这次（再次）风靡设计界的是孟菲斯（Memphis）风格：在静态图案之间穿插波浪线条和任意的平面图形；大胆的用色与柔和的粉…

此文已由作者王强授权网易云社区发布。 图表设计的过程实则是将数据进行可视化表达的过程，其研究的对象源头是数据，然而，数据本身价值不大，所谓的“数据”往往是由一些看起来有用和没用的“数字”组成，用户很难从这些散乱的数字中发现有价值的信息，so，如果把这些“数字”从商业目的、用户动…

在视觉设计师设计一款APP的时候，最先要制定一套完善可行的设计规范，其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西，那就是网格系统的构建。网格系统可以说

优秀的动画，对于提升UI的逼格非常重要，在大多数情况下，针对动画进行合理的调整，就可以让你的UI变得更加出色，好的交互设计，能够展示状态之间的连续性，以及不同UI元素的的关系，同时，能够使得用户的注意力聚焦在重要的地方。 所有的交互都是用体验版本的InVision Studio…

左边的图片是Sketch中的设计稿的截图，右边的图片是在iOS中的还原。这些差异会在图像渲染时出现，尽管两张图中用了完全相同的字体、行间距、阴影半径、颜色和渐变属性。 如你所见，把设计稿转换成真实的代码时，一些细节就会丢失。接下来我会深入探讨这些细节并告诉你如何做才能避免信息的…

一个图标通常是由矩形、圆形、三角形等基本元素演变而成，将图标模糊后再去观察它们的光斑，会发现它们基本有相同的视觉重量。 根据图标的形状将它们放在对应的网格中，就会发现，正方形图标会比三角形或者长方形的图标更加紧凑。 图标越紧凑，占用的空间就越少。图标的边缘越锋利或者细节越少，占…