400-609-4309

ui界面切图命名规范

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

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

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

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

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

  每个人都有自己的规格,自己的规则的话,大概是:

  1、按照交互层级的结构来命名与分组。这样的好处是,一是即使交互发生改变,视觉随着的调整也比较方便;二来视觉在做稿时,可以培养对交互结构的理解。

  比如 模块>列表>控件 就是一种常见命名分类方法。一看图层分组与命名,整个视觉稿的交互结构也了然一心。

  2、按照控件或模块的复用性来命名。这样再添加或删除一行列表等重复性的调整时,会更加效率。比

  3、命名尽量用英文。因为不想每次中文打字完又切英文来使用快捷键,影响作图效率;另外可以顺便练习了解控件英文名称。以后看英文专业文档就会更加方便。用中文命名的话,小心被前端干...

  附:

  标题栏 titlebar

  状态栏 statusbar

  列表 list {1,2,3...}

  表格 sheet

  图片 pic

  推广图 banner

  背景 bg

  按钮 btn

  指示器 indicator

  启动器 launcher

  图标 icon

  标签 tab

  内容区域 content

  线条 line 2px

  多选 checkbox

  单选 radio

  提示 tips

  进度 process

  信息 info

  头像 head

  返回 back

  点 point

  iOS篇命名规则:

  为了降低设计和开发之间的交流成本,所以在此确定一下 iOS 项目切图的命名标准。

  我们的命名规则的基本思想是把文件名分成三部分,第一部分是图片的逻辑归属分类,第二部分是图片的表现内容,第三部分是图片的内容的类型,有些图片还会有第四部分,表示图片表现的状态。首先有几个规则是:

  1、用英文命名,不用拼音

  2、每一部分用下划线分隔

  3、图片名中两倍图在名字后要加@2x,三倍图在名字后要加@3x

  Android篇:

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

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

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

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

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

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

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

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

  8.图片的处理

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

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

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章