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

转自:http://www.chinaz.com/design/2015/0908/443732.shtml

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

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

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

如果你刚入门的APP设计师新手,可以再来看看iOS端的切片文件命名规范。

1、我们以iPhone 6(750px/375pt)的尺寸作为基准设计,切图的时候我们通常需要切两套图。分别是@2x和@3x的切图资源。

详细的iOS的切片文件命名规范如下:

2、常见界面、控件、功能、状态命名集合:

APP产品经理、APP设计师、APP开发工程师,包括H5前端开发人员都可以记住的文件命名规范。

非常完整的APP元件切图的中英文对照表。

原文地址:https://www.cnblogs.com/cheng2015/p/8317436.html

时间: 2024-10-07 17:58:56

【转】APP界面切图命名和文件整理规范的相关文章

APP切图流程和APP切图命名规范详细完整版

转自:http://www.25xt.com/appdesign/7339.html 我们都知道一套完整的 App 通常会有很多张切图,不管是 iPhone 需要 1x.2x.3x 图档,Android 需要至少 3 种 hdpi.xhdpi.xxhdpi.在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档,档名的命令方式就需要双方统一格式方便大家作业.所以,制定一套非常有效而方便的APP切图命名规范非常有用的. 下面就跟随25学堂的小编来详细了解APP切图命名的流程和命名规范. 基本上

CHUTTERAN对界面切图的好处和教程

在目前主流的界面设计切图工具中,ui设计师们都比较喜欢使用Cutterman工具进行切图,因为这款切图工具是国内研制的,一方面体现中国设计师的爱国,另一方面,这款切图工具自身的功能使用起来非常方便,并且有个平台的切图方式. 新版cutterman的插件新功能如下: IOS: 如果你是为Iphone界面设计,请使用ios标签,它能够为你生成符合ios系统的单/双倍图 Android: 如果你是为Android设计界面,请使用Android标签,它能够生成符合Android系统的各种DPI分辨率图片

iOS app 切图

iOS 切图尺寸规则 目前iPhone有10种型号,5种屏幕尺寸,再加上6plus的“降采样”(Downsampling)(1080-1920),还有iPhone6和6+上的放大模式(1125-2001)和默认模式(1242-2208),是不是感觉好恐怖?但是不用怕,我分享一套超简单的适配方法,看完你都不信有这么简单~ 美工交付给开发的资料有: 1.  标注图(以640为宽度尺寸为基准标注) 2.  2x切图(以640为宽度尺寸为基准切图) 3.  3x切图(以1280为宽度尺寸为基准切图) 开

APP UI设计及切图规范

APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 嗡嗡(iwengweng.cn) 整理. 1.2 读者对象 项目实施工作组UI/UE设计人员. 2.色值规范 系统采用统一色彩标注值,超出的需要进行登记管理. 色彩范围值:以通用字号C开头标识,在Android开发中对应相应的配置文件 参考:Android开发设计规范 2.1 屏幕适配 Androi

UI,切图,命名

APP切图流程和APP切图命名规范详细完整版 http://www.25xt.com/appdesign/7339.html Marketch

iOS界面设计切图小结

iOS界面设计切图小结 APR 12TH, 2013 1.基本尺寸 (1)界面 实际设计时按: iPhone4.4s:640px*960px iPhone5: 640px*1136px iPad:1536px*2048px (2) 图标: 1024px*1024px 圆角180px 提交1024px*1024px 方角 png格式图片 2.图形部件及字体 (1) 为显示清晰 所有图形部件尺寸必须为偶数 样式中阴影.发光.描边的数值也必须为偶数 (2) 为方便用户点击 所有可点击的部件需大于88p

切图及效果图管理

前言 设计师和程序猿沟通总是需要花费不少时间,并且很多时候因为没有规范可依最终导致设计师修改设计或切图(开发童鞋一般比设计师更强势).凡是这类问题都可以通过规范来改善和提高效率.网上很多编码规范和设计规范,但是缺乏程序猿和设计师之间沟通的规范.下面我和大家分享一下目前我工作中程序猿和设计师的沟通规范--切图命名及切图管理.如果你有更好沟通规范欢迎留言分享,也可以加群沟通:196761677.311536202. 命名规范 目前存在的问题 设计师不知切图如何命名,尤其是图片多了之后. 设计师不知道

ArcGIS Server的切图原理深入【转】

http://blog.newnaw.com/?p=69 GoogleMap,Virtual Earth,YahooMap等,目前所有的WebGIS都使用了缓存机制以提高地图访问速度.原理都是将地图设定为多个比例尺,对于每个比例尺提前将地图分成若干小图片,存在服务器上,客户端访问时直接获取需要的小图片拼接成地图,而不是由服务器动态创建出一幅图片来送到客户端,极大程度的提高了反问速度.好比外面卖菠萝,和自己买一整个回家吃不同,提前把一个菠萝等分成四份(js可能会分成6份),你只需买一份来吃,体积小

ArcGIS Server建立缓存(切图)原理解析[图解] (转载)

GoogleMap ,VirtualEarth ,YahooMap 等,目前所有的WebGIS都使用了缓存机制 以提高地图访问速度.原理都是将地图设定为多个比例尺,对于每个比例尺提前将地图分成若干小图片,存在服务器上,客户端访问时直接获取需要的小图片拼接成地图,而不是由服务器动态创建出一幅图片来送到客户端,极大程度的提高了反问速度. 好比外面卖菠萝,和自己买一整个回家吃不同,提前把一个菠萝等分成四份(js可能会分成6份),你只需买一份来吃,体积小,方便吃,而不是对着整个菠萝咬下去,弄一脸菠萝汁.