开发者社区> 爱原型设计> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

网页设计师和网页前端开发我该选择哪一个

简介: 在互联网历史中,网页设计师和网页开发人员这两个不同的行业分工一直都扮演着不可或缺的角色。谁是主角,谁是配角的争论就如鸡和蛋谁先谁后的争论一样,喋喋不休却没有意义。
+关注继续查看

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

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

一、薪资差别

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

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


img_56a01f5b9b5e5a778ffa6d680429ea0a.png

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

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

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

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


img_15fb950738c6466bfbd6a256039ae1d7.png

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

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

二、职责差别

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

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


img_2616715c1b985ea0a6990a924d9fe8f3.png

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

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

设计工具:

Adobe

Photoshop

Illustrator

Sketch

原型设计工具:

Axure

Mockplus

工作内容

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

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

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

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

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

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

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


img_e08abc3bc204b8499a4d5e6aab12e4b5.jpe

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

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

源代码管理工具:SVN, CVS , Git 等;

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

前端开发技术:HTML,JavaScript,CSS等

前端框架:jQuery, React, Bootstrap等

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

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


img_fcc65a1a1d76b0a104c08154052f3105.png

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

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

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

总结

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【青训营】- 前端只是切图仔?来学学给开发人看的UI设计(下)
于开发人来说,不单单要会写代码,有良好的用户体验思想也是非常重要的。毕竟,开发完的内容是要给用户来使用的,而不是自己随心所欲觉得哪里想添加个内容就哪里添加。 因此呢,在下面的这篇文章中,将学习给开发人看的 UI 设计。一起来了解吧~
0 0
【青训营】- 前端只是切图仔?来学学给开发人看的UI设计(上)
于开发人来说,不单单要会写代码,有良好的用户体验思想也是非常重要的。毕竟,开发完的内容是要给用户来使用的,而不是自己随心所欲觉得哪里想添加个内容就哪里添加。 因此呢,在下面的这篇文章中,将学习给开发人看的 UI 设计。一起来了解吧~
0 0
实战技巧-学会这一招让前端工程师都刮目相看
实战技巧-学会这一招让前端工程师都刮目相看
0 0
好程序员Web前端开发入门之网页制作三要素
  以上就是好程序员Web前端开发入门中前端三要素的基本内容,如果你想了解更多前端开发技术,想要积累较多实战开发经验,可以来好程序员学习培训!
1523 0
怎样才算是一个合格的网页设计师?
随着互联网的盛行,市场上各行各业的企业对于网站的更新换代都有着不等级别的需求,然而网页设计师这个专业便是一个赤手可热职位。在上海建站行业里面什么样的网页设计师才算是合格的,对于企业网站设计理念,设计思路,设计规划,以及最后网站成型的框架页面是否能够得到客户的认可,这些对于整个网站制作项目来说都是非常重要的。
866 0
全端工程师和设计师必读文章推荐【系列三十一】
  《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30期。今天这篇是2014年第10期(总第31期),希望你能在这里发现有用的资料。   梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
1806 0
Web前端开发人员和设计师必读文章【系列十一】
  时光荏苒,转眼已是深秋,《Web 前端开发人员和设计师必读文章推荐【系列十一】》姗姗来迟。梦天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。
3358 0
向网页设计师推荐15个很棒的网站
  网络上各种各样的社区网站数不胜数,但专注于创意设计的很少。今天这篇文章收集了15个非常好的专注于设计的网站推荐给设计师们,不管是学习先进的设计理念,还是寻找免费资源与工具,这些网站都是很不错的去处,记得推荐和分享一下 :) DeviantArt DeviantArt 是一个为艺术家展示各自作品、并交流讨论而设计的社交网站。
648 0
【编译】UI设计师必读的13篇文章
【CSDN编译】导读:UI界面的设计目标是能够轻松吸引用户眼球并使之具有实效性。在实现目标方面,它通常被称为用户中心设计。一个好的用户界面设计,便于帮助设专注于网站的建设,而图表设计通常用来增强可用性。
942 0
+关注
爱原型设计
一名PM,分享个人与设计(UI/UX等)相关的经验与教程。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
ios开发者必读咨讯
立即下载
低代码开发师(中级)实战教程
立即下载