发布时间:2022-03-17 08:39:59来源:魔方格
视觉还原
一个完整的app要经过以下过程:项目启动→产品原型设计→设计效果图→开发阶段→成功开发后的测试阶段→测试反馈给开发人员进行调试→多次测试以确认没有bug→提交给市场以及正式发布。
我们都知道,无论设计师的标注稿有多准确,开发的产品或多或少都会有错误。从技术上讲,效果落地还原度,视觉还原度越高,与设计稿越接近,APP就越精细;反之,就越差。
因此,我们有必要在这个时候配合开发来调整ui,以便更接近我们所做的效果图。
一、如何做视觉还原
1.设计视觉调整文档
视觉调整优化文档应该一目了然,需要指出效果图的不同之处以及应该改的地方,无论是iOS调整、Android调整还是h5调整,输出都是png和jpg图片格式,较好是PDF格式,开发看起来也很方便。
2.和开发一起调ui
这种方法非常适合3-4人的小团队,亲自参加战斗并口诉问题,效果还是不错滴。开发后,需要准备效果图和开发后的雏形,只有比较,才会知道哪里不好。
二、如何让效果图高还原度落地
1.规范的视觉界面设计
根据各个平台的ui设计规范来规范设计界面,用设计规范去指导开发,才是提高视觉还原的基本前提。
2.视觉ui控件的规范输出
在绝大多数情况下,为了跟上项目的进度,都是界面先行,然后是设计规范,因此可以保持界面设计和规范同步。
可以先输出基础的控件元素规范,包括(颜色、文本、图标、蒙版、投影、按钮、输入框或个别控件)。规范是一项巨大而复杂的工作,需要极大的耐心,在此过程中,应注意每个细节的准确性和合理性。
3.规范的切图与精确的标注
切图和标注是否规范和精确,直接影响视觉效果的还原度,所以在切图和标注时必须小心,这更有利于提高还原度。
武汉UI设计培训机构哪家好
广告培训班需要学多久(广告培训班)
如何自学视频剪辑合成?需要什么课程?
哈尔滨达内UI设计培训班
石家庄UI设计培训学校选哪个
广州天河哪里有UI设计课程