Question

学UI设计用学习前端代码嘛？

Answer 1

近期，很多零基础学员问小编，UI设计师需要懂前端代码吗?小编的答案是肯定的!作为一名UI设计师，不仅仅是掌握设计能力，还需要懂得各种专业的技能，其中包括：前端代码。小编认为UI设计师懂前端操作十分有必要，原因主要包括以下3个。

UI设计培训

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

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

　　原因3：保障设计效果呈现
　　一般情况下，前端并不具备UI设计领域的基本技能，对审美也没有良好判断，很多时候会因为某些无法实现的交互效果改动页面设计形式，导致页面呈现的效果和设计稿存在很大差异，这是很多UI设计师头痛的问题。但是，如果UI设计师懂前端代码，就可以保障设计稿和最终呈现效果的统一，在工作中也更有话语权。

　　上述是小编总结的UI设计师需要懂前端代码的3个原因。不过，小编并不是让UI设计师去系统的学习前端代码，而是希望UI设计师具备写出网页布局代码和简洁实用的css样式代码的能力，然后成为企业需求的全能型UI设计人才。想要成为全能型的UI设计师吗？欢迎报名传智播客的UI设计培训班。

Answer 2

首先，我们要清楚的知道，UI设计的结果，不仅仅只是视觉上的效果，更是看到一个完整的产品。这就需要我们知道这个产品做出来的全部流程。从开始设计，创意、审美到执行，产品出成果后的效果跟进和改善，都是UI设计需要做的。设计出的产品怎么能够修改和优化变得更好;我的设计怎么才能更符合客户需求;怎么将设计和产品要求更好的适配……做的设计是站在需求方、站在使用者的角度思考，在此基础解决问题，设计才能脱颖而出。
虽然UI设计是一个产出的全过程，但是大型公司会有多种职能部门，设计师独立写前端代码的可能性不大。有一些小型公司为了节约成本，希望设计师能完成多种职能：把设计好的页面写成静态页，然后再去实现功能。这就是一些招聘要求设计师会代码的原因。
对于UI设计师来说，代码知识学什么，学到什么程度都是因人而异的。对于设计者来说，我们不需要，也不可能掌握所有的代码知识。UI设计所需的代码知识是一些有针对性的简单的前端知识。所以对于代码知识的学习，主要是由你的需求来决定的。当然，如果你对代码知识感兴趣，学习的东西还是越多越好。
综上所述，小编建议想入职UI设计企业的，有时间还是学习一下代码知识。所谓技多不压身，多一点知识对于我们没有坏处。对于UI设计师来说，代码知识的要求都是基础和初级的。所以小伙伴们不需要担心代码太难学不会，更不需要因为需要学习代码知识丧失对UI设计学习的信心。

Answer 3

作为一名合格的UI设计，你需要具备的3大能力是：界面视觉设计能力、交互设计能力、用户需求研究能力。h5前端在大中型公司都是有前端工程师这样的专业岗位来完成，UI设计师需要了解前端、懂得前端的工作流程，但并不是一定要精通学会前端工程师的工作，这样有点抢别人饭碗的意思。

再者，很多UI设计师还停留在界面视觉设计的层面，根本没有用心考虑UI设计中对于产品需求的理解、用户需求、商业需求的理解，做UI设计全凭抄袭和主观认为的判断。如果能把交互体验设计和用户需求研究分析的能力具备了，这样才能真正做出令人叫好的设计。这才是一个高级UI设计师和资深UI设计师具备的能力。

Answer 4

从个人兴趣点来说可以单纯的只学UI相关的内容，但是如果是为了就业，那么学习前端的基础代码是非常有必要的，因为入职后，你会发现你的各种工作都会和前端打交道，这种情况下，如果你会一点前端的内容，那么你在团队沟通的时候效率会大大提高。除此之外企业招UI现在基本都是全链路的UI设计师，如果只有UI技术那明显是没有足够的竞争力的。

Answer 5

这位童鞋你好。具体的工作可能会用不上，但是有的中小企业就需要一人兼多职。这个时候就能用的上了，具体的请看以下文章。

　　UI设计师和前端通常是一个是艺术出身，一个是技术出身。却因为工作不得不经常面对面坐在一起，为各种问题纠缠不清。

　　前端总觉得设计太过理想主义，稿子里很多构想根本不完整，还以各种理由给自己找麻烦。设计总觉得前端各种找理由偷懒，开发出的界面明明和设计稿相差十万八千里，就自以为万事大吉了。

　　今天周老师就为广大设计师们写一篇比较好懂的科普，以促进双方在日常工作中更加高效友善地合作。

　　界面尺寸如何把控?

　　我们从外至内来看一个界面区域(手机屏幕/电脑窗口)的尺寸有两个变量：宽度和高度。

　　前端搭建界面时，通常只会规定横向尺寸。也就是说宽度是自变量，高度是因变量。因为用户的屏幕/窗口尺寸是无法预期的，哪怕都是手机，型号也多到数不清。要让一款产品能够在所有型号的硬件上展示，前端开发时不可能设置一个固定的界面尺寸。

　　你可以把界面想象成一个倒置的俄罗斯方块盒子，在固定的宽度下，长度可以近乎无限延展。

　　然而UI设计师都是以一个固定的界面宽度为基础的，因为这样设计师就不需要为同一个方案画很多不同尺寸的方案。也就是说在理解界面构成时，前端的是基于动态宽度，而UI则是基于静态宽度，这直接导致了双方在基础概念上的不对等。

　　这就是为什么设计还原的问题总是难以解决。UI追求的是在标准宽度下，界面能够100%还原;而前端费解的是，既然用户的屏幕尺寸根本无法确定，纠结某一特定宽度下是否精确符合设计稿是否有意义?

　　布局如何跟随界面尺寸而变化?

　　那么当容器宽度发生变化时，界面内部首当其冲受到影响的就是布局。

　　印刷品的页面布局通常有左右分栏和上下分栏两种。

　　而界面布局反倒更加简单，通常只需要考虑左右分栏即可。这是因为界面在固定宽度下纵向延展，纵向高度由内部元素的填充情况来决定。

　　界面尺寸变化时，分栏如何变化?通常有两种方式：定宽和定比。

　　定宽常用于PC端。固定一栏的绝对宽度，另外一栏根据容器自由伸缩;或者固定元素的宽度，根据容器尺寸来确定列数。