设计&开发 配合经验总结

搞了一年的iOS开发了,希望在这里记录一些设计师和开发者配合方面的一些经验

主要也是记录图片使用和命名方面的一些经验

App 启动展示图名称:

3GS:Default.png

3.5x-inch Retina:Default@2x.png

4x-inch Retina:Default-568h@2x.png

App 图标名称:

3GS:icon.png

Retina:icon@2x.png

1:切图的高度,直接决定在iPhone 显示的高度.

这篇帖子介绍了关于如何提到切图效率的技巧和经验

http://kevincao.com/2011/08/prepare-png-for-iphone-app/

里面有几个要点在这里做一下总结:

1:利用PS的图层可一次性生成多张切图

2:利用Mac自带的Automator 软件设置工作流程之后可以很方便制作小图和添加@2x命名(注意的地方是:高清的px值需要为偶数)

制作 App介绍图时 iPhone 各个尺寸的原型图

http://resolution.im/

所有命名前缀为英文,其他部位给出合理的英文标识区分

类型:图标说明:比如一个爱心,一个打勾 或者一个叉叉 就是图标了 命名:        icon_关于_爱心.png         icon_设置_星星.png 注意:

类型:按钮说明:这个就一个按钮咯,按钮的命名分为两种方式命名:一种是通用按钮,一种是专属按钮 命名:         button_红色.png         button_淡红色.png         button_淡绿色左.png         button_淡绿色右.png         button_淡绿色右_on.png         button_淡绿色右_on_5_5_6_7.png         button_关于_赞.png         button_关于_赞_on.png 注意:         on是高亮,按下去           _5_5_6_7 是可拉伸式像素值. 一个按钮图标通常和按钮的实际大小有差别,这个时候为了保证让按钮图标适应真实的按钮长宽,需要被拉伸,但在拉伸的同时要有保证不会失真,不会变形. 固有了可拉伸式像素值这么一说.         有四个值,代表着一个图标的四周,而分别代表 上 左 下 右 ,如下图:                  通过借定4周的区域, 最终以中间矩形区域来自动填充所需要阔达的区域

类型:背景说明:比如某个版面的背景图,或者文本框的背景图 命名:         view_关于_文本框_背景.png         view_关于_正文内容_背景.png         view_关于_正文内容_背景_5_5_6_7.png 注意:_5_5_6_7 是可拉式像素值

类型:顶部工具条图标说明:iPhone顶部导航栏专用图标 命名:        toolbar_添加.png        toolbar_发送.png 注意:

类型:底部工具条图标说明:iPhone底部分类导航栏专用图标 命名:        tabbar_主页.png        tabbar_更多.png 注意:

类型:菜单图标说明:iPhone菜单模块专用图标 一般用于左侧抽屉那种 命名:        menu_主页.png        menu_更多.png 注意:

类型:专属控件UI说明:例如一个时间控件,或者一个日历控件,这些UI资源只有在这个控件才会用到,那命名开头就以这个控件来命名 命名:        如果是日历控件:        calendar_主页.png        calendar_更多.png        如果是播放器控件:        player_播放.png        player_暂停.png 注意:

更多待补充