【转】一套iOS平台设计稿,搞定界面适配

1、第一步，视觉设计阶段，设计师按宽度750px（iPhone 6）做设计稿，除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注，输出标注图。同时等比放大5倍生成宽度1125px的设计稿，在1125px的稿子里切图。

成都创新互联公司是一家专注于网站设计制作、网站设计与策划设计,临澧网站建设哪家好?成都创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:临澧等地区。临澧做网站价格咨询:13518219792

2、最后，注意缩放后的图标要细调一下。由于转换有误差，共用一套效果图是有一定的风险的，例如UI细节上的风险。开发前，设计师与技术人员要先共同确认此适配方案，全程沟通，及时改正UI方面的问题。

3、总体风格 从iOS7开始，苹果摒弃了尝试在早期的iPhone中使用的拟物化（skeuomorphic）设计风格，转向扁平化设计。而谷歌的情况却相反。谷歌新推出的MaterialDesign指南倾向于营造更接近真实世界的效果。

4、iOS建议设计师使用幻灯片和层叠效果，但其基本试图则更为贴近扁平化设计风格。Instagram的app全部采用了扁平化风格的设计，虽然从总体结构上讲，它的每个帖子更应该被看成是卡牌界面。

5、用Sketch设计一套稿可以适用 iOS 和 Android 两个版本的app： 以屏幕渲染像素(Rendered Pixels)尺寸做， iOS iPhone 6，750x1334px 开始设计。

6、IOS与Android各做两套设计效果图原理跟方案二差不多，但为了追求细节上的完美，可以多做一套设计图，即两套设计图：1242*2208和640*1131242*2208适配6P、Android三种尺寸。

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

1、也就是说xhdpi模式下切图尺寸跟iOS下是一样的。所以iOS的切图可以直接适用于Android的xhdpi模式。至于除hdpi和xhdpi之外的其他模式，如果需要适配，就需要单独处理图片了。

2、iOS启动图：图标按照最大1024x1024来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

3、点击「查看项目」打开设计稿，在“开发”模式中，即可一键下载选中切图或所有切图。请点击输入图片描述 使用摹客切图，可快速切换平台(iOS、Android、Web)和选择倍率，支持自定切图尺寸和切图压缩，非常方便。

4、这里以UI设计、交互设计、IOS开发组、Android开发组、后台开发组都具备的情况下为例进行输出产品需求文档。

IOS和Android标注图片的尺寸多少合适

1、IOS与Android 共用一套效果图 750*1334 上面提到，750*1334 640*1136 640*960同为@2x，所以750跟640用同一套图标，同一套字体就可以了，至于其他的尺寸大小，只要跟着尺寸延伸就没问题了。

2、Android界面尺寸：480*800、720*1280、1080*1920。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：LDPI(LowDensityScreen，120DPI)，其图标大小为36x36px。

3、很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效，且无效的。 iOS设计的像素尺寸是640*960/1136，Android主流的hdpi模式下的像素尺寸是480*800。

标题名称：ios开发标注图 开源标注工具
本文地址：http://chengdu.cdxwcx.cn/article/dgdcgdp.html