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

用户头像
郑州/UI设计师/5年前/1065浏览
《野路子设计小讲堂》——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
举报
|
33
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
城市园林平面布局航拍
城阙凡花
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
平面设计 吊牌设计
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
空的平台平面和自然景观
中国传统纹样创新图案设计
金色颗粒质地的平面
平面插画情侣/矢量
倒计时,海报,平面
金色颗粒质地的平面
平面男孩喝咖啡插画设计
海底世界插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
古风平面仕女与瓷器
平面书法字手写
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册