Question

UI设计师需要懂前端代码吗?

请问，UI设计师需要懂前端代码吗?

Answer 1

懂技术，但是不一定要做到会技术，或者说熟练掌握技术。因为只有了解了Web前端的技术特点，才能做出更符合实际要求和技术特点的UI设计。
原因大致主要有以下三个方面：
原因一：改进团队协作能力
对于一个Team而言，除了每名成员，都能各司其职以外，更希望大家能够通力协作。
假如说：UI设计师了解前端代码，在发挥自身优势做好本职工作时，还可以考虑到前端岗位是否可以实现效果。这样UI设计师不仅增加了工作配合默契，非常有效的提高了团队协作能力，而且能在公司取得更好的发展。
原因二：有效提高页面设计
UI设计师学习前端代码基础知识(例如html基础、列表及表单、css基础、css选择器、css特性、css引入方式、盒子模型、浮动及常见布局、定位等)后，可以掌握html标签及语法、css语法、seo搜索引擎优化技术、兼容性调试等核心技能，从而设计出满足搜索引擎的页面，不会出现越过前端能力的设计。
原因三：保障设计效果呈现
一般情况下，前端并不具备UI设计领域的基本技能，对审美也没有良好判断，很多时候会因为某些无法实现的交互效果改动页面设计形式，导致页面呈现的效果和设计稿存在很大差异，这是很多UI设计师头痛的问题。但是，如果UI设计师懂前端代码，就可以保障设计稿和最终呈现效果的统一，在工作中也更有话语权。
以上就是UI设计师需要懂前端代码的3个原因，当然，UI设计师并不需要真正学会编程，而是通过了解开发知识，让自己在设计过程中可以考虑到界面的交互性、扩展性、可用性，从而提高自己的界面把控能力。另一方面，懂得开发知识的UI设计师，和开发之间的沟通往往也会更加顺畅，从而带动起整个项目的节奏。当然，我更希望UI设计师具备写出网页布局代码和简洁实用的css样式代码的能力，成为企业需求的全能型UI设计人才。

Answer 2

答案是肯定的，一名优秀的UI设计师不仅要具备设计能力，还需要掌握各种专业技能，而其中就包括了前端代码。

UI设计师学习前端代码基础知识(例如html基础、列表及表单、css基础、css选择器、css特性、css引入方式、盒子模型、浮动及常见布局、定位等)后，可以掌握html标签及语法、css语法、seo搜索引擎优化技术、兼容性调试等核心技能，从而设计出满足搜索引擎的页面，不会出现越过前端能力的设计。

对团队而言，当每个成员都互相清楚对方在做什么，才能更加理解自身工作的目的与价值。如果UI设计师了解前端代码，在发挥自身优势做好本职工作时，还可以考虑到前端岗位是否可以实现效果。这样UI设计师不仅增加了工作配合默契，非常有效的提高了团队协作能力，而且能在公司取得更好的发展。