如何高效地输出iOS和Android标注和切图

如题所述

第1个回答 2017-05-12

现在有很多产品为了降低设计成本并保持多平台体验的一致性，都以iOS为主做一套交互设计，应用于iOS和Android两个平台。但是在标注与切图的环节，如何高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效，且无效的。

第2个回答 2017-05-05

　iOS和Android开发需要的设计交付物至少要有：高保真UI图，标注，切图。
　　高保真UI图所起到的作用是，开发会参照其画页面，仅仅是获知页面样子的一个手段，并非什么高精度的事情。仅仅基于这一条，设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的，对于开发来说，他们只需要看到页面样子即可。
　　标注和切图的作用是，开发会按照标注的尺寸，把切图按照高保真UI图的摆放方式做到界面上。那么问题来了，iOS的开发和Android开发所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢？
　　众所周知iOS设计的像素尺寸是640*960/1136，Android主流的hdpi模式下的像素尺寸是480*800。如图，他们的换算关系是，iOS像素尺寸的75%是Android的像素尺寸本回答被网友采纳

相似回答

如何高效地输出iOS和Android标注和切图答：简单的换算关系：iOS像素尺寸*75%=Android像素尺寸，Android像素尺寸*2/3=Android的dp尺寸。进而得出：iOS像素尺寸*75%*2/3=Android的dp尺寸。所以，iOS里一个宽600px的东西，在Android的hdpi模式下，正好300dp，正好是50%。在iOS切图与Android切图的转换中，是可以使用75%的换算关系的。也就是说iOS...

在线快速切图-苹果手机如何快速切割图片?答：使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支持自定切图尺寸和切图压缩,非常方便。请点击输入图片描述苹果手机如何快速切割图片？一键九宫格快捷指令ios方法是打开苹果浏览器,找到快捷指令库,搜索九宫格切图快捷指令。然后点击获取捷径,选择添加快捷指令。添加后,找到想切割的图片,选择...

给设计图做切图的详细方法答：-e-”，「标记切图」变为「取消切图标记」，就可以了。3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。用摹客切图，还支持：1. 切图压缩：在右侧面板中选中切图 2. 切换平台和选择倍率：iOS、Android、Web 3. 自定义切图尺寸 ...

UI设计中的切图规范是怎么样的?答：iOS切图尺寸规则：设计图：1242x2208 三倍图：按1242x2208来切二倍图：按750x1334来切一倍图：在二倍图的基础上压缩成50 iOS启动图：图标按照最大1024x1024来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。Android切图尺寸规则切图命名规则规范的切图命名会让开发更...

APP界面标注及切图注意事项答：按钮切图建议以等宽高尺寸切图,且像素必须>=88、*88px , 当本身图片宽度或高度不足时,补充空白像素(透明像素).一般情况下,只需要普通状态下按钮切图即可 (适配不建议等比放大)4. 参考文献友盟设备指数 APP切图流程和APP切图命名规范详细完整版 APP切图详细规范终极指南 iOS和Android的app界面设计...

大家正在搜

ui切图和标注切图和标注有啥用蓝湖怎么用ps切图和标注 UI做切图和标注的意义是什么蓝湖怎么切图和标注 ui切图标注用什么软件标注切图 ps标注切图 XD做好的界面怎么切图标注