[UIkit]Ant Design for Web 改良版

栏目: 编程语言 · 发布时间: 6年前

改良版的Antdesign for web 3.0 sketch组件库奉上。

[UIkit]Ant Design for Web 改良版

最近,由于工作中项目团队用到了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

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

[UIkit]Ant Design for Web 改良版


以上所述就是小编给大家介绍的《[UIkit]Ant Design for Web 改良版》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

NoSQL精粹

NoSQL精粹

[美]Pramod J. Sadalage、[美]Martin Fowler / 爱飞翔 / 机械工业出版社 / 2013-8 / 49.00元

《NoSQL精粹》为考虑是否可以使用和如何使用NoSQL数据库的企业提供了可靠的决策依据。它由世界级软件开发大师和软件开发“教父”Martin Fowler与Jolt生产效率大奖图书作者Pramod J. Sadalage共同撰写。书中全方位比较了关系型数据库与NoSQL数据库的异同;分别以Riak、MongoDB、Cassandra和Neo4J为代表,详细讲解了键值数据库、文档数据库、列族数据库......一起来看看 《NoSQL精粹》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具