设计与利器

2018年5月左右，Figma 推出了全局 Style 的功能。Figma 的 Style 是可以定义一组可以在设计中重复使用的颜色、字体和效果（如阴影）。当你调整这些颜色的时候，使用到这些颜色的对象的颜色都会即时更新。 Figma 的 Style 和 Component， 这…

多些理解，多些谦卑。只需要稍微理解一下对方的角色，设计师和工程师之间的关系就会大大改善。

生活中非常多不确定因素，设计上也是。作为设计师，我在做ComponentsLibrary时能够获得极大的满足感，而在做一些类似画插画之类的事情时，就会烦恼不已，因为绘画能力实在不行，里边也包含着更多的

当大家都追求基础功能的完善，行业内的设计模式会趋同，比如电商行业的商品列表和商品详情的设计，许多公司的产品设计大同小异。颜色上的区别？元素间隔的区别？这篇文章告诉我们，当基础功能完善之后，还可以这么玩。

一个小故事告诉你，原来限制你成为优秀设计师的是…… 阐述角度很棒！

因为研究 Design System，无意中发现了这本「Design Systems」。本来只是期望着看看别人的思路和想法，粗略的看了几个章节才发现自己错了。这本似乎并不太火的书可以说是目前市面上对整个 Design System、Language、Guidline 等概念思考…

本文谨献给设计师/汽车爱好者。 文章细分了第一款大众市场触摸屏电动汽车特斯拉 Model 3 的仪表板控制和界面的细节。从特斯拉的UI设计我们可以看出特斯拉的长期战略，以及他们对未来无人驾驶的态度。 拉至文章底部获取 Figma 源文件，以及原型交互链接。 本文阅读时间：约6分…

BEM 是由 Yandex 团队提出的一种前端命名方法论，是一个非常有用，强大，简单的命名约定，可以让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确而且更加严密。 我修改了我的html命名，感觉上结构更加清晰而且观察了一下微信的页面，头部和底部是不变的，每…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…