怎么更换layui树级组件图标_figma实战组件化

本文介绍了如何使用Figma进行layui树级组件图标的更换,探讨了组件特征,包括通用性、灵活性和复用性。详细讲解了Figma中的命名规则、组件创建与管理,以及基础组件规范如颜色、文字、图标等。同时,展示了树结构组件的创建方法,包括无线和有线连接树。最后,分享了设计基础规范和结语。
摘要由CSDN通过智能技术生成
点击上方 “蓝字” 可以订阅哦!

45d7c1d4e7ef136ca9569cfdb30f7e3b.gif

本篇主要讲的是利用figma做ToB的基础设计规范,解决的主要问题是设计和开发效率问题,在最初还在用ps做设计的年代,普遍存在的问题是设计图的界面元素偏差,颜色运用混乱等问题,导致后期开发过程中,出现买家秀和卖家秀的情况。

如何解决这一问题?成了设计师最先要去解决的问题,后来设计师慢慢的转变工具的使用,有些团队用xd,有些团队用sketch,有些则选用figma,不作过多评价哪个工具好。在网上看了一些文章,如果把设计工具比作汽车,你又会怎么选择?

2929646711bef4f31edaecd75026085e.png

在这里我选择了figma,接下来和我一起来看看吧。

0a43c7a3ba9e319e9cca2b995181f4ef.png

一  组件特征

  Figma实操讲解

三  基础组件规范

            1,Color 颜色规范

            2, Font 文字规范

            3, Icon 图标规范

            4, Layout 间距系统

            5,Button 按钮规范

            6, Form 表单规范

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值