文章开头：本文是Mockplus团队老师发表在产品壹佰的文章（http://www.chanpin100.com/article/105630 ）转载文章仅供大家习，不作任何商业用途。

如果从客观的角度来讲，那么你有必要了解网页设计师和网页开发者之间的区别和联系；如果从职业规划的角度来说，那么你更应该好好看看这篇文章，再决定从事网页设计方面的工作还是网页开发方面的工作。

在互联网历史中，网页设计师和网页开发人员这两个不同的行业分工一直都扮演着不可或缺的角色。谁是主角，谁是配角的争论就如鸡和蛋谁先谁后的争论一样，喋喋不休却没有意义。但是，如果从客观的角度来讲，那么你有必要了解网页设计师和网页开发者之间的区别和联系；如果从职业规划的角度来说，那么你更应该好好看看这篇文章，再决定从事网页设计方面的工作还是网页开发方面的工作。

科技的不断进步使得网页开发和网页设计已经不再那么神秘。林立的写字楼里到处都能听到关于网页设计师和网页开发者的讨论。各类招聘网站上也在热切的寻找网页设计师和网页开发人员，然而，薪资标准各有不同。

一、薪资差别

1. 网页设计师的工资是多少呢？

截至2017年10月30日，网页设计师平均为73,204美元，通常范围在62,669至83,659美元之间。然而，这取决于各种因素，可能会有很大差异。

HR提供的截至2017年10月30日的数据

上图是美国网页设计师薪资的预期百分比，该比例低于年薪。例如，美国一个典型的网页设计师的平均期望年薪是73,204美元，所以在美国执行网页设计师工作的人中，有50％预计会少于73,204美元。

2. 网页开发人员的年薪是多少呢？

截至2017年10月30日，网页开发人员III的年薪为101,962美元，范围通常在92,359美元至116,497美元之间，但是这取决于各种因素，可能会有很大差异。

HR提供的截至2017年10月30日的数据

该图表描述了美国网络软件开发人员工作的人员的预期百分比，该薪酬低于年薪。例如，美国一个典型的网络软件开发人员的中位数预期年薪为77,458美元，因此在美国从事网络软件开发人员的人中，有50％预计会少于77,458美元。

二、职责差别

通常我们对网页设计和网页开发的概念分不清楚，两者之间既有区别又有联系。最大的差异是：一个是有关网站的视觉或美学方面，被称为“设计师”；另一个则是看不见的编码方面的设计，被称为“开发者”。简而言之，漂亮的网站界面最初都是出自网页设计师之手，而开发者则负责把漂亮的图片变成真正给我们看的页面。

1.网页设计师主要做什么？

通常，网页设计师主要处理可视化布局的网站。优秀的设计师在各种概念使用上运用自如，比如色彩的搭配、排版、空间关系以及用户体验等。

通过使用图形设计软件和原型设计工具来创建可视化的Web网页初始版本。待设计完成后再由Web开发人员进行编码。

设计工具:

Adobe

Photoshop

Illustrator

Sketch

原型设计工具:

Axure

Mockplus

工作内容

负责对网站整体表现风格的定位，对用户视觉感受的整体把握；

进行网页的原型设计制作；

开展产品目录的平面设计；

进行各类活动的广告设计；

协助开发人员进行页面设计等工作。

总的来说，设计师就是负责运用自己的审美知识，使用各种工具，将漂亮的页面设计出来。好的设计师能把握好整个公司的产品风格，为客户的第一感受提供至关重要的保障，在招聘市场上，一流的设计师真的是可遇不可求。

2.网页开发人员主要做什么？

Web开发者通常被认为是使用左脑开发的人群，他们主要负责网站的页面编码实现。一般情况下，Web开发者会从Web设计师那里拿到页面的设计稿，然后使用前端开发技术来编码实现这些页面。他们不太在意页面是否配色好看，但他们却很在意洁净的代码。优秀的开发者一般更注重细节，并且关注每一处细节。

他们主要需要掌握以下这些技能和工具：

源代码管理工具：SVN, CVS , Git 等；

IDE：WebStorm, Sublime, VS Code等都是优秀的IDE，掌握任意一款即可；

前端开发技术：HTML，JavaScript，CSS等

前端框架：jQuery, React, Bootstrap等

近几年前端开发越来越火热，技能要求也越来越高，当然薪资水平也随着上涨。目前进入前端开发领域是一个非常好的时机。

三、网页设计师vs网页开发人员，互相合作

如今，设计师与开发者之间的界限越来越模糊。

越来越多的设计师开始学习编码，开发者也开始密切关注设计理论。合格的网页设计师应比平面设计师更懂代码，比程序员更懂设计。作为精美网页的缔造者，能让网站用户眼前一亮，从而产生良好的体验才是他们的最终目标。

好的网页开发人员除了具备精湛的代码编写技术外，还应具备较强的审美能力。努力提升自己，掌握更深刻的开发知识，实现设计师提供的功能原型图或是视觉效果图。

总结

对于想要踏入网页制作行业的新手来说，在面临成为网页设计师或者网页开发的选择题时，选择网页设计师是一个好的开端。只要你掌握了基本的网页设计原理，再加上一款好的并且学习成本低的原型工具 ，你就能成为一个初级的网页设计师。而且人人都有自己的审美观，只要具备一定的审美意识，再加以学习基本的设计规范，而且通过使用现代越来越简单易用的工具，就可以快速开始工作。

设计师虽然容易上手，却对天赋有一定的要求，对个人的综合素质要求很高，如果想要成为最好的设计师，需要大量的涉猎各种类型的知识，还要随时关注最新的潮流，有时候甚至会感觉到压抑，容易怀疑自己。但是完全掌握一个产品带来的成就感也是巨大的。

文章结尾：再次申明所有转载文章仅供学习，感谢Mockplus团队老师的分享，如果喜欢我们的文章点关注❤️吧！比心呦！