ui设计师怎么和前端对接？如何建立紧密合作

UI设计师如何和开发进行沟通?

在有效沟通流程模型中，我按筹备、执行、跟进三个阶段，绘制出体验地图，将沟通中的关键节点按行为、心理、情绪、方法、工具五个纬度拆分，梳理各节点需注意的问题，以及相应的有效沟通方法和工具。（详情请点击查看大图）筹备阶段——明确目的，同步信息明确沟通目的。

有疑问的地方及时与PM或交互设计师进行沟通，最终达成对产品目标的一致理解；第二步，找竞品。对竞品的色彩搭配、结构布局、icon设计、字体规范等方面进行研究和分析，可作为参考借鉴，但不要抄袭；第三步，视觉设计。

项目开始前，要对开发人员进行调研，了解开发人员的操作及对尺寸的要求，每个开发人员大都有自己的操作习惯，要了解开发人员所用的语言的尺寸要求，制定设计尺寸标准，这样项目开始才不会出现开发人员写出的页面与效果图出现偏差，从而导致项目延误和开发人员的耗时耗力，合作起来才会更加舒服流畅。

和美工合作。美工讲设计好的效果图，一般是一些psd文件给前端工程师，前端工程师根据效果如开始构思如何实现，并且开始使用Photoshop进行切图，切出需要的图片。如果图片有问题或者不好操作的地方还需要美工给出修改。

目前比较规范的流程就是，项目需求下来以后，由交互设计师去和项目经理商讨具体的设计方案，明确以后，交互设计师画出原型图，原型图经项目经理确认后，转到UI设计师来做视觉效果图，也就是在原型图的基础上加以美化，效果图出来后，就可以转到前端设计师去写页面，或者转到程序员那里去做开发了。

前端开发如何与UI进行更好的沟通

前端开发主要就是代码的开发及界面等效果的实现。UI主要是对界面和人机交互的设计，了解各个平台的设计规范等等。最好懂一点代码，但不负责代码的开发。前景来说的话，前端开发和UI设计都是很不错的，在互联网的今天两个职位都是必不可少的。就看个人兴趣了。

我觉得应该是先去了解了ui设计和前端的关系，了解前端的一些基础知识，比如如何做网页美工，在了解之前先对网页美工工作内容有一个初步的概念，了解前端与后端的相关知识，对于ui设计师来说是至关重要的。

首先，UI和前端之间要有一个共同的目标的前提下沟通，如果目标不一致，或没有目标，那就没办法沟通。一般在真正的代码开发进行之前，前端期望设计给的东西有：1份jpg文件：里边有各个psd的动作分解图，包括页面逻辑，或交互分解。

UI是怎么和前端对接的?

接着一起来看一下吧！我们要做的是确定好整个项目的设计风格并把它控制好，这里的风格就包括设计元素、图形、图像、标准字、色彩，同时要把这些元素搭建起来，一点一点地去优化。这样就能够很好得将信息以最简单、最统一的方式传递一出去。

准确的来说，做ul的其实就做移动端设计的，设计一些移动端页面，当然也包括ico图标，手机上用的各种小图标，logo等，比如一个小删除按钮。登录按钮，等。

ui与前端对接：做ul的其实就做移动端设计的，设计一些移动端页面，当然也包括ico图标，手机上用的各种小图标，logo等，比如一个小删除按钮。前端使用html、css、js等技术开始实现效果图的页面，同时需要和后台人员交流为后台数据留下借口和数据填充的区域等，或者获取后台数据等，这需要和后台人员合作好。