最近，由于工作中项目团队用到了Ant Design发布的组件和框架来开发，因此作为设计师也不得不使用Ant Design发布的UIkit来进行界面的拼接，这里为什么说是拼接呢？因为在这个阶段已经不具备视觉设计工作了，只是根据原型图的需要，从组件库中选择适合的组件来拼装界面，这个工作其实也可以绕过UI设计师，只要你们的开发者足够强大，否则拼装出来的界面只能说一塌糊涂，你能想象一个缺乏搭配技巧和常识的人从名品服饰店买了一身不合适的衣服穿出来的样子吗？虽然每一件衣服脱下来都是精品，但是它们被不恰当的穿在了一个人的身上。

        所以，在这个时候，无论是不是要绕开UI设计师，都不能缺少一份搭配指南，上个月我在做这个项目的时候，还没有看到相关的指南。而在打开Ant Design官网的时候，我还是觉得很开心的，因为蚂蚁金服把这个组件库连同框架和代码都开放了，一个可用的框架。

         现在貌似都流行把自家的组件开放出来给别人用，降低了设计成本，设计的同质化日益严重，以后低级UI设计师真的怕是没什么活路了，而高级设计师就是生产组件库给他人使用吧。

        说回蚂蚁的这个Ant Design组件库，提供了桌面端、移动端两个版本，我是从桌面端开始工作的，下载了Sketch文件，打开看了一下，挺好的，内容齐全，有图标、色板、各种基础表单、表格元素，还做了大中小尺寸。

        在开始着手工作时，我将其导入了Sketch的library，刚开始觉得没什么问题，后来，我一边查看官方demo网页，一边在library中寻找对应的合适的组件，发现了一个问题：

        我找不到我在demo上看到的组件，我明明记得我在导入library之前看到过，为什么现在找不到呢？于是我去分析原因，一查才知道，这个库压根就是半成品。

        具体问题如下：

        1. 主题色并没有与所有相关元素创建关联关系；

        2. tab类元素全都没有创建为symbol；

        3. icons都没有创建为symbol；

        4. 范例文字样式与实际定义的样式不一致。

        针对以上问题，为了能够在工作中能实际使用，我花了两天时间对上述问题进行了修正，当然，时至今日我也没去看官网是否更新了版本，但是我打算基于这一套东西改造一个自己公司能用的组件库，所以也就不打算更新，有问题咱就自己修复。

        下面提供下载地址，安装方法就是将其放在您自己习惯放置uikit的文件夹，然后打开它，点选Sketch-file-add as library即可。

     链接:   https://pan.baidu.com/s/1DyKhPXn0NKljdBGU4KWE1Q  

     密码:   1mfm

    感谢您的阅读，希望您能帮助转发给您的朋友。