[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 改良版》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

企业应用架构模式

企业应用架构模式

Martin Fowler、王怀民、周斌 / 王怀民、周斌 / 机械工业出版社 / 2004-7 / 49.00元

本书作者是当今面向对象软件开发的权威,他在一组专家级合作者的帮助下,将40多种经常出现的解决方案转化成模式,最终写成这本能够应用于任何一种企业应用平台的、关于解决方案的、不可或缺的手册。本书获得了2003年度美国软件开发杂志图书类的生产效率奖和读者选择奖。本书分为两大部分。第一部分是关于如何开发企业应用的简单介绍。第二部分是本书的主体,是关于模式的详细参考手册,每个模式都给出使用方法和实现信息,并一起来看看 《企业应用架构模式》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器