在公司里面,UI设计与前端是需要相互配合、相互沟通,这样才能更好地产生出好作品、好效果,那么对于UI设计来说,设计出来的banner图应该如何给前端呢?他们之间又应该如何配合呢?这里https://www.05642.com/就公司内部UI设计与前端之间的关系与大家一起分析分析。

  一般设计师给前端的只有psd,没有其它多余的东西,连基础的文档都懒得给。前端期望中的设计能给予的除了psd之外,还有设计上游岗位传递下来的东西。比如:产品原型,需求文档,交互文档等等。

  一般在真正的代码开发进行之前,前端期望中设计给的东西有:

  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的时候,

  都会把默认状态,交互状态,管理员状态各自出一个,然后弹窗布局出一个,都做得很精细。

  这样导致的结果是想犯错都没有机会。