知鸦日报2024-01-15

配色系统是设计系统的核心元素，创建配色系统的方法有很多种。例如，根据谷歌 Material Design 3 指南，一个设计系统必须具有主色、次要色、三级色和表面色（各种背景色）调色板，这将迫使你使用超过 40 种颜色。这么多的颜色会导致混乱，在设计过程中的会有干扰，大多数颜色甚至不会被使用。

设计系统是公司的核心产品，其用户是设计、开发和创意团队。因此，设计系统必须为所有人理解，为团队使用，为测试提供错误检查，并为公司盈利。我一直在努力实现这些目标，并因此改进了一种提供这些功能的配色系统。

在系统当中，其实批量就是需要我们去做多条数据的操作。在 B 端产品当中，这种情况非常常见。

比如我想去编辑多条数据，便可进行表格数据选择，从而实现批量操作；我想配置多条流程规则，则可以依据一个模版进行复制，从而进行快速修改；我想快速新建大量数据，则可以通过不同的方式进行批量新建。

框架布局+页面层级+栅格系统+Web页面适配。

本文将讲述面对复杂度极高的外卖营销，不同阶段我们从设计的角度都做了哪些体验洞见与创新。

在公开课APP中，信息流是用户获取和浏览课程相关内容的核心界面之一。我们发现在性能较差的设备上，用户在浏览信息流时有时会遇到卡顿现象。卡顿对用户的使用体验有较大的影响，因此我们决定对信息流的卡顿进行优化。

随着云计算和大数据发展，应用程序安全越来越受到重视。RASP 技术作为一种新型的安全防护手段，正在逐渐被业界接受并广泛应用。

最近在业务上遇到了一个问题是要将页面打印输出成pdf文件，通过点击一个按钮，就能够将页面写在一个pdf上，并下载下来，需要保证pdf的内容具有很好的可读性。

经评估要实现这个需求，一种可行的方案是将HTML页面转为PDF，并实现下载。通过技术调研，最终的方案确定为通过html2canvas + jspdf这两个库来实现，通过使用html2canvas提供的方法，将页面元素转为base64图片流，然后将其插入jspdf插件中，实现保存并下载pdf。

html2canvas + jspdf方案是前端实现页面打印的一种常用方案，但是在实践过程中，遇到的最大问题就是分页截断的问题：当页面元素超过一页A4纸的时候，连续的页面就会因为分页而导致内容被截断，进而影响了pdf的可读性。