@eslizn

关于“切图”，参考我 37 楼的评论。

“切图”、“前后端联调”、“调 CSS ”、“ js 特效”等等个性鲜明的词汇，在不规范的前端开发流程中的出现频率很高。

设计师需要和前端约束设计规范，前端和后端需要约束接口、数据模型、静态资源导出等方面的规范，一旦省了这些步骤，就会有人不得不去做一些本不属于当前步骤的工作，甚至出现整个流程反复走几遍的情况，效率低下，工作流程中的所有人都疲惫不堪。

@no1xsyzy 我主职是货真价实的前端程序员，而不是设计师，我强调 UI 和 UE，主要是针对“如何进行前端（工程）开发”这个问题来讲的，前端（工程）开发过程中，前端程序员需要与设计师协作，前端程序员在写代码之前，需要先由设计师提供符合前端开发规范的 UI 或者 UE 稿，而不是用市面上流行的开发工具“凭空”做开发，我重点阐述的是开发流程规范化的重要性。

@choulinlin 前端 UI 以矢量设计为主，矢量设计能够让设计师更精准的实现各种设计规范，Ai 太重，Ps 的主要功能并不是矢量设计，Fw 过气了，现在的主流 UI 工具是 sketch，如果仅仅只是想做 icon 的话而不是完整的 UI 项目的话，AI 更合适。

@duan602728596 我的“必知必会”只是一种戏谑的说法，我对技术选型向来很保守，举个例子，我做了五年前端，经历了 IE6/CSS2/ES3 刀耕火种的时代，到 IE8/IE9 时代，再到现在的 web 前端与 app 前端全栈几个阶段，我用的第一个 node 版本是 node6.9.x，直到 2017 年我才接触 webpack，我很少做 hybrid 应用前端，安卓前端我只用 java。UI 方面，我一直认为 fireworks 是 sketch 在 windows 下的最好替代品，而且准确意义上说，fw 是 sketch 的前辈。

@eslizn #59

什么是“切图”？ 做了五年 web 前端和 app 前端，从未做过所谓的“切图”。

想依靠 deep learning 让 UI 满足用户或者领导需求，估计还得多等等……

@ai277014717 #54 这又是另外一个问题。我们设计师作图之前会和前端约束设计规范，比如组件化、模块化、响应式、状态等问题，都在 UI 稿中前置考虑并实现，除了静态稿，我们还有动态稿，而且都采用成熟、流行的方案。UI 确定，前端代码就能确定 —— 所以只能说你们的设计师不够专业

@Terry05 更有甚者，学华为强行定义“全面屏”一样，强行定义前端，说 node 开发就是前端，说 js 就是前端的，说 template-render 就是前端的比比皆是……

@jjx 睁大眼睛看看标题，楼主问的是“学前端”，基本的先学爬再学走的道理。 “做 ui 还很 easy 的事情” —— 熟练使用各种 SDK/API/LIB，熟练复现、抄袭、借鉴、参考各种现成的 UI 方案，工具玩的再溜，也说明不了任何问题。

@aksoft 你这个观点参见我 21 楼的评论，哪有这么巧，你要解决的前端需求刚好有现成的“文档”给你看

@codermagefox 观念是可以变的，可悲的不应当是我们这些真前端……凭良心说，近几年国内的（真）前端大环境发展神速，消灭伪前端指日可待

@aksoft 可能是看了 26 楼这种前端学习清单吧，放着谁都要吓着

@pepesii 前端开发本质上是用代码把 UI 稿翻译了一遍，当你摸着键盘却不知道写什么好的时候，很有可能是没有一份符合前端开发规范的 UI 稿摆在你的面前，当然，如果你自己能够设计出这样的 UI 稿就再合适不过了

@jrtzxh020 做了五年前端，无论是 web 前端还是 app 前端，从来没做过所谓的“切图”，UI 稿包含两部分内容，可以用代码写出来元素、样式、布局等东西，和不需要用代码写出来的素材文件，素材文件直接由设计师按前端开发规范导出为直接可以用在项目中的静态资源。

“切图”比较类似于“用汉字标注英文单词发音”这种奇葩的操作，业余至极。

@badcode 那么问题来了，什么是前端？

@KuroNekoFan 觉得麻烦通常是因为跳了 UI 设计步骤 —— 步子迈大了自然会蛋疼。设计师做高保真 UI，前端开发者把 UI 翻译成 HTML/CSS/JS，那些用代码凭空撸视图的开发者纯属自残。

@zjsxwc 之所以“调” css，是因为 UI 设计这步没完成，UI 确定之后再才能写 HTML/CSS/JS，否则要多花三倍以上的时间

@duan602728596 传说中的“前端必知必会”系列，早些年流行的版本是一大张思维导图，现如今就是这种碎片化的清单……把教科书背下来就能上清华北大……“切图”这个工种跟前端没关系……工具是工具，工程是工程……无力吐槽~~

@Weny 你这个观点成立的前提条件是遇到任何前端需求都有对应的文档，或者有对应的框架、库、控件等东西。你这句话另外一层意思是“会开车就等于会造车”。

@sfree2005 楼上大部分言论都是在讨论工具的学习和使用，而不是工程方案