如何正确区分网页设计与网页开发？

Vũ Khôi

Wotech Electronics 博客作者

网页设计（Web design）和网页开发（web develop）有什么区别？一个人可以同时做网页设计和网页开发吗？如果我是一名企业主，正在寻找人才来负责网站及相关应用的建设工作，我该如何招聘？所有这些问题都将在下面的文章中得到解答。我们将对比网页设计师（web designer）和网页开发者（Web developer）这两个岗位，厘清两者在工作要求、职责、日常工作内容以及所需技能方面的差异。

什么是网页设计？网页设计师都做哪些工作？

从事网页设计的人员负责创建网站的雏形版本（可视化网页设计）。经过修改和完善后，最终设计稿会交由网页开发者进行HTML编码、网页脚本编码或其他各类编码工作。网页设计师和网页开发者都朝着同一个目标努力——打造一个吸引用户的网站或网页应用。

如果说网页开发者的主要任务是使用复杂的编程语言构建网站的核心架构，确保网站平稳运行、不出现技术故障，那么网页设计师的主要任务就是运用视觉元素（色彩、形状）来打造网站的"门面"。网页设计师的工作更侧重于为浏览者带来视觉体验。你可以把开发者想象成建筑工人，而设计师则扮演建筑师的角色——两者对于建设一个网站都是必不可少的，只不过他们负责的部分不同而已。

‍

网页设计有哪些类型？如何选择符合你需求的网页设计师

网页设计能让网站更具吸引力和辨识度。设计师专注于塑造网站的风格，并构建用户对网站的观感。他们大多使用图形软件进行创意设计和自定义视觉元素，也有一小部分人会使用HTML和CSS（层叠样式表，Cascading Style Sheets）代码来完成设计。那么，谁在使用图形软件，谁又在使用代码呢？

用户体验设计——用户体验设计师（User Experience，UX designer）

UX设计师负责用户感受的构建工作。他们的任务是让网站的访问量持续保持。UX设计师在启动任何项目时的第一步都是研究用户的人口统计特征和网站的需求，从而准确把握如何打造出你的特定受众群体所喜爱的网站。对用户心理的把握越到位，网页设计专业人员就越有可能吸引更多流量（traffic）、延长用户在页面的停留时间，并促使用户在网站上完成购买行为、提交信息等动作。

用户界面设计——用户界面设计师（User Interface，UI designer）

UI致力于改善用户与你网站上各视觉元素的交互方式，尤其是网页界面。具体做法是把复杂的创意理念和品牌核心价值转化为一个有趣且易于导航的网站。那么UI设计与UX设计有何不同？UX设计侧重于研究如何为用户的积极体验打好基础，而UI设计则聚焦于网站在实际呈现中的美感（界面）。

视觉设计师（Visual designer）——UX与UI设计的完美结合

视觉设计师是UX设计师和UI设计师的结合体。他们的工作不仅是运用创意和编码技能来改善用户行为，还要解决美术设计方面的问题。视觉设计师还能帮助品牌塑造风格，或建立品牌独特的"沟通"方式。从本质上讲，他们是网页设计各个领域的集大成者，其具体角色可以根据你的需求灵活变化。

网页设计师需要精通哪些技能？

网页设计工作主要聚焦于前端（front-end）元素，换句话说，就是与网站"观感和体验"相关的要素。这项设计工作要求始终考虑用户的感受，当然还需要熟练的图形设计（graphic design）技能。网页设计师需要敏锐地搭配色板（color palette）、字体排印（typography）和其他设计元素，从而创造出高质量的成品，包括网站的布局/版式（layout/format）、品牌Logo、线框图（wireframe）、效果图（mock-up）和故事板（story-board）等。

网页设计师电脑里常见的软件

这一岗位的目标是打造界面清晰、富有美感、便于用户导航和使用的网站，无论用户使用什么设备访问——从个人电脑到移动设备更小的屏幕。要做到这一点，网页设计师必须熟练掌握各种设计软件，尤其是网页设计软件，例如 Adobe Photoshop、Adobe Illustrator、Dreamweaver 或 Brackets。

网页开发与网页设计有何不同？如何区分这两个岗位？

网页开发者使用 JavaScript 和 JQuery 等软件为网站搭建框架，打造一个运行流畅的网站，之后网页设计师再用自己的创意构想为网站"添彩"。网页开发者的主要职责与网页设计岗位类似，都是建设和维护网站。网页开发者可以入职公司内部（in-house）工作，也可以做自由职业者（freelance），但每个人的具体职责、任务和相关工作将取决于其专长是前端、后端还是全栈（full stack）。

与网页设计一样，网页开发也分为三大方向

后端开发者（Back-end developer）

后端（back-end）通常指设计网站核心架构的工作。后端开发者是编程专家，使用 Java、SQL 和 C# 等复杂编程语言。他们的工作与网页设计完全相反，用户是看不到的，因为它涉及在Web服务器和数据库上进行编码，而非在浏览器上（这与前端开发者不同）。简而言之，他们的工作就是通过多种程序打造出功能完善的网站。他们也会花大量时间对网站进行测试和修错（debug）。

前端开发者（Front-end developer）

有人把前端设计等同于客户端开发，因为这项工作与网页设计的联系比与后端开发的联系更紧密——它涉及使用 HTML、CSS 和 JavaScript 来创造用户看得见的东西。简而言之，与后端开发者一样，前端开发者同样具备编码技能，但他们构建的是用户真正能够与之交互的框架。

全栈开发者（Full-stack developer）

全栈（full-stack）开发是一种兼具后端和前端的工作形式，提供一整套完整的网页开发服务。从事这项工作的人是网站架构开发和维护领域真正的专家。

做网页开发是否也需要网页设计工作那样的技能？

每项工作、每个岗位所要求的技能、经验和知识都各不相同。网页设计工作要求从业者具备美术知识和对用户心理的洞察；而要胜任网页开发者的工作，你除了需要掌握服务器结构和搜索引擎优化（SEO）的基础知识外，还需要具备 HTML/XHTML、CSS、JavaScript 等代码方面的一定知识。使用 python、ruby、php、Java、ASP、ASP.NET 等服务器端框架的经验，以及使用 SQL 和 Oracle 数据库系统的经验，对网页开发者来说也肯定是必备且有裨益的。

相关文章