iOS界面设计切图总结.docx_第1页
iOS界面设计切图总结.docx_第2页
iOS界面设计切图总结.docx_第3页
iOS界面设计切图总结.docx_第4页
iOS界面设计切图总结.docx_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

官网1、基本尺寸（1）界面实际设计时按： iPhone4、4s：640px*960px iPhone5: 640px*1136px iPad：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另外切图的文件名后加-568h2x（2）命名建议建议采用如下方法命名，如：1切图性质_功能相关描述_图片描述（可无）_状态说明（可无）2x.png用例: Retina屏幕切图12345bg_booksnum_pressed2x.pngico_arrow_blue2x.pngbtn_blue_pressed2x.pngpic_books_blue2x.pngbg_main-568h2x.png 普通屏幕切图12345bg_booksnum_pressed.pngico_arrow_blue.pngbtn_bl
人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论