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

郑州/UI设计师/5年前/1047浏览
《野路子设计小讲堂》——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设计稿,方便对比。

很多人会想问我,你是怎么总结出来这套规范的?

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

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

有一个疑问:

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


其他文章:

1、野路子设计小讲堂——iPhone UI篇:https://www.zcool.com.cn/article/ZMTE3NjU3Ng==.html

2、野路子设计小讲堂——Androdi-UI规范篇:https://www.zcool.com.cn/article/ZMTE3NzYzNg==.html


14
Report
|
33
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
相关收藏夹
UI
UI
UI
UI
作品收藏夹
文章
文章
文章
文章
作品收藏夹
教程
教程
教程
教程
作品收藏夹
app设计规范
app设计规范
app设计规范
app设计规范
作品收藏夹
大家都在看
Log in