UI设计规范技巧——文件整理


掌握好整理文件和上传的方法,有一份清晰的切图文档,能高效的开展开发和视觉之间的沟通。


1.正确精准的命名

开发同学在实现某个页面的过程中,必须要一张张去找我们的切图,把它们对应起来。所以一个精准的命名,能够让开发一目了然。


2.归纳切图类别

我们完成的页面有几十个,每个页面里又有零零散散的图标,把它们一个个拿出来,必定有很多重复标注。在iOS中要求的icon又大多是44px的,所以很多都是可以在不同页面里通用的,学会归纳也能提升效率。


通用文件归纳法

比如类目icon,你可以把这些常用的类目图标,都整理在一个文件包中。

1.解决视觉设计中,设计师对不同页面但相同功能icon的不统一

2.只要是用到类目的,哪怕是不同的页面,开发也能在一个文件包中找,不同在每个页面包中来来回回。


控件归纳法

像一些常用的控件,比如navi, toolbar, setting, tab-bar等,也可以整理成一个通用的切图包。



3.一个页面一个包

纵使我们归纳总结,但零零碎碎的切图,不可能完全分类。于是剩下的一些,我们就需要按照一个页面一个文件包的方式,来整理切图,就这样不管是开发要拿,或是你要更新,都在这个统一的地方交接就行了。


4.切图示注意点击区域


切图时可以把点击区域一起切,并在页面标注上相应标明


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值