ìOS界面设计切图结总(2).docxVIP

  • 6
  • 0
  • 约1.21千字
  • 约 6页
  • 2017-02-06 发布于北京
  • 举报
ìOS界面设计切图结总(2)

1、基本尺寸(1)界面实际设计时按:iPhone4、4s:640px*960pxiPhone5: 640px*1136pxiPad:1536px*2048px(2) 图标:1024px*1024px 圆角180px提交1024px*1024px 方角png格式图片2、图形部件及字体(1) 为显示清晰所有图形部件尺寸必须为偶数样式中阴影、发光、描边的数值也必须为偶数(2) 为方便用户点击所有可点击的部件需大于88px*88px若图片本身不够,可在切图时补足空白像素例如:(3)为减小程序体积建议尽量使用可平铺图案设计界面(4)苹果默认字体在pc上没有完全一样的字体,Hiragino Sans GB苹果丽黑最相近 一般做效果图时,用Hiragino Sans GB(包括中英文)代替即可,也可以用方正黑体代替所有字体使用偶数字号进行设计苹果丽黑有W3、W6两种粗细的字体附下载地址:苹果丽黑(5)系统可以做到如下字体效果即,向特定方向1px(做效果图时做2px的效果)投影,需给出字体颜色、阴影颜色。 一般不建议按钮上的文字做特殊效果。如果必要, 需将字体和按钮一起切图。(6)导航栏中的文字一般为40点W63.切图提示(1)所有切图必须为偶数先根据Retina屏幕切图(即640960/6401136/1536*2048),后将切图缩为普通屏幕尺寸。 (有特殊图片需要单独制作)(2)可平铺部件切图时可如下图:带圆角按钮切图时可如下图同理并在效果图中标出具体大小标注软件推荐:dorado(3)导航栏和标签栏下的阴影程序可以自动生成,可不切,如图:若不满意默认阴影效果,可以单独切2px宽的阴影,如图:如有异形阴影如:需切整条阴影,并与攻城师说明。(4)所有按钮需有两种状态——正常状态和按下状态(5)一般情况下切图格式为png24若个别图片jpg比png小很多,可用jpg但欢迎页、icon必须为png,在不影响显示效果的前提下,可以考虑用png84.命名(1)图片命名后缀根据Retina屏幕的切图文件名后加@2x,普通屏幕尺寸不用加。欢迎页、背景等需要对iPhone5另外切图的文件名后加-568h@2x(2)命名建议建议采用如下方法命名,如:1切图性质_功能相关描述_图片描述(可无)_状态说明(可无)@2x.png用例:Retina屏幕切图12345bg_booksnum_pressed@2x.pngico_arrow_blue@2x.pngbtn_blue_pressed@2x.pngpic_books_blue@2x.pngbg_main-568h@2x.png普通屏幕切图12345bg_booksnum_pressed.png?ico_arrow_blue.pngbtn_blue_pressed.pngpic_books_blue.png按下状态切图命名后加_pressed另外贴个建议命名备忘

文档评论(0)

1亿VIP精品文档

相关文档