iOS 项目第一步,设置启动图标和启动图,图片命名规范

@2x 为:for iPhone 6/5s/5/4s/4
@3x为:for iPhone6 plus

IOS各型号尺寸

类型屏幕尺寸显示像素需要倍数切图尺寸命名规范
iPhone6 plus414*736@31242×22085.5Retina HD
iPhone6375*667@2750×13344.7Retina HD
iPhone5320*568@2640×11364Retina HD
iPhone4320*480@2640×9603.5Retina
iPhone3320*480@1320*4803.5

APPIcon图片

类型桌面图标显示像素需要倍数切图尺寸命名规范
notification(ios 7-10)推送通知图标20pt2x 3x40pt和60ptIcon-Small-20@2x,Icon-Small-20@3x
spotlight(iOS5-6)手机搜索29pt2x 3x58pt和87ptIcon-Small-29@2x,Icon-Small-29@3x
settings(iOS 5_10)设置页面29pt2x 3x58pt和87ptIcon-Small-29@2x,Icon-Small-29@3x
spotlight(iOS7-10)搜索40pt2x 3x80pt和120ptIcon-Small-40@2x,Icon-Small-40@3x
APP(iOS 7-10)桌面图标60pt2x 3x120pt和180ptIcon-60@2x,Icon-60@3x
APP应用市场1024APPIconForAppStore.png

启动图片设置

类型横竖屏系统版本屏幕尺寸切图尺寸命名规范(1,表示第一个版本,P竖屏L横屏)
iphone6 plus竖屏ios8,9RetinaHD5.51242×2208LaunchImage-1-P-736@3x.png
iphone6竖屏ios8,9RetinaHD4.7750×1334LaunchImage-1-P-667@2x.png
iphone6 plus横屏ios8,9RetinaHD5.52208x1242LaunchImage-1-L-736@2x.png
iphone5/5s竖屏ios7-9retina 4640×1136LaunchImage-1-P-568@2x.png
iphone4/4s竖屏ios7-92x640×960LaunchImage-1-P-480@2x.png
ipad竖屏ios7-91x768×1024LaunchImage-1-P-512@2x.png
ipad竖屏ios7-92x1536×2048LaunchImage-1-P-1024@2x.png
ipad横屏ios7-91x1024×768LaunchImage-1-L-512@2x.png
ipad横屏ios7-92x2048×1536LaunchImage-1-L-1024@2x.png

图片命名规范

一个简单的命名规范,作用就不说了~~~~

  • 不要用拼音,尽量使用英文
  • 下划线 nav_right_back
  • 注意区分倍图@2x 和@3x 的后缀,不然效果差强人意

命名的组成部分:
逻辑板块(可由Tabbar来判断,如果我:My),定位到哪一个页面(personMessage),哪一个功能描述(比如说设置setting),状态(选中,高亮,不可使用,正常状态)
例:my_personMessage_setting_s 表示个人中心选项卡中的个人信息中的设置图标的选中状态。

除此之外,就是对于一下公共的图片:

  • 如果是整个项目都要用到的,就为pub_message,pub_nav_back(导航栏返回按钮)
  • 如果是某个模块要用到的,就为my_pub_message

这样效果显而易见了,当然在设计目录结构的时候也一定按照相应的层次结构进行设计,千万不要偷懒,放在同一级目录里,版本迭代多了后,你会哭的。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值