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

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

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

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

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

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

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

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

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

第三部分;Android编码规范建议18条,非常不错!

适合手机app设计师和android 工程师阅读。

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

2.局部变量命名、静态成员变量命名

只能包含字母,单词首字母除第一个外,都为大写,其他字母都为小写

3.常量命名

只能包含字母和_,字母全部大写,单词之间用_隔开

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

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

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

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

8.图片的.9处理

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.数据一定要效验,例如:字符型转数字型,如果转换失败一定要有缺省值;  服务端响应数据是否有效判断

原文:25学堂

(0)

相关推荐

  • UI日常-切图切图怎么破?

    作为一名"小小"的UI设计师,切图可以说是我们日常工作的必修课.一些设计师认为切图规范不重要:或是切图是设计助理的活:又或者是单方面认为,开发应该100%的按照我们的切图去写代码. ...

  • 开发协作-切图类别与规范

    切图标注作为连接UI设计到技术开发两者的工作模块,缺其不可.合格的.严谨的切图可以大大减少技术人员开发返工率. 一个互联网产品从构思到落地,大致分为以下环节: 发现商机 – 市场调研 –  头脑风暴 ...

  • 如何通过猫图鹰App将图片扫描为PDF文件

    猫图鹰是一款用于扫描/识别的文档管理软件,有些用户想知道如何通过该软件将图片扫描为PDF文件,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,找到并点击[猫图鹰]图标 ...

  • 自动切图神器Slicy使用介绍

    自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!为切图黯然销魂的设计师们必备利器 如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 ...

  • 省时省力的切图神器SLICY

    如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 Slicy 里。 3. 好了。 够简单无脑了吧? 图层命名方式 为了要无脑切图,得稍微记一下 slicy 图层命名的格式, ...

  • MAC下的SLICY切图神器怎么用

      MAC下的SLICY切图神器怎么用 切图方便,简单的拖放即可,傻瓜式操作2. 培养为图片资源合理命名的好习惯 自动生成@2x两套图片,极大方便IOS开发者 二.软件使用 1.PSD文件的预处理 这 ...

  • 易被忽略的App界面设计细节

    谈到App界面设计,很多新手都会过于纠结界面尺寸.图标尺寸,也会在颜色.字体.间距间毫无头绪.本文将按照app界面设计流程来讲解一下,新手需要注意的细节和误区. App界面设计流程 产品定义 产品定义 ...

  • 怎么在ps里快速切图

    对于做设计的来说,有时候需要切很多图用来,前端催的紧.有没有什么办法能快速解决这一难题, 毕竟是些重复性的工作 ,没必要浪费太多时间在这些事情上面.现在只需要在ps里装个小插件就可以事半功倍. 操作方 ...

  • AE制作APP界面gif动画效果

    我们在进行交互设计的时候,大部分时间是基于界面和功能逻辑的考虑,也适当的进行了交互效果的考虑,那么我们如何把交互的效果直观的表现出来呢,除了用axure做出交互的动态效果,ps绘制GIF图,代码设计动 ...