切图命名规则

作者: 糖果先生 | 来源:发表于2016-01-08 12:11 被阅读243次

    好久没来简书玩了,今天在这里跟大家讲解下手机端切图的命名规则,希望各位做设计的朋友能够规范命名切出来的图片,这样配合开发人员才能高效率的工作(--;因为楼主以前就是苦逼的程序猿)。

    启动页面

    上图界面为手机端的登陆界面,一般我采用的方式就是xx_xx这种命名方式,大家可以看看图片中的命名规范,以后自己命名的时候可以参考参考。                                                                                 (注:Android下的很多btn都需要做.9.png,IOS则不需要。为何呢?接下来我为大家解释一波,Android系统为开源系统,任何厂家都可以自己去做手机品牌,所以说导致市面上出现了各种尺寸的Android手机,因此.9图片就是为了让切出来的图片在各种手机上自适应。而苹果手机就不需要,因为苹果手机的尺寸都是标准化的,从最开始的苹果1代、苹果2代、苹果3GS直到现在的6s plus,他的屏幕尺寸规格都是标准化的,不会出现N种不同尺寸的手机,童鞋们,你们明白了吧)

    下面是我为大家做的一些图片,可以学习学习下。

    导航栏

    左侧导航栏

    选项卡

    主界面

    楼主要声明下:本人并非专业的UI设计,因为以前大学时期组建过团多,缺少设计人员,所以自己学了一些。现在身边大牛比较多,所以在经验这块比较丰富,可以给你们指导指导。另外,如果有关于开发方面、需求分析方等IT相关的问题都可以私本人咨询。


    相关文章

      网友评论

        本文标题:切图命名规则

        本文链接:https://www.haomeiwen.com/subject/vewfkttx.html