从iOS出发总结iOS多设备UI适配规范方案电脑资料_第1页
从iOS出发总结iOS多设备UI适配规范方案电脑资料_第2页
从iOS出发总结iOS多设备UI适配规范方案电脑资料_第3页
从iOS出发总结iOS多设备UI适配规范方案电脑资料_第4页
全文预览已结束

下载本文档

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

文档简介

1、从iOS出发总结iOS多设备UI适配规范方案电脑资料 iOS5.0于本周提交App Store，这两天iOS 成员各自都在， 随着苹果iPhone6、iPhone6Plues，过去只属于Android设备的移动App多种设备尺寸适配问题，iOS的适配问题终于还是来了。 研发GG表示 。（根本是库克没调研清楚，小道说iPhone8又要回归4寸屏） 由于经验不足，发版过程界面适配BUG一直反复。为了将来不再受制于界面适配影响工作进度，总结5.0的经验之后，今天 iOS小伙伴们坐下来一起定制了这份UI规范。 以iPhone6为标准，对iPhone其他分辨率，制定了不同类型的适配方案。 首先了解iPh

2、one主流设备： 将控件分为这几类： 文字流控件定义了一种方案： 1、 字号、行高都不变； 2、 行数，是否定行需看具体内容； 3、 控件整体以iPhone6为标准，进行等比缩放。iPhone6在此基础上乘以1.10倍，iPhone5在此基础上除以1.17。 方法一：控件不变、间距变； （如淘宝底部导航） 方法二：间距不变，缩放控件； （如 轮播图下四个入口） 方法三：左对齐，间距和控件都不变；如App Store中“精品推荐”效果 （家里打不开store，无法截图 /(o)/） 三种方案中，方案一最适合 这个产品，方案二为辅助， 方案三目前没用，最为备选。 方案一：像轮播图、广告图，这类横向拉通的图片需要做多套图，保持图片高度不变； 方案二：小图，则进行等比缩放。以iPhone6为标准，进行等比缩放。iPhone6在此基础上乘以1.10倍，iPhone5在此基础上除以1.17。 后三种情况，在很多同行分享的 _上并没有提到，或许他们笼统的归纳到前三种之中，但我们还是觉得需要单独定义。 两种控件叠加的情况就要分视觉设计来分类了： 若与上层控件与底部密切关联较强，就可按等比的方案来操作。 （ “热门资源”模块中的叠加效果） 若关联性不够强，则可以上层控件大小不变，间距也不变而仅缩放下层控件。 （搜索中的图标没变，输入框等比拉伸） 1、 左右固定； 2、 中间拉伸； 3、 高

人人文库> 全部分类> 应用文书 > 年终总结

温馨提示

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

最新文档

评论

0/150

提交评论