APP界面切图命名和文件整理规范

最近一直在找一个比较好的切片命名的方式,找了好久,觉得这篇还不错,整理过来,大家一起学习。


APP界面切图命名和文件整理规范



       


规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则:尽可能的用最少的字符而又能完整的表达标识符的含义。

切图命名英文缩写三个原则:



1 较短的单词可通过去掉“元音”形成缩写

2 较长的单词可取单词的头几个字母形成缩写

3 此外还有一些约定成俗的英文单词缩写.  


第一部分:iOS APP界面设计切图命名规范  


以上切图命名规范信息图来源:http://www.zhangruisheng.com/post/e5517_260065b  感谢张瑞生的无私分享。


第二部分:手机APP切图文件整理和技巧分享

APP界面切图命名和文件整理规范


第三部分;Android编码规范建议18条,非常不错! 适合手机app设计师和android 工程师阅读。


1.java代码中不出现中文,最多注释中可以出现中文

2.局部变量命名、静态成员变量命名 只能包含字母,单词首字母除第一个外,都为大写,其他字母都为小写

3.常量命名 只能包含字母和_,字母全部大写,单词之间用_隔开

4.图片尽量分拆成多个可重用的图片

5.服务端可以实现的,就不要放在客户端

6.引用第三方库要慎重,避免应用大容量的第三方库,导致客户端包非常大

7.处理应用全局异常和错误,将错误以邮件的形式发送给服务端

8.图片的处理

9.使用静态变量方式实现界面间共享要慎重

10.Log(系统名称模块名称接口名称,详细描述)

11.单元测试(逻辑测试、界面测试)

12.不要重用父类的handler,对应一个类的handler也不应该让其子类用到,否则会导致message.what冲突

13.activity中在一个View.OnClickListener中处理所有的逻辑

14.strings.xml中使用%1$s实现字符串的通配

15.如果多个Activity中包含共同的UI处理,那么可以提炼一个CommonActivity,把通用部分叫由它来处理,其他activity只要继承它即可

16.使用button+activitgroup实现tab效果时,使用Button.setSelected(true),确保按钮处于选择状态,并使activitygroup的当前activity与该button对应

17.如果所开发的为通用组件,为避免冲突,将drawable/layout/menu/values目录下的文件名增加前缀 18.数据一定要效验,例如:字符型转数字型,如果转换失败一定要有缺省值;  服务端响应数据是否有效判断


30个免费苹果iPhone X模型下载(PSD,AI,矢量,素描,Adobe XD)

iPhone X的Mockups(免费)在这里下载


iPhone X样机 - PSD 下载IPHONE X PSD

以photoshop psd格式下载新的iPhone X模型和完整的帮助文档。好好享受。


iPhone X样机 下载IPHONE X MOCKUP

这是新的iPhone X模型。可以使用。您可以从以下链接下载它。


免费的iPhone X样机(免费PSD)下载免费的IPHONE X MOCKUP

由Photoshop中的矢量形状图层和图层样式完成。


iPhone X样机免费PSD 立即下载PSD

在这里您可以下载免费的iPhone X Mockup PSD,以全新的外观展示您的应用和UI设计。


免费的iPhone X样机包 GET IPHONE X MOCKUP BUNDLE

免费为个人和商业使用。


iPhone X平面样机免费 现在下载


iPhone X样机现在下载MOCKUP


iPhone X样机白色 下载IPHONE MOCKUP


2个不同角度的自由iPhone X样机 现在下载


iPhone X Skeuomorphic样机 - 素描 现在下载MOCKUP


iPhone X免费PSD和矢量文件免费下载 下载IPHONE X PSD

下载iPhone X PSD和Ai矢量文件免费。


X X的iPhone X样机 - 免费赠品 现在下载


iPhone X的Mockups 下载


iPhone X样机 下载MOCKUPS

包括7个可定制的样机+ 5K和i7壁纸


iPhone X样机 现在下载


免费的iPhone X样机(新)下载IPHONE X MOCKUP


iPhone X半平面样机(.PSD文件)现在下载


iPhone X样机PSD 下载MOCKUP PSD


免费的iPhone X矢量等距哑光样机 IPHONE X矢量MOCKUP

免费使用个人或商业项目这是免费的产品


素描的iPhone X样机 下载MOCKUP SKETCH


iPhone X的Mockups 下载IPHONE MOCKUPS

这是iPhone X / 8 Mockup&iOS 11 GUI文件。该文件是一个分层的PSD,Sketch和Adobe XD。


iPhone X的透视样机 下载透视MOCKUP


免费的iPhone X黑色模型 获得免费的PSDS


iPhone X - Figma的矢量样机 下载矢量MOCKUP


Iphone X样机免费 IPHONE X MOCKUP免费


iPhone X样机免费赠品 获取MOCKUP FREEBIE


iPhone X和三星S8平板模拟草图文件 下载FLAT MOCKS草图


iPhoneX - 最小免费赠品(PSD)MINIMAL-FREEBIE,PSD


免费的iPhone X样机 下载MOCKUP


iPhone X Mockup - 亲和设计师 现在下载


iPhone X免费PSD样机 立即免费下载



外加两个样机下载链接:24 Best Free iphoneX 70+Free iphone


0:00