一般的UI工作流程

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：小舟
链接：http://www.zhihu.com/question/23195742/answer/88377826
来源：知乎




1，PM提出设计需求。（比如，有个什么界面啊或者活动页啊，需要设计下的）

2，最重要的一步：UI和PM沟通需求，这叫理解和确认需求。
（因为pm和ui站的角度不一样，所以要沟通好，要了解pm想要的是什么，要确认需求流程是否有问题，交互逻辑是不是清晰。）

千万不要避免拿到了一需求，就开始找图啊，打开ps画的。

为什么有的人能一稿过，有的人要一遍一遍的来来回回的改，就是因为这一步没有沟通好。

3，第二重要的一步：构思，然后网上找素材，找感觉。

你所找的设计参考图的质量，最终决定了你最后做出来的设计稿的质量。
一开始就看到很多很优秀很高质量的设计参考图，那么你设计时自然而然的就会往这个高度靠拢。

4，打开ps，开始做图
有了前面对需求的理解，和一些优秀设计的参考，这时你的心里已经很清晰了。做起来就会很轻松了。

5，第三重要的一步：UI和PM再次沟通，确认设计的完整性。
设计稿做完后，会有跟pm进行二次沟通确认。要确认pm提出的需求是否都在设计稿里面体现出来没？有没有遗留？

这时，一般pm在看完设计稿后，会提一些小的修改建议的。这也是为了避免最后输出后，pm进行微调修改时，需要重新再次输出。

6，设计输出，切图＋标注。（尽量输出前跟rd们沟通下，他们需要怎么那些图，怎么给它们）
这时，因为前面跟pm有了2次确认了，也跟rd们沟通了设计输出了，
设计ok，输出ok，所以就可以大胆放心的输出了。


7，UI联调
rd开发完后，需要确认开发出来的界面跟设计稿的界面是否一样。



这个时候，一个完整的ui流程差不多算走完了。


记住：千万千万一定要先沟通好了，然后再开始干活。


沟通不止为了理解需求，也是为了后续发生问题时，能分清责任