在公司里面,UI设计与前端是需要相互配合、相互沟通,这样才能更好地产生出好作品、好效果,那么对于UI设计来说,设计出来的banner图应该如何给前端呢?他们之间又应该如何配合呢?这里就公司内部UI设计与前端之间的关系与大家一起分析分析 。
一般设计师给前端的只有psd , 没有其它多余的东西,连基础的文档都懒得给 。前端期望中的设计能给予的除了psd之外 , 还有设计上游岗位传递下来的东西 。比如:产品原型,需求文档,交互文档等等 。
【ui设计banner图怎么给前端】一般在真正的代码开发进行之前,前端期望中设计给的东西有:
1. 1份jpg文件: 里边有各个psd的动作分解图,包括页面逻辑,或交互分解 。设计师放成这样的目的在于在做设计时方便的拷贝,但对开发人员来说,如果分级过于隐藏就会漏掉某个部分的开发 。
2. 1份psd文件: 一份好的psd文件是分层清晰,设计规范的文件 。
3. 1份需求文档: 需求文档是对当前开发功能的基础介绍或逻辑详细描述 。
4. 1份原型文档: 原型设计文档一般是由产品经理对最初功能设想的一份粗稿,这份稿只是对布局或交互做简单的设计,需要经过设计进行艺术的加工之后,才成为一个可以呈现给用户的完整界面 。
当然这些所有的结果,需要经过层层开会审核,征得各个项目组leader的同意之后通过邮件的方式发送给各个成员,最粗笨的办法就是放在局域网的共享地址可以去拿psd文件 。
恩,然后所有的中间需求变更、界面变更都要抄送相关人员 , 免得中间再次沟通 , 浪费时间 。
基本流程:
1、需求提出 , 产品跟产品leader沟通需求
2、产品leader跟开发、测试、ui/ue要人,要排期
3、要来的人大家一起开发,挑战产品经理,跟批斗似的 , 产品拿着需求文档讲ppt
4、需求回归
5、继续批斗(4、5一直重复)
6、需求ok了,开始ui/ue设计
7、评审ui/ue
8、ui/ue回归
9、开发
10、提测
11、回归
12、上线
13、有问题回滚 。
另外公司的设计是这样的:通常PSD要把交互效果的图层都做好,出JPG的时候,
都会把默认状态,交互状态 , 管理员状态各自出一个,然后弹窗布局出一个,都做得很精细 。
这样导致的结果是想犯错都没有机会 。