UI设计师要不要学习前端？
UI设计师做完设计稿交给前端之后，前端小哥哥说这个效果实现不了，那个效果实现不了，我要不要学习前端的一些知识技巧？
有时间学习，就多学点，这样未来职业发展路径比较宽，更了解程序员，设计的页面更好看
有必要学习一些前端
UI设计不一定需要精通前端，但是如果UI设计了解前端可以减少和开发人员沟通的技术成本，让团队协作更加高效。比如项目经理如果不懂技术，就很容易被开发、测试忽悠，再安排项目节点时就不能准确的预估项目周期。如果设计不懂点前端，前端小哥哥会说这个那个效果实现不了。
UI设计不一定要精通前端，懂点技术会减少沟通成本，在工作中也更有优势。
那UI设计如何学习前端，需要学习到什么程度呢？
我们分享一个前端教程，这里面详细讲解了UI设计中的Web前端设计规则及工具，可以帮助大家深入理解Web前端UI设计方法。
1、HTLM基础认知DIV框架及CSS样式
首先要了解HTLM基础、CIV框架以及CSS样式。HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网路上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。DIV元素是用来为HTLM文档内大块的内容提供结构和背景的元素。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字型大小样式，拥有对网页对象和模型样式编辑的能力。
2、浮动原理、Margin认知
Margin，是CSS的语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。
3、框架应用搭建
框架很多，在这个教程中选择一个主流框架带大家看看前端框架如何搭建。
4、插入图片、文字标签和版头、导航栏
编写的网页中插入图片，可以使浏览网页的用户得到更好的体验效果。在这一部分会讲解插入图片、文字标签以及版头和导航栏如何实现。
5、Banner块插入、内容文字排版、内联元素、A标签和Banner链接定位
Banner是网路广告最早采用的形式，也是目前最常见的形式。它是横跨于网页上的矩形公告牌，当用户点击这些横幅的时候，通常可以链接到广告主的网页。而网页中的文字内容排版也直接影响著网页的美观以及网页的用户体验。
6、锚点标签、超链接标签、固定定位和绝对定位、相对定位
& 标签用于定义超链接，用于从一张页面链接到另一张页面。用于设置锚点，用于页面定位。
7、导航二级菜单显示隐藏
很多网页中的二级菜单栏不直接显示，需要滑鼠移动到一级菜单或者点击一级菜单才会展开显示二级菜单。
8、Input表单
input表单可以获取用户的信息，做出对应的动作，教程中直观的展示input表单的应用方法。
其实以上教程只是web前端很小的一部分，UI设计如果能够了解前端知识，在设计中可以更好的考虑实现问题，也能够更好的和开发人员交流，也能够提高团队协作的效率，加速项目的进度。
首先，UI设计师具备一定的前端代码编写能力，能够在一定程度上提升自身的岗位竞争力，未来的发展空间也会更大。
UI设计师在互联网时代，尤其是移动互联网时代得到了广泛的关注，一个重要的原因是互联网产品对于用户的使用体验越来越关注，所以目前整个IT行业有大量的UI设计师，尤其是互联网公司更是释放出了大量的UI设计岗位。
UI设计师主要的岗位任务包括交互设计和视觉设计两部分，通常在产品经理和策划完成方案设计之后，UI设计师就需要完成产品原型的构建，包括交互原型和视觉方案。UI设计师在反复与产品经理沟通并修改之后，最终把设计原型交由开发团队进行开发，以后在每次版本迭代的时候，都离不开UI设计师的参与，以保障产品的使用体验度不断提升。所以，在岗位职责方面，UI设计师通常并不需要参与代码的编写。
在当前大数据、云计算等技术的推动下，UI设计师的岗位工作边界在不断得到拓展，一些UI设计工具也整合了一些程序设计的内容，这些内容大多都是基于前端代码的，所以在这种情况下，UI设计师掌握前端编码技术就变得有必要了。
目前在不少小型开发团队中，UI设计师往往也会参与到前端开发任务中，包括Web前端开发、Android开发、iOS开发和各种小程序开发等，一部分UI设计师也需要掌握一定的大数据呈现端的开发知识。所以，在当前的职场环境下，要想具备更强的岗位竞争力，掌握一定的前端开发技术对于UI设计师来说，还是有必要的。
学个锤子
最好了解下前端的实现方式，这样配合起来比较顺畅
前言导读
前端，或者说我所认为的前端，狭义范围内指的是Web网页的页面展现，页面交互和后台数据反馈交换甚至控制。更广义的范围应该指的是所有电子设备，无论是安卓，iOS，电视，Ps4 ,任天堂游戏机甚至是小霸王学习机，未来的VR，AR等等可视界面的总体学问，其中牵扯到可视屏幕尺寸，解析度，硬体系统支持，交互条件，可操作性，使用场景，等等一系列问题...
而今天我聊了解前端这个话题，仅仅指的是狭义范围内对Web网页的页面展现，页面交互熟悉以及对前后台数据交换概念的基本理解（这是接下来文章所聊的前端定义范围）。
美工的由来
那么，肯定很多小伙伴们会说：我特么就是个小小搬砖设计师，还要掰扯一边脑袋去学代码，这不是要我老命吗？我一个美术专业出身，手里日复一日拿著的都是画笔，突然叫我去扒拉扒拉往键盘上疯狂输出ABCD，Hello World什么的，我真的难以接受…不是有专门的前端工程师吗，为什么要我去学这种与设计师无关的东西。世界那么大，我想去看看，请不要骗我去学前端...
呃...那么，咱们换个角度，身为设计师的你是否遇到过如下几个场景...
No.1 产品经理：什么情况？网页上的按钮这么奇怪…这颜色大小也是没谁了...
某设计师：稍等...打开网页…我ca...这尼玛什么情况，我之前的标注切图不是这样的...
No.2 前端小哥：什么情况？你这粒子效果…不说开发难度，你知道性能瓶颈吗？浏览器兼容...
某设计师：前面不是说随便设计…我还花了一天做的动画...这效果应该没问题吧…
No.3 前端小哥：什么情况？这个布局有问题，小尺寸上我没法实现…
某设计师：我设计的就是这个980宽度…你@#%*… ￥……*！@%阿西吧…
No.4 技术总监：这个功能目前做不到，你让「美工」改一下那个「方块」…
某设计师：我是美工…美工...改一下那个「方块」…尼玛...方块！他说那个「方块」！！！
No.X And so on…
某技术总监AV你的话：美工这职务其实听起来蛮好听的，美术工程师嘛～扒拉扒拉...
You：what f**k ?我读书少表骗我…叫我改设计的时候从来都是你指挥上上下下ABAB，在放大中缩小一点，以及实在不行就回到初稿的中心思想…
从以上场景，排除外在因素，呃...那么，客观的从自身角度找问题的话，可以总结一些问题…
1.设计师的能力单一，一般埋头做图，在整个项目中的影响力较低。
2.对前端基本知识一无所知，出了问题无从下手，只能由别人决定，非常被动。
3.项目中各职务之间存在有职务边界效应，极少数人关注到。所以...就给了「中间商赚了差价」（必考题划重点）…
设计师是处在项目中承上启下的作用，应该是在整个产品研发从抽象到具象过程中起到最重要的角色才对！怎么会沦为其他职位眼中可有可无任人鱼肉的美工？智能PS助手？说好的设计影响力？说好的设计赋能？
设计师最近这几年都流行一些UED，全链路设计，服务设计等一些概念，我觉得思路是对的，但涉及面太广了。
在针对在实际工作中，设计师的眼界，认知等，大部份人思维聚焦还停留在平面设计时代中，排版，色彩，对比，有关视觉方面类的。虽然交互设计也在国内慢慢开始发展，受到了广大业界人士的关注。
但是，设计的实现呢？迄今为止很少人关注这些…设计师总觉得这些都是前端的事，事不关己，高高挂起；作为前端哥哥们也认为自己只是代码搬砖的，照葫芦画瓢，设计美感理念？Excuse me?
而这种看似不起眼甚至三不管的问题却经常大幅度导致项目漏水的结果，然后职务之间互相甩guo...
所以这么看来，作为设计师的你，想成为一名真正有说服力影响力的你，了解前端基本知识，其实是很有必要的...就像优秀的建筑设计师一样，不是简单停留在设计方案和图纸上，是要非常了解力学结构，成本估算，建筑材料的使用和各自的局限性，实际地理和环境等等。这样才能把你的项目落到实处，达成你设计思维和设计赋能的输出最大化。
胸中有丘壑，眼里存山河。项目中的设计师不仅要上的厅堂，下得厨房，跟产品经理聊交互，聊体验。还更应该要关注你的设计产品的实际还原度，主动向前跨出一步，与开发人员更好的协作。
学习目的
学习前端基本知识，其实是能给你带来很大的好处的。但不是为了学习而学习，而是更应该充分体现在你的项目工作中。
例如在项目中，在你做动画效果，在你实际制作之前，就能充分意识到后续开发可能会带来的一些问题和困难；与研发人员如何更好的交付自己的输出稿；指导研发人员调整界面上的问题；项目研讨会上提出建设性且有实际意义的设计解决方案；用研发的语言和思维去和研发沟通。
这样，你才能真真正正的摆脱你一个美工的宿命，而不是只能被动的听研发去掉那个该死的「方块」。
因为没有影响力就没有发言权，没有发言权就又没有影响力…我们只是大自然的搬运工。
常见问答
1.假如要学习前端我应该学习哪些知识呢？还有大概范围？
其实就是最基本的前端Html + Css + Javascript(原理) 页面布局 类似前端框架Bootstrap（栅格系统，响应设计有关）动画效果实现原理理解（animation）甚至可以是一些可视化前端插件了解。
现在前端技术范围很广，还是主要以你的项目目的为主，有针对的去了解，也可以像前端人员请教。
2.为什么要学前端，学会了前端那还有前端工程师什么事吗？
Too young too simple sometimes native.设计师并不能取代前端，设计师学习前端的最主要目的是能很好的与前端人员沟通，修改和调整你的设计，而不会在出了问题后一脸懵逼，一问三不知，甚至前端工程师问你时候答非所问。
学会了一些前端知识也不能沾沾自喜，有自我优越感，因为前端工程师永远是专业的技术员，不要拿你的业余爱好来挑战他们吃饭的本事。除非你的设计和代码都是专业级别的。
3.我是一个文科生，对学习前端代码这类是否有很大困难？
其实还是在乎与个人，无所谓专业，我们设计师所要了解的前端知识只是最基础的前端技术，所以客观来说难度并不大。只要你有心学是不成问题，况且你的工作中还有那么多可爱的前端哥哥们等著你去聊骚，让他们明白你不是一个美工，你是有梦想的咸鱼...
4.学习前端还能带来些什么好处？
你将是设计里最懂开发的，你也会成为开发的好朋友。你可以自己建个有设计感又有创意的小网站发表自己的文章和心情也是个不错的主意哟～但学的知识切记不要出去显摆，因为前端的世界很大很大...
5.特么的骗我学前端，到底收了多少好处？
1.没发广告（主要是接不到），2.没泡到妹（你敢聊我就敢泡），3.没有Kpi（没有Kpi就没有新中国），4.没开培训班（可以考虑代言呀），所以并没有好处。反而可能会引来许多不赞同的意见。总之，为你的设计师职业发展做好长远打算，这年头人心太浮躁，自学点啥总是稳赚不亏。
文章寄语
设计师的职位看似很光鲜，各种UI设计师，交互设计师，设计主管，设计总监，五年，八年，十年设计经验…个人认为设计师的水平还是应该要以结果为导向，综合能力评估为主。
一个好的设计师，应该是多方面的。也许你的视觉很棒，你的创意也不错，也有产品思维，但终归是纸面上的成果。假如项目的结果是打折的，五折或者是六七折，再好的设计稿又有什么用呢？
一些设计上的务虚还是绝对有必要的，是可以张口闭口的用户体验，以人为本。但当你踏踏实实坐下来 在检查你的设计时候，你是否从现实角度来思考你的设计。你的设计是否合理可行？有没有工作断档地带？考虑过实际条件成本和限制吗？
希望你我都能做一个主动且创新的设计师，让想像真正变为现实。
作者：陈踢缺er
转载地址：
设计师的你需要了解前端吗？-UI中国用户体验设计平台?www.ui.cn
来源：UI中国
你学了是想自己写么？你是前端还是他是前端？这是他的本职工作还是你的？」实现不了「有很多情况，是技术上实现不了还是可以实现但是比较麻烦所以不想实现还是其他什么原因，你负责设计，交互有交互负责，产品有产品经理负责，各司其职。你学也只能学点皮毛，你用皮毛知识去怼一个专业前端，是撕逼的技巧又增加了？没有必要。
UI设计不一定需要精通前端，但是如果UI设计了解前端可以减少和开发人员沟通的技术成本，让团队协作更加高效。比如项目经理如果不懂技术，就很容易被开发、测试忽悠，再安排项目节点时就不能准确的预估项目周期。如果设计不懂点前端，前端小哥哥会说这个那个效果实现不了。
UI设计不一定要精通前端，懂点技术会减少沟通成本，在工作中也更有优势。
可以了解一下实现原理，这样知道怎么切图。学前端必要不大，毕竟是两个工种
本来ui一层就够薄了，你还不学习前端知识，那你拿什么升职？
如果有技术有时间有兴趣为什么不呢？
前端小哥哥说实现不了
你就去学前端，最你终实现了前端小哥哥终实不了的效果
这是你的解决方法？
你的前端小哥哥会为此失业的
你从此也会身兼两职
个人感觉，了解一下也好，但总要有一技之长。全才不好做
可以，但没必要。设计师的产出和前端的产出不是一种类型，了解一些原理，和技术pk的时候不被压倒就够了。
多学一点没坏处，能够提升你作图时候的思维，避免过渡切图，也方便与前端开发人员沟通
可以学习一些布局相关的，不必学习太深，这样可以和前端好沟通一些，例如切图之类的，知道怎么切比较好；但是不学也不影响的，一般切图前前端会和你对一下 他想要怎么样的切图；
最好是让他定要不然你和他想的不一样那就白切
要的，为了更好的和研发沟通，不过不需要深入学习
想更有竞争力可以学学前端HTML和css其他的不太需要
你好，我是前端，目前我认为ui和前端主要矛盾点是逻辑性，所以优秀的ui应该了解下前端即可，更多时间应该是去熟悉业务，设计出有逻辑性，美观的设计图。
设计图相对感性，代码确是百分百理性，也就是说前端看到设计图首先做的事情就是划分模块，找共同点，设计图一个按钮移动到另一个区域，对于前端来说就不是简单的移动一段代码，而是要改变模块之间的通讯方式，定义模块的位置。
我认为不论是ui还是前端，熟悉业务更重要
推荐阅读：
