作为一名视觉设计师,需要了解甚至掌握一些前端代码吗

学东西不必亦步亦趋,先搞清楚好处再投入精力,很多时候是你投入了精力,再明白需不需要,先做再问。

■网友
作为一个UI设计师,我认为了解基本的前端操作是很有必要的。在我刚接触设计的时候,那时做WEB页面的都叫做网页设计师,最常用的设计工具叫网页三剑客,只要掌握这三个工具就能独立制作出一整套页面,那时候的页面设计师承包了现在的交互视觉前端的一切工作。
但是,随着互联网的快速发展,人们对页面的要求越来越高,无论是设计还是前端都变得越来越专业。人们需要更多炫酷的特效和体验化的设计来制作页面。 设计师的职业也开始细分化,从交互到视觉再到前端...虽然流程被细分了,但是前端和视觉这两者我认为是密不可分的关系,做为UI设计师了解基本的前端代码依然十分重要。我总结了三点:1、团队配合更轻松设计师了解前端和前端了解设计都是相同重要的,设计师在前端能实现的前提下来制作设计稿。前端在了解基本设计规则的情况下来和设计师配合,大大提高团队效率。在一个产品开发团队中只有每个人都清楚的知道其他人在干什么才能更加明确自己手头工作的目的。但是往往很少有人会想到去了解自己并不会用上的东西。我面试了许多UI设计师,大多设计师只是学习了基本工具的用法,和设计的基本规则。却很少能有设计师能真正了解设计的本质和产品从前期调研到后期产品上线的整个实现流程,这样的结果就是设计师在工作上没有话语权,经常会面临各种指点江山的“大神”。2、页面设计更加合理设计师了解浏览器的代码解析规则之后能更加合理的设计页面,不会出现超出前端范围内的设计。3、保护自己的工作我们工作中,很多时候前端人员并不了解设计,对审美也没有一个良好的判断,有时会根据某些无法实现的效果去对页面做一些更改。导致实现的效果和设计稿相差甚远,这也是让许多设计师头痛不已的问题。如果这时候设计师自己懂这些基本方法就能很好的保护自己的工作,保障了设计稿和最终效果的统一,在工作中也更有话语权。当然不是让所有人去去系统学习前端代码,只是你需要了解你设计的视觉稿最后以通过什么方式实现最终效果,如果你了解了其中的原理,对你前期设计思路会更加清晰,不至于设计出超出范围的页面,也避免在工作中被开发人员牵着走。现在我偶尔也会接触一些前端的工作,虽然算不上特别专业,实现一些基本页面还是没问题的。通过代码可以让我更加了解自己的工作,和同事也更好的配合!
【作为一名视觉设计师,需要了解甚至掌握一些前端代码吗】 所以如果自身设计能力达到一定程度的话,空闲时间完全可以了解一些前端知识!

■网友
作为一枚视觉设计师,你需要和开发进行合作,了解开发的实现难度,会帮助你更合理的设计。我说一个我身边的案例有一个视觉设计师,他设计了一个酷炫的页面,是的真的很吊炸天。但是开发却不干了,因为他们的工期只有一天,要实现这个设计,时间远远不够。于是乎,各种撕逼,场面很是壮观。最后是怎么解决的呢?最后只是稍作一些布局上的调整,就解决了这个问题,页面一样酷炫吊炸天。那为什么会有这样的场景发生呢?如果设计师了解页面的实现难度,是否就可以避免一些不必要的纠纷。设计师的工作不仅仅是为了好看,也是为了好用。也就是我们常说的易用性。多学一些知识,也可以帮助我们更好的完成工作,不是吗?那视觉设计师要学习哪些开发知识呢?首先,HTML和CSS 多少都要学习一点,它真的能让你和前端设计师成为朋友,有共同语言了嘛。再然后,了解一些HTML5和CSS 3,这些是新技术嘛,至于了解到哪种程度,看个人兴趣了。最后还可以学习一些js 知识,自己开发自己设计的页面,会让人有种成就感。当你自己尝试做页面的时候,你也许就会知道,为什么前端设计师不喜欢只会做酷炫吊炸天的视觉设计师了。好了,就写这么多了,希望能对诸位有所帮助。我是一枚交互设计师,个人网站http://hisharer.com ,关于设计经验分享的网站,有兴趣的朋友可以来看看。


推荐阅读