改良版的Antdesign for web 3.0 sketch组件库奉上。
最近,由于工作中项目团队用到了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 改良版》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
深度解析淘宝运营
刘涛 / 电子工业出版社 / 2015-9-1 / 49.00元
淘宝运营,仅有知识是不够的,还需要有系统的运营思路。为帮助广大电商从业者以及众多中小卖家更好地运营店铺,《深度解析淘宝运营》全面阐述了整个店铺运营的重点环节,包括淘宝搜索规则、打造爆款、店铺规划、客户服务、直通车、钻石展位、数据分析等内容。具体操作步骤翔实,并且结合笔者的实际操作经验,将各个环节最本质的一面透彻展现给读者,结合理论与实战,尽可能向读者展示一个最真实的运营核心。《深度解析淘宝运营》没......一起来看看 《深度解析淘宝运营》 这本书的介绍吧!