“网页设计师”一词通常被用作创建网站的任何人的无所不包的标签。真相比这要复杂一些。使网站成为现实需要大量的规划、内容创作、艺术创作、编码和聘请专家。网页设计师是这些专家之一，但他们通常在整个过程中扮演着非常具体的角色。

什么是网页设计？

网页设计是建立网页美学外观的过程，包括如何安排内容以及如何实现设计元素。网页设计师通常专注于所谓的网站“前端”，即用户实际看到并与之交互的网站部分（而不是使网站正常运行的“后端”代码）。

这意味着他们可以负责选择照片和图像、字体、形状语言、配色方案、按钮以及所有这些元素如何组合在一起的所有内容。他们使用设计软件（例如 Photoshop）来创建模型，或基于图像的表示应用代码后最终网站的外观。

网页设计师通常不负责构建一个有效的网站，他们只专注于建立视觉设计。开发人员编写使网站正常工作的代码，而网站开发需要与设计不同的技能和敏感性。

网页设计师在网站建设处于什么位置？

为了理解网页设计师的工作，让我们简要回顾一下创建网站的步骤中最常见的角色 。

网站策略师：进行深入的市场研究，为整个网站和单个页面制定业务目标。

平面设计师：创建视觉品牌元素，在网站上使用的插图和图标，标识、配色方案、排版，和图形资产。

文案：在整个网站上创建所有书面内容，从标题到正文再到按钮文本。

UX（用户体验）设计师：关注用户的需求，设计骨架网页布局（称为线框），围绕用户行为和期望优化网站元素。

UI（用户界面）设计师：设计交互元素，如按钮和表单。

网页设计师：专注于网站的所有视觉元素，并将线框布局转换为完成的网页设计。

前端 Web 开发人员：使用格式化语言和代码（HTML、CSS、Javascript）在 Web 浏览器上实现 Web 设计。

后端 Web 开发人员：使用编码语言在网页幕后开发更复杂的功能。

简而言之，网页设计师参考网站策略师和UX设计师的线框图设定的目标，将平面设计师、文案和UI设计师的内容组合成一个完成的网页模型。然后开发人员使用该设计模型文件，分离并导出图形元素，并使用代码将其转换为实时网页

许多人广泛使用“网页设计师”一词，因此它对不同的人可能意味着不同的含义。角色之间可能存在重叠，大多数网页设计师自己做市场调查，有平面设计和用户体验的工作能力，有些甚至可以兼任开发人员（尤其是前端）。

网页设计师的职责是什么？

让我们一步一步地分解网页设计师通常必须负责的所有事情，以便创建完成的网页。

网页设计师是做什么的

视觉设计和布局：通常使用线框和站点地图，网页设计师对网站内容进行排序和安排，以优化视觉传达、层次结构和审美敏感性。

移动和响应式设计：网页设计师还设计网页的移动和平板电脑版本的外观。

静态模型文件：Web 设计人员创建代表网页最终外观的图像文件。

可导出的设计资产：Web 设计人员将他们的模型文件分层，以便开发人员可以轻松地分离和导出每个页面元素，以将其逐个实施到工作网页上。

照片编辑：Web 设计人员通常必须能够编辑出现在页面上的媒体资产。

格式化：Web 设计人员经常使用一些格式化语言（尤其是 HTML 和 CSS）在 Web 浏览器中实现和测试他们的设计。

网页设计师不会做什么

编码：网页设计师专注于视觉效果，通常不负责对网站进行编码。

写作：不应期望网页设计师编写任何网站副本。

品牌：网页设计师不负责创建徽标或做出广泛的视觉品牌选择，以建立要在网页之外的公司资产上使用的配色方案和字体。

插图：网页设计师通常不会为网站创建插图。他们将其他专业人士制作的图形资产融入到他们的设计中。一些设计师可能会在需要时设计自定义元素。

摄影：网页设计和摄影是不同的学科。如果客户没有聘请摄影师，网页设计师通常会选择库存照片，并将其合并到他们的设计中，客户必须购买其许可。

动画：自定义动画应该通过交互设计师或专业动画师。

市场研究：虽然网页设计师确实在他们的设计之前进行了一些竞争对手的研究，但他们无法获得内部营销专业人士所能获得的所有数据、分析和专业知识。通常，网页设计师依赖客户向他们提供这些信息。

网页设计师需要具备哪些技能？

如果您想自己成为一名网页设计师，您应该考虑为成功做好准备所需的技能。如今设计师自学越来越普遍，并且网上有很多网页设计教程。

平面设计知识

归根结底，网页设计师是设计师，即使他们不制作徽标，他们也应该知道如何以视觉上令人愉悦的方式组合文本、副本、图像和颜色。特别是，他们应该知道如何战略性地利用设计原则来为观众创造理想的效果。这还包括设计历史的知识，了解哪些设计趋势仍然有用，哪些设计趋势已经过时和过时。

行业惯例

网页设计已经成为二十多年来的既定职业道路，并且随着时间的推移已经建立了许多设计惯例和标准实践。因为网站是让用户觉得直观的软件，所以重要的是要遵循这些约定以满足用户的期望，即使在对它们进行艺术创作的同时也是如此。这些约定通常与设计方法有关，包括 标准网站布局、网格系统、移动优先设计等等。这部分是通过经验获得的，但也可以通过关注行业网站获得。

软件技能

尽管网页布局的基础知识可以从纸和笔开始，但最终网页设计师需要使用软件来创建他们的团队和/或客户可以使用的文件。Photoshop 是最常用的网页设计软件之一，但像 Sketch 这样的 UX 原型设计应用程序在网页设计师中越来越受欢迎。

网页开发知识

尽管编码通常应该留给开发人员，但无论您以哪种方式切片，创建网站都是一项技术任务。Web 设计人员应该了解技术能力和局限性，这就是为什么熟悉代码有助于了解哪些设计选择有效，哪些无效的原因。某些设计效果或纹理可能难以用代码实现，有些可能会导致文件大小减慢网页加载速度。