不是专业的美工，一般前端工程师设计网页的时候，要用什么设计呢？

一般会使用到ps、sketch、xd来做设计，如果你是mac系统的话，可以使用sketch，这是一个专门的UI设计工具，同时配合蓝湖来使用，不仅可以一键切图标注，还可以生成代码，直接复用。所以ps、sketch、xd和蓝湖都是前端工程师必备的设计工具

前端页面如何做到和设计稿一比一完美实现？

我觉得这个没有必要，高度还原就可以。

字体、颜色、间距、尺寸的把握:

一般专业的设计师作图的时候会非常注意这些，他们会有自己的一套设计风格，尽管是在单个页面下，每个地方的字体、颜色、间距、尺寸都不是随意设定的，这些在开发的时候就能感受到，这时想要高度还原其实并不难。

浏览器兼容、如何兼顾低版本浏览器但是不丢失过多效果。

其次最好保证每个项目的结构都是一致的，这个和团队有很大关系，只要共同约束就好。

最后样式和行为的命名要区分开来，具体还要团队制定一个规范。

网页设计师、前端开发、UIUED设计这几个有什么区别

网页制作可以大体上分成四个工种：
1 美工
美工的主要任务是设计。了解用户的意图，分析网站配色，基本布局。绘制出一个网站效果图。
美工需要掌握的知识体系应该包括网页设计，UI（User Interface）用户界面人机交互、操作逻辑、界面美观的整体设计，UED（user experience design）用户体验设计--简单来说就是如何使得网站更加便于交互。
2 前端开发
美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。
由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。
前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。
3 后台开发
前台开发完成之后，就是后台程序员的工作了，相比较前端来说，后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。
后台需要掌握的知识体系应该包括，编程基础，基本HTML语言，至少一门主流网页语言（C#,C++,JAVA,PHP等），数据库的操作等等。

4 宣传推广
前三个步骤完成之后，网站一定要推广，简单说就是营销。
营销人员应该掌握的知识体系应该包括SEO,SEM,线上线下推广，事件营销，危机公关等等复杂的知识。我对这个部分涉猎不多，不多说了。

另外，大型网站通常会在这四个岗位之间设立经理或有的公司叫网页架构师，经理主要是用来协调，沟通，领导这四个岗位。

至于四个岗位有多少人就完全取决于公司的网站的规模了，我自己在2000年的时候做网页基本上是四个活一个人做，除此之外还兼公司网管，电脑维修，有一段时间还兼司机，命苦啊~~