IOS、安卓设计转稿秘籍《野路子设计小讲堂》

如何做到不同平台上相似度95%以上呢？

《IOS、安卓设计转稿秘籍》

同行们！大家好，我又又来更新啦！

我是《野路子设计小讲堂》的小福，写这篇文章的初衷是分享给刚入行的萌新一些工作方法，帮助TA快速掌握工作技能，也是对之前 工作方法的一个总结。如果行业Dalao，emmmm~~~不妨也来看看咱家讲的，如果有更好的方法可以在下面评论区留言，我会第一时间跟进的。

PS：本课程适合有一定基础萌新的工作方法（能不能达到融会贯通，还是看你的悟性了），本课程会通过设计规范、人机交互方法、案例分析、工作方法四个维度分开来讲解（总结）。

以上介绍，不想看直接略过！——————————————————————————————

相信各位同行在设计项目的时候是不是这样操作的：

第一步：设计IOS设计稿（750px*1334px）；

第二部：切图上传LANHU（或其他平台）；

第三部：IOS、安卓开发小哥登陆平台查看下载切图；

PS:遇到不严谨的甲方，自然是没问题的。如果遇到严谨的甲方，恐怕就是以下画面了：

• 甲方baba：XXXX，你做的这是啥，这两个手机明显看着不一样，你怎么做的…….balabala省略一万字
• XXXX：我…….
• XXXX：小福，为啥两个端APP不一样？为啥我设置的行间距相差这么多，为啥安卓版看着这么丑？是不是安卓开发故意搞我？(十万个为什么请开始你的表演)……
• 小福：还不是因为你按照IOS标准输出的设计稿，但图标字体做的又不够细致，上传LANHU后自动转安卓，安卓小哥看着一堆带小数点的标注图随缘开发的锅？
• 安卓小哥：我有设么办法，一堆小数点，我肯定随缘取整数了。

• XXXX：那怎么做到两个IOS和安卓两个端APP一样呢？快教教我，甲方baba快要把我怼死了！
• 小福：伙计，我看你骨骼惊奇，决定传你一套秘籍，你要勤加练习达到融汇自通。
• XXXX：小福老师，我要打篮球，呸…..快教我吧。

想两个平台看着一样，遇到严谨的甲方就要做两版设计稿(IOS:1242px*2688px，安卓:1080px*2310px)，又有人要问了，这会加大工作量的，不同的平台规格也不相同，难道我要重新设计？是的，但可按照标注图和转稿规范，快速输出安卓设计稿（目前为止我摸索到最快捷的办法）。

废话不多说送秘籍（转稿规范）

PS：这里也放出了750设计稿，方便对比。

很多人想问我，你是怎么总结出来这套规范的？

我想说的是，我被怼过之后，就潜心摸索方法，因为我“路子够野”，摸索到了这套方法，后面又付诸实践，发现可行~

下面我来复现下我的“野路子”。

有一个疑问：安卓思源雅黑字体，有些地方我想用中等，但是开发说没有，开发小哥告诉我说只有常规、粗体。 有人可以解答下么？

其他文章

野路子设计小讲堂——iPhone-UI规范篇

野路子设计小讲堂——Androdi-UI规范篇

Powered by Froala Editor