记录未读
B端组件库整理文末有汇总地址
Vant一款有赞出品轻量、可靠的的移动UI组件库，目前支持Vue2、Vue3、React，微信和支付宝小程序，并由社区团队维护 React版本和支付宝小程序版本。官网的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易。
AntDesignAnt Design是一套企业级UI 设计语言和React组件库，提供了一套非常完整的组件化设计规范与组件化编码规范，能大幅提高了部分产品的设计研发效率及质量。PC端组件库文档中的设计原则写的比较完善，并且每个组件都描述了何时使用，让其对组件有更深的认识，提供的设计资源也是非常完善，值得web前端企业开发者们收藏!
BootstrapBootstrap 是全球受欢迎的前端开源工具库，Bootstrap4中文文档这个UI 库来自Twitter 的成员，拥有了box-flex布局等更新，但是组件比较少，特点是提供了很多工具类;需要引入JQuery，如果有自己特殊的需求，就需要重新定制样式。FlatUI是基于Bootstrap做的Metro化改造，由Designmodo提供。FlatUI包含了很多Bootstrap提供的组件 ...
设计流程检查
产品从无到有的设计流程检查表，每完成一项就勾选一项，检查必要设计环境是否有遗漏，细节是否到位。
流程项目实施过程，及需要关注重点流程。部分项目实际工作中并非有必要或具备条件开展，供参考。
1.1 速写/方案
开始动手做线框图或原型图前，先快速原型方法推敲、验证方案可行性，降低错误成本。
1.2 线框图
介于 sketching 和 prototype 之间，主要通过流程设计页面布局、框架。通常可以作为原型设计的早期阶段。
1.3 原型图
通常可交互，可以完整体验产品全流程。原型图以能与团队充分沟通，消除不必要的解释和误解为宜。与原型目的和团队默契度及团队类型、规模息息相关。
1.4 专家/团队评审
根据需求类型、大小、重要程度等，确定进行专家评审还是不同规模的团队评审，以控制产出质量。 含UI&ID
1.5 样式指南
完整的设计样式指南，用于指导该产品的设计工作，主要为统一团队设计风格，保证后续迭代设计统一性。
1.6 交互验收
通过评审后验收或团队内交付给UI设计开始后续流程，并保持沟通，处理设计过程中设计需求或产品变更导致的变化。
1 ...
记录未读
Ui设计师职级体系
90b95f3b460fee88bb318c66ab1150af7d6eea96a9808fcbd7a693fd38af40aec45a127c15523f33b7654ff575db0f629ffb826386d9aa1650b37a6461d779de05106406218a09e7b30d70370c8bf04bcfe9914e5b7ba498ccd9e29d8bd6017c02564eef78a0a27bb6b3f9f0f12bcc4c5ab6d80fae684d7728bdafa521d9d19fe65480ae099f5b524e6cb0b7f2797a69ed5a32fc45ebf020d82203ab5991d826f28e180e9e16b443f196aa328ed18f5d72aec4970551fad83e5a32ea5286a35b3a0d75ca6404ec474d7bf79c171dccedc3aa71d7c2b7a55bffb1d55e77434887f7d83ca75d8a4902715b6df4894b60c04ff5133f2258898bf ...
记录未读
视频制作流程规范
90b95f3b460fee88bb318c66ab1150af7d6eea96a9808fcbd7a693fd38af40ae4e22bf48fc64695c93b5178ca709a54b2a3c8e3122f6838d6f8b890e579b0f66f74931faee9f2730dabef46de52d3bb80a572c4c97ee3d6dcfc722b7f5b9a4bff2d4154cec160b8b4a10eaa8cb6b9a46c4e0403cf72bedd1e0ad17d48bde38bfd0c9e4308374107b5999d631d7849fb894af56d34388b4574de47bce10a041b9633d54815df12ececf0f42559cf55b8876294b9c3c70f3baaf949794da7b76a7e75b88382e55f90e1e4aa08badcd3549e14c7df1fe07de6ed6af3c5862960c7e08b2dfab30f51e0323f463c919735efec4afcc12c5e684409 ...
可视化大屏数据增长动效解析
关于3D可视化大屏的数据增长动画解析
效果预览先来看看效果（不清晰记得切换分辨率查看）
中继器解析想了解如何制作出数据增长需要对中继器的使用有基本的了解，已掌握的可以直接查看下一步。绘制形状图层，展开后选中矩形，依次点击添加——中继器。此时我们可以看到中继器相关属性。
节点
说明
副本
控制重复数量
偏移
控制位置的偏移
锚点
中继器锚点的位置
位置
距离上一个复制对象的锚点之间的间距
比例
在上一个复制对象的基础上缩放
旋转
在上一个复制对象的基础上旋转
起始点不透明度
-
结束点不透明度
-
通过滑块效果器控制矩形的宽高绘制矩形和一个空物体尽量让空物体和矩形重合，
给空物体添加滑块效果，并重命名x,y。方便我们后续通过空物体的滑块控制矩形的宽高。
按住option点击矩形图层的大小开启表达式。
将属性关联器，链接至我们刚刚添加的滑块x，可以得到下列表达式：
1temp = thisComp.layer("bridle").effect(" ...
记录未读
复古又时尚的中文标题字 - 站酷庆科黄油体字体简介站酷庆科黄油体是由个人设计师郑庆科精心打造的一款字体。该字体基于中华人民共和国GB2312-80字符集标准，提供TrueType和OpenType两种格式，共包含汉字9181个，英文及标点等常用字符814个。
字体特点站酷庆科黄油体以其耐看且兼具复古与时尚的特点脱颖而出。英文字体和数字采用了独特的折叠式设计，仿佛是由长条纸张折叠而成，给人以新颖的视觉体验。
字体设计创新，线条圆润，每个直角都被处理成半径为4pt的圆角。设计遵循笔划简化但不省略的原则，笔划角度尽量保持垂直，以提高字体的视觉中心，并有效解决因笔划交叉导致的阅读困难。
应用场景站酷庆科黄油体适用于多种场景，包括但不限于广告、海报、品牌标识等。
使用范围站酷庆科黄油体免费授权全社会使用，包括商业用途。
获取方式公众号回复关键词：方正楷体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.ap ...
记录未读
活泼俏皮的个性字体 - 站酷快乐体字体概述「站酷快乐体」是由字体设计师刘兵克发起，150位设计师共同参与设计的字体。这款字体的诞生，旨在让每一位设计师在创作过程中找到属于自己的快乐与幸福。
站酷快乐体遵循中华人民共和国GB2312字符集标准，共包含6763个汉字，而完整的GBK字集则超过2万个字符。
字体特点站酷快乐体以其可爱、有趣、活泼和俏皮的个性而著称。字体风格轻松简单，无论是笔画结构还是笔画粗细，都展现出灵活性。
根据其形式特点，站酷快乐体非常适合用于欢乐主题的设计，可以便捷地应用于网页标题、促销主题和产品包装等多种场景。
应用展示
授权范围站酷快乐体允许个人和企业免费使用，包括商业用途。
获取方式公众号回复关键词：方正楷体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
el.select();
document.execCommand(' ...
记录未读
笔画圆润柔和的可商用楷体 - 方正楷体字体概述方正楷体源于上海印刷技术研究所的华文楷体字稿。原华文楷体诞生于20世纪40年代，是新中国成立后主要使用的铅字楷体。在华文楷体使用的期间，上海字模一厂、上海印刷技术研究所等单位进行了数次改良，并添加了简体字。
方正楷体于1996年发行，由方正字模部设计，字库编码为大陆简体(GB2312-80)、大陆繁体(GB12345-90)、简繁扩展(GBK)、港台地区(BIG-5)。
字体特点方正楷体是方正字库里面的一款经典字体，它的结构秀丽匀称，笔画圆润柔和，横竖笔画的粗细变化不大，用笔细劲又多轻重对比，轻巧自然，整体效果非常出色。其风格秀美空灵，适用于文化类的宣传设计，以及商业类品牌的广告和产品包装设计。
授权范围允许个人和企业免费使用，包括商业用途。
获取方式公众号回复关键词：方正楷体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(e ...
记录未读
古风古韵的手写字体 - 鸿雷板书简体「鸿雷板书简体」是由鸿雷老师精心用手绘板制作的手写字库。这款字体的诞生源于鸿雷老师抄写千字文的练习，随着书写的深入，这款字体逐渐成型。
鸿雷老师坚信：“一切事物只有得到应用，才具有其真正的意义”。
特点鸿雷板书简体是一款全手写的字体，其字体形态优美、舒展，整体大气，充满了古风古韵的文化气息。它非常适合用于需要展现韵味和中国传统风格的包装设计、海报设计以及Banner设计中。
使用许可允许个人和企业免费使用，包括商业用途。
获取方式公众号回复关键词：鸿雷板书简体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
// 复制成功提示
btf.snack ...
记录未读
笔划纤瘦的文艺字体-胡晓波真帅体胡晓波工作室在 2019 年末推出三套字体，并向全社会发布免费可商用，本篇介绍第一套「胡晓波真帅体」。 本字体共收容字符数 7424 个，字形数：7412 个。
使用许可允许个人和企业免费使用，包括商业用途。
获取方式公众号回复关键词：胡晓波真帅体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
// 复制成功提示
btf.snackbarShow('参数已复制到剪切板');
return false; // 阻止事件冒泡
}
var isMobile = navigator.userAgent.match ...
记录未读
简洁大方稳重高挑的黑体-胡晓波男神体简介胡晓波工作室在2019年末推出了三套字体，并宣布这些字体免费且可商用。本文将详细介绍其中的第二套字体——「胡晓波男神体」。该字体共收录了7331个字符，字形数为7317个。
字体特点
平滑圆润处理：「胡晓波男神体」在拐角连接处进行了平滑圆润处理，使得字体更具活力感和灵动感。
斜角处理：在边角处进行斜角处理，使得横竖笔画对比强烈，增强了视觉冲击力和表现力。
提、撇走向规律：字体的提、撇走向规律，角度统一，边缘整齐化处理，更利于排版。
字体重心提高：字体重心稍做提高，并保持横竖比例相等，使得字体稳重且高挑。
笔画简化：对某些连笔笔画进行简化，并对拥挤处笔画进行特殊处理，笔画较多处未进行粘合，增加了空间呼吸感，使字体更加简洁大方。
获取方式公众号回复关键词：胡晓波男神体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea');
el.value = text;
document.body.appendChild(el);
...
记录未读
自然美感的手写楷体-江西拙楷体「江西拙楷体」是由设计师黄煜臣发布的一套免费可商用字体。该字体由黄煜臣一人手写并制作，共收录了6248个字符，字形数达到6260个。
特点「江西拙楷体」是一套手写楷体，与电脑中标准化制作的楷体不同，这套字体的每个字笔画没有统一标准，每个笔画都带有书写的痕迹，具有手写的自然美感。
「江西拙楷体」的每个字都带有自然的斑驳肌理，这个特点使这套字体别有韵味，带有更加浓厚淳朴的文艺气息，风格独特鲜明却低调内敛，毫不张扬。
与中文汉字相搭配，字体作者也为英文加入了同样的斑驳肌理效果，无论怎样搭配使用都能给读者带来眼前一亮的视觉冲击效果。
利用字体具有自然的斑驳肌理，用来做印章会有意想不到的效果。
字体浓厚的文艺气息，用来制作文创产品也独具特色。
用于食品包装，低调内敛又不失大气。
也可用于海报制作，简洁清新，鲜明生动。
使用许可允许个人和企业免费使用，包括商业用途。
获取方式公众号回复关键词：江西拙楷体
// 复制到剪贴板的函数
function copyToClipboard(text) {
const el = document.createElement('textarea') ...