人员、任务、进度、工时、周期、依赖关系 一目了然。无论项目大小、简单复杂都能轻松管理

最近我在学习使用 Figma，会在社区查找一些大厂的设计系统文件学习，看到一篇微软 Fluent 系统图标规范文档，还挺详细的。其中，我发现有些小点自己平时很少注意到，并且感觉对设计师定义图标规范也有一定的帮助，所以结合个人图标经验挑选部分内容来翻译成一篇文章，便于扩展自己的图标思维。（备注：以下的规范是针对尺寸 24px、线条粗细 1.5px 的图标） 概述 在前一个版本，Fluent 系统图标采用了 MDL2 和 Monoline 图标集合，比较大的特征是直角、方方正正的

on 2022-04-01 | by ALEI 0

2021 年 6 月，微软发布了全新的 Windows 11 操作系统，采用了 Fluent Design 平台设计规范，视觉风格进行了大改版，更美观、更柔和、更现代。同时，设计上加入了毛玻璃模糊的材料效果、流畅的过渡动画和小元素动画。 我体验一段时间后，有几个点感到挺惊喜的：大圆角、卡片、动效。因为这几点不太像我们脑海中固化的 Windows 系统方正设计风格，倒有点 Mac 系统味道了。 其中，我发现了一些 UI 设计细节和亮点，觉得在桌面端产品风格上还是有参考价值的，所

on 2022-03-09 | by ALEI 0

最近我在想一个问题：假如设计师负责一款全新的产品，不受已有规范的束缚，我们该如何定义产品的色彩体系呢？有些设计师可能会凭自己的主观想法定义色值，觉得这个颜色在界面里好看就用了，但是我觉得这样是不够规范的，更多应该考虑到全局的通用性和科学性。 基于这个问题点，我网上查看研究了一些资料文章，参考了 Ant Design 和 Material Design，学习到了一些定义色彩 ID 的理论知识，来看看吧。 色彩 色彩是设计系统的重要组成部分，可以使用在品牌感、信息层级、操作指引、

on 2022-02-25 | by ALEI 0

从设计的维度，动态设计可以分为交互动效和 Ae 动效，在这两方面个人都有相关落地项目。但是自己感觉学得不够系统，只是能做需求，做得还不够好，所以最近几天我都在学习研究 Material Design 交互动态系统规范。从整体框架和细节入手，我结合日常业务设计思考总结了几点，也输出了一套动效标注模板，希望对大家有帮助。 这次总结主要是分享交互动效的相关干货，方便自己沉淀设计经验，大纲如下： 动效的作用 设计原则 持续时间 缓动曲线 动效风格 动效标注 动效的作用 相信很多设

on 2022-02-11 | by ALEI 0

动效设计，可以提升界面的趣味性和引导性，让用户浏览过程中不会太枯燥，获得更好的体验。 最近做的金山知了（后面改名为金山知识库）官网，头图元素加入了缓动效果，第一眼挺新颖的。 金山协作新年许愿活动，许愿按钮加入了运动的形象，更能吸引用户点击。 不过，输出动图和开发对接的过程中，我也遇到过一些问题：导出的动图模糊、资源太大、开发不支持动图格式等等，当时也是想尽办法地解决。 这次我总结了几种常用的动图格式，也提及我输出动图过程遇到的问题和解决方法，以及我们设计师该如何选择合适的

on 2022-02-10 | by ALEI 0

动效是设计师的一个主要发力点，界面里加入动效，可以增加趣味性和引导性。从业务层面来看，设计师首先要积累这方面的技能经验，到了实际项目中才有发挥的空间，较大程度地给业务赋能。所以，我结合常用的界面动效场景，输出了不少练习作品，对一些细节技巧有点感悟，和大家分享下。 大纲如下： 弹簧原则 有质感的形变动效 有节奏感的缓动曲线 符合生活场景 错位运动打造层次感 图形变化，路径重组 一些动效练习 弹簧原则 我们生活中的弹簧，一边固定，另一边用手拉伸后放开，它会经历多次来回弹动后才

on 2022-02-09 | by ALEI 0