发布时间:2022-11-6 分类: 电商动态
《一款APP设计的从0到1》这是干货的一系列文章,最后一次U女孩谈到剪切图标说明,今天U姐说,视觉恢复。
这一次,U女孩最后一次继续。在我继续之前,我将看一看整个目录(装满干货)
姊妹列出了一个小目录:
一,项目项目(点击查看)
二,项目预计时间(点击查看)
三,界面设计
第四,剪切图标说明
V.视觉恢复
六,在线准备
一个完整的APP,在这样的过程之后:项目项目开始→设计产品原型→设计效果图→进入发展阶段→成功开发进入测试阶段→测试反馈给开发人员进行调试&rarr许多测试证实没有bug和rarr;提交市场,正式推出。
我们都知道,无论设计师的手稿有多精确,开发的产品都会有或多或少的错误。在专业方面,视觉效果将会降低。视觉缩小越高,设计越接近应用程序。精细;相反,情况更糟。
因此,我们需要在此时协调开发以调整UI以更接近我们所做的渲染。 (简单来说,就是给开发一个问题,指出与渲染的不一致,是不是很开心?哈)
我必须选择1px(像素眼睛是这样的)
首先,设计师如何进行视觉恢复?
1.设计视觉调整文件
团队规模很大,建议设计一个视觉调整文章,这样整体开发进度和效率都比较高,因为团队数量很大,你不能去iOS开发兄弟说一个地方来调整,然后再跟Android兄弟再说一遍,你有时间,人不一定有时间,所以有必要设计视觉调整和优化文件。
文档的视觉调整和优化,一目了然,需要指出差异与渲染的区别,应该改变的是iOS调整,Android调整或h5调整等,输出是png和jpg图像格式,最好的输出是PDF格式,开发看似方便,例如,你写一个颜色值,开发可以直接复制。
2.带上你的工作台并通过开发调整UI
这种方法非常适合3-4人的小团队,亲自上阵,听写问题,效率也比较高,你需要在开发后准备你的效果图和原型,有一个比较伤害(有一个事实的图片,不同的地方必须发展变化)
二,如何使渲染图恢复程度高?
1.标准可视界面设计
有必要遵循每个平台的UI设计规范来标准化设计界面,并使用设计规范来了解开发是提高视觉恢复的基本前提。
2.可视UI控件的规范输出
在绝大多数情况下,为了赶上项目的进度,首先是接口,并遵循设计规范,因此可以保持接口设计和规格并行。
根据您当前的项目经验,您可以先输出基本控制元素规范,包括(颜色,文本,图标,蒙版,投影,按钮,输入框或单个控件)。该规范是一项庞大而繁琐,耐心耐心的工作;这个过程注重每个细节的准确性和合理性。
3,标准切割和准确标注
我们的切割图和标签是否标准化和准确,直接影响视觉效果的减少程度,因此切割和贴标必须做得更详细,这更有利于提高降低程度
4.与发展的更多沟通
U姐总是说一句话:沟通是解决问题最有效的方法,所以更多的联系与兄弟的发展沟通,如果条件允许,请坐着发展;面对问题及时和面对面的协商解决,达成共识,修改,敲定,解决。
至于视觉修复文章,这里,U女孩只谈论一种工作方法。一种好的工作方法可以用更少的钱做更多的事它必须在具体工作中具有灵活性。它必须与发展进行更多沟通。良好的沟通是解决问题的唯一方法,如果您有任何疑问,可以给U留言,下次我们会见!
作者:U姐,生活中的UI设计师,等着你缝妹妹哟
来源:微信公众号“ UI姐姐” (ID:Ifaner)
本文由@U妹授权,未经作者许可,不得转载。
该地图来自Pexels,基于CC0协议