一款APP应用设计的从0到1:视觉还原篇

发布时间:2020-01-17 11:01 | 浏览人次:浏览次数

一款详尽的APP应用,经过这样的1个步骤:项目立项启动→设计产品原型→设计成效图→进到开发阶段→开发成功后进到测试阶段→测试将问题反馈给开发者进行调试→多次测试确认没有bug→提交市场、正式发布。
一款APP应用设计的从0到1:视觉还原篇

我们都知道,不论设计师的标记稿多精准,开发出来的产品,或多或少都有偏差,专业来说就是视觉成效落地复原度,视觉复原度越高,与设计稿越贴近,APP就越精致;反之,就越差。

所以,就需要我们在这个同时,去配合开发对UI进行调整,来更为的贴近我们做的成效图了(简单了说,就是给开发挑毛病,指出和成效图不相同的地方,是不是很开心哈)

差1px,我也要选出来(像素眼就是这样炼成的)

一、设计师怎样做视觉还原?

1. 设计视觉调整文档

团队较大,建议设计一份视觉调整文章,这样对整个开发进展和效率全是比较高的,因为团队人数多,你不也许跑到iOS开发哥哥那里说一次要调整的地方,然后再去跟Android哥哥再说一次,你偶尔间,人家不肯定偶尔间,所以设计视觉调整优化文档是大有必要的。

视觉调整优化文档,要了如指掌,需要注明和成效图不一致的地方是哪里,应该改为什么样,是iOS调整、Android调整还是h5调整等,输出为png和jpg图片格式,更好输出为PDF格式,开发看上去也便利,例如你写了1个颜色值,开发就能够直接拷贝了。

2. 带上你的板凳,过去和开发一起调UI

这种形式很合适3-4人的小团队,亲自上阵,口述问题,效率也是比较高的,你需要备好你的成效图和开发后的雏形,有比照才有损害(有图有真相,不一致的地方就得让开发改)

二、怎样让成效图高复原度落地?

1、规范的视觉界面设计

必须依照各平台的UI设计规范去规范的设计界面,用设计规范去知道开发,才是提高视觉还原的的基础前提。

2、视觉UI控件的规范输出

在绝大多数的情形下,为了赶项目进展,全是界面先行,设计规范后出,所以要竟也许的维持界面设计和规范是同时进行。

以u妹现在的项目经验,能够先输出基本控件元素规范,包括(颜色、文字、图标、蒙板、投影、按钮、输入框、或个别控件),规范是1个巨大而繁杂,极需耐心的工作;历程中侧重每1个细节的精确与合理性。

3、规范的切图与精准的标记

我们的切图和标记,能否规范和精准,直接影响视觉成效的复原度,所以切图和标记肯定要做的仔细,这样更为有益于提升复原度

4、多和开发沟通交流

小思始终说的一句话:交流是解决问题的更高效形式,所以多和开发哥哥接触沟通交流,假如有条件允许的话,请与开发坐一起;碰到问题实时应对面商量解决、达成一致、更改、敲定、解决。

关于视觉还原篇就说到这里,小思这里说的只是一种工作形式,好的工作形式才能自己事半功倍,在具体工作中也要灵活得到,肯定要多和开发沟通交流,良好的交流才是解决问题的唯一形式,有疑问题也可给小思留言,我们下期拜拜!

上述内容就是小编今天为您带来的关于《一款APP应用设计的从0到1:视觉还原篇》的全部内容,希望能对您有所帮助,我们是一家成立于北京的IT外包公司,如果您有app软件或者微信小程序需要定制开发,不妨联系我们。
免责声明:本站部分文章转载自网络,不代表本站的观点和立场,不以盈利为目的。如有侵犯公司或个人权益,本站会第一时间删除文章。我们是一家北京app开发公司,欢迎咨询免费获取思维导图!

本文地址:https://appbj.cn/article/3171/

网友热评

暂无更多评论
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

我们积累了丰富的移动互联网开发和运营经验,在开发中为客户提供更多帮助!
咨询热线:18611391767(微信同号)