最近好多人问我，UI设计师需要了解前端代码吗？我的答案是肯定的作为一个UI设计师，我认为了解基本的前端操作是很有必要的。
在我刚接触设计的时候，那时做WEB页面的都叫做网页设计师，最常用的设计工具叫网页三剑客，只要掌握这三个工具就能独立制作出一整套页面，那时候的页面设计师承包了现在的交互视觉前端的一切工作。
但是，随着互联网的快速发展，人们对页面的要求越来越高，无论是设计还是前端都变得越来越专业。人们需要更多炫酷的特效和体验化的设计来制作页面。 HTML5和CSS3也越来越普及，浏览器每晚都在更新，每隔几个月就会增加新的设备和屏幕大小，而前端需要考虑的屏幕尺寸越来越多，这一切变得不再容易。设计师的职业也开始细分化，从交互到视觉再到前端...虽然流程被细分了，但是前端和视觉这两者我认为是密不可分的关系，做为UI设计师了解基本的前端代码依然十分重要。我总结了三点：
1、团队配合更轻松
设计师了解前端和前端了解设计都是相同重要的，设计师在前端能实现的前提下来制作设计稿。前端在了解基本设计规则的情况下来和设计师配合，大大提高团队效率。在一个产品开发团队中只有每个人都清楚的知道其他人在干什么才能更加明确自己手头工作的目的。但是往往很少有人会想到去了解自己并不会用上的东西。
我面试了许多UI设计师，大多设计师只是学习了基本工具的用法，和设计的基本规则。却很少能有设计师能真正了解设计的本质和产品从前期调研到后期产品上线的整个实现流程，这样的结果就是设计师在工作上没有话语权，经常会面临各种指点江山的“大神”。
2、页面设计更加合理
设计师了解浏览器的代码解析规则之后能更加合理的设计页面，不会出现超出前端范围内的设计。
3、保护自己的工作
我们工作中，很多时候前端人员并不了解设计，对审美也没有一个良好的判断，有时会根据某些无法实现的效果去对页面做一些更改。导致实现的效果和设计稿相差甚远，这也是让许多设计师头痛不已的问题。如果这时候设计师自己懂这些基本方法就能很好的保护自己的工作，保障了设计稿和最终效果的统一，在工作中也更有话语权。
当然不是让所有人去去系统学习前端代码，只是你需要了解你设计的视觉稿最后以通过什么方式实现最终效果，如果你了解了其中的原理，对你前期设计思路会更加清晰，不至于设计出超出范围的页面，也避免在工作中被开发人员牵着走。
现在我偶尔也会接触一些前端的工作，虽然算不上特别专业，但是实现一些基本页面还是没问题的。目前主要重心还是放在设计上，比起编程我还是更钟爱设计。虽然没有经过特别专业的课程和训练，但是通过自学也总结了许多设计心得和方法，也帮助了一些刚进入设计领域的新人找到了目标，这一点是我非常欣慰的。后期会慢慢在公众号上更新分享自己的方法，希望通过我的分享能帮到更多在设计这条路上的新人找到正确的方向。
