A. 产品与UI设计
2021年6月7日
作为一个IT人员，我们几乎每天都能听到UI设计和UI设计师这两个词，那该正面理解这两个词呢？
先说明我是IT人员，我并不能对UI设计评头论足。我们先来看看网络是如何定义的UI设计，网络上是这样说的：UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。UI设计师不难理解就是做UI设计的人员。
不知道大家看了网络的定义有什么想法，反正我关注到了几个词人与机器、逻辑、美观、简单。简单说说这几个词吧，人与机器这其实对UI设计服务的两个对象进行了说明，那就是人与机器两个大的服务对象。然后就是逻辑，逻辑是需要保证功能的完整，而不能从逻辑上出现残缺。接着是美观，这里是主观意识最强的地方，因为不同的人群和场景对于美观的定义都不一样，没有标准答案。最后是简单，这里的简单不是说产品不能复杂，而是需要易学凯带易上手，不能让我们客户拿到产品后需要花很多的时间去学习，最好的产品就是不需要培训，用户拿到手上就会用的产品，这才是简单的价值。
以上我对于UI设计的理解也不是绝对的答案，只能代表我自己对于这几个词的观点和理解。
抛开定义，作为产品经理的我们来看看在实际项目当中如何选择UI设计图。我出生于IT专业，产品经理的工作也是首次接触，本文的目的也主要是思考和记录。也因为本人不是产品行业从业时间很长的专业产品经理，我也只能聊聊我肤浅的想法。
我是在实际项目当中才开始思考UI设计与产品的关系，因为不同设计师以及他们对于产品的理解都不一样，他们所设计出来的风格也能千差万别。在我实际项目当中，我们是找专业的UI设计公司来设计产品的，当我们第一次沟通完后，UI公司设计了好几种UI风格，但效果却差强人意。这当中出现的问题是我们过分的放任UI设计公司，让他们完全自由发挥了。因为他们不知道我们到底需要什么，所以才会给出来的东西和我们要的有比较大的差异。
有了第一次的经验，我们就对设计的产品提了很多具体的意见，所以我们拿到的第二版就和我们要的东西就差不太多了。对于这一点的关键是如何与UI设计师沟通的问题，我们既不能提过多具体的要求来框住设计师，又要表述清楚我们对产品的定义和理解，还要描述清楚产品面对的不同人群和使用场景，包括人群的一些共性也要描述清楚。只有这样才能尽量缩短沟通的时间，让尽量少的出现颠覆性修改的情况，毕竟时间成本也是非常重要的。
上面提到了产品的定义和理解需要传递给设计师，这其间包括产品的设计理念、要解决的问题、要解决的核心问题、核心数据、不同终端的定义、产品的定义、产品个性、产品色系等等，这些都需要我们非常清晰和明确的传递给设计师。就拿产品个性来说，我们定位在科技感；然后拿产品色系来说我们把安卓定义为中性色系，PC定义为偏冷色系以及个性突出等等。
我还提到了要把使用人群和使用场景也传达给设计师，这里不仅仅是告诉他们就完了，往往我们还需要和他们解释并聊一些人群共性。因为你是产品经理，你对产品进行了充返孙卖分的调研，对人群进行了深入分析的，所以对于场景和人群其实你是最了解的那个人。尤其是人群和场景结合起来产生的一些特性，甚至于一漏逗些心理特征都可以好好聊一聊。比如健身房的储物柜主要是管理员、健身教练、健身者三个群体，他们对于使用的时间段和方式都不一样，这些我们都可以和UI设计师说清楚。
其实我觉得好的产品是离不开好的产品经理、好的UI设计师以及好的执行团队。团队内部有效的沟通、团结的气氛是很重要的。另外我认为产品与UI设计最重要的要素是沟通，至于如何选择UI设计图，沟通到位了，自然就是我们要的。
对于产品与UI设计的关系，本文仅限记录一些我初浅的理解，欢迎大家评论，谢谢！
B. UI设计师如何与产品经理以及开发协同合作
一般工作流程是：
1.产品经理(PM)提出产品方面的需求，输出PRD(产品需求文档)和原型图，并发起需求评审会议。
2.交互设计师接到PRD文档后进行梳理和确认，将模糊的需求和功能具体化，制作出低保真交互流程图和页面的结构信息框架，并以文字标注的形式进行交互说明，最终输出交互规范文档，并召开交互评审会议。
3.UI设计师接到交互文档后，第一步并不是马上动手去做，而是要先对需求进行理解，理解该产品的功能内容是什么?服务的人群有哪些特征?产品的目标是什么等等。有疑问的地方及时与PM或交互设计师进纯碧行沟通，最终达成对产品目标的一致理解;第二步，找竞品。对竞品的色彩搭配、结构布局、icon设计、字体规范等方面进行研究和分析，可作为参考借鉴，但不要抄侍睁袭;第三步，视觉设计。到这一步就可以真正开始动手做了，按照产品的需求，对重要功能和内容进行突出，弱化次要内容，注意整个页面的层级结构和比例关系，保持美观性和易用性之间的平衡。设计过程中参照移动端和PC端的设计规范，遵循一致性设计原则。
第四步，交付。在与PM和设计主管确认设计稿ok后，对页面进行标注和切图的输出。切图根据需要，对于iOS系统，需要提供1倍图、2倍图、3倍图，同时注意切图的命名规范(网上有很多关于切图命名规范的文章，这里不再赘述);对于android系统，主要提供hdpi、xhdpi、xxhdpi、xxxhdpi尺寸的切图，特殊情况还需老裤岁要提供点九图。
4.开发工程拿到标注稿和切图后，对开始对页面框架进行搭建。这时候，UI设计师的工作并没有结束，跟进和验收也是UI设计工作的重要组成部分，即要保证设计稿的还原度。中途若出现问题，也要及时配合开发小伙伴一起解决。一个优秀的UI设计师，除了关注设计执行上的工作以外，前期的设计规划和后期的迭代跟进同样需要关注。
以上就是青藤小编关于UI设计师如何与产品经理以及开发协同合作的相关分享，希望对大家有所帮助，如果您想要了解更多相关内容，欢迎大家及时在本平台进行查看哦!