如何成为一个网页设计师:一个全面的指南

如果您寻找关于如何成为网页设计师的建议，您将找到许多日期的信息。您可以看到文章告诉读者学习在Web设计中没有长时间的行业标准的技术。例如，文章说你需要Photoshop。一些旧文章谈论死亡技术像Flash。

还有关于Web设计的分歧。一些作者将Web设计描述为一种创意字段，可处理视觉设计，但是对于网站。其他作者将其描述为使用HTML和CSS处理编码网站的技术技能。

那么是哪一个呢？

什么是网页设计？

我们使用许多不同的技能和学科来创建网站。Web设计包含与功能一样多的网站的美学和外观。如果网站是汽车，网络设计将包括底盘和室内设计。网页设计还包括发动机和汽车的机制。

网页设计既是创造性和技术领域。它包括像这样的学科用户界面或UI设计,用户体验，或UX设计和响应设计。网络设计师可以在前端开发，后端开发和搜索引擎优化（SEO）中工作。betwayapp下载安装在更大的团队中，不同的专业专业人士将涵盖该过程的这些不同的方面。在其他情况下，单个网络设计师将覆盖它们。这将是像我这样的人。

学习成为一个网络设计师可能看起来像是一个艰巨的任务，但你不需要在每个学科中倾向于熟练。这足以了解一点点一切。所有网络设计师都是独一无二的，他们在这些技能之间的合并技能和力量水平方面是独一无二的。

网页设计师做了什么？

网页设计师做了许多不同的事情。大多数网站项目并不大，复杂，足以聘请五个不同的专家。这就是为什么像我这样的网站设计师存在。

大多数网站属于以下三类之一：

1. Web应用程序。这些是像这样的网站Facebook或者Udemy.。建立像这样的大网站是一个复杂的事业。它并不适合单个网络设计师。如果您想在这样的网站上工作，您应该调查Web开发人员的职业生涯。
2. 电子商务网站。在线商店可以像复杂一样复杂亚马逊。它们也可以简单到只出售少量产品的小型网上商店。
3. 基于内容的网站。这些是没有任何复杂用户交互的网站。访问者使用此类站点来挖掘信息。大多数人都没有为其内容做出贡献。这些都是博客waitbutwhy.com，新闻网站如nytimes.com.，以及Web应用程序的“StoreFronts”webflow.com。

独立的网页设计师主要在简单工作基于内容的网站和电子商务网站。如果网站更复杂，设计师将成为团队的一部分。在更简单的项目上工作的成功网络设计师通常将从项目开始完成项目。他们将设计，构建和启动网站。这意味着学习网络设计，您需要了解许多不同的技能。

设计技能

建立一个伟大网站的第一阶段是设计。这个术语设计，在这种情况下，具有传统，有创造力的意义。

设计|Dɪzʌɪn|

制作的计划或绘图以显示建筑物，服装或其他物体的外观和功能或工作。

高级网站就像建筑物。第一步是为网站创建一个设计计划。这就像建筑物的建筑计划。

这是网站的草图，而不是一个实际的，功能正常的网站。这种做法的原因与施工中相同。比起砖块和混凝土，铅笔和纸更容易迭代和做出改变。就网站而言，修改设计计划比修改编码组件更容易。别担心;这并不意味着你必须学会如何画画。我也不会画画。

想想任何一个设计领域，比如建筑、产品设计或时装设计。就像其他设计领域一样，网页设计是功能和美学的结合。在网络发展的早期，建立一个网站只考虑功能。没有人真正关心美学。但是今天，美学和功能一样重要。

要成为一个很好的网络设计师，您需要学习某些创意技能。

平面设计

这种学科用于专注于印刷设计。图形设计意味着海报，书籍和专辑封面等物体。如今，图形设计采用了网站和应用程序等数字产品的设计。原则平面设计适用于海报和广告牌的网站。这包括设计理论，排版，颜色理论，视觉层次结构等主题等。

作为一个网络设计师，您需要了解图形设计的基本原则，以创建吸引人的网站。

用户体验

我们为人类制作网站。人类有目标，是浏览猫模因或订购耐克培训师。如果人们不明白如何使用您的网站满足其目标，那么您的网站已失败。如果用户经验不好，如果您的网站是艺术品，这无关紧要。

的领域用户体验关于任何产品的这个方面。作为网络设计师，您需要了解用户体验的原则来创建可用的网站。这些网站是让用户和企业主的简单实现各自的目标。

无障碍

你的网站的一部分用户将是残疾人。比如，大约占人口的4.5%[1]有一些色盲。如果您的网站结合了那些难以为这些人区分的颜色，那么您将最终获得4.5％的沮丧用户，不会返回您的网站。

了解原则网络可访问性将帮助您构建每个人可用的网站。您可以确保您不疏远残疾人。

设计工具

设计师不需要使用铅笔和纸张来创建设计计划和模型。当然，如果你愿意，你可以。但网页设计师可以使用专用软件设计。

对于网站设计，您可能想要选择其中一个接口设计应用程序:

• Figma（可在Windows，MacOS和浏览器中提供）
• 草图（仅适用于麦克斯）
• Adobe XD.（可在Windows和MacOS上使用）

其中之一将是你创建设计的主要工具。Sketch已经成为行业标准有一段时间了。Figma和Adobe XD是新来者，但它们已经在很多方面超过了Sketch。

我的建议是首先尝试图格一样。这就是我今天使用的。我一直是一个长时间的素描用户，但在一个点，我做了一个切换到图，我还没有回头。我已经写了一个关于差异的深入文章图vs素描。如果您想知道什么设置它们，请读取它们，哪种工具适合您。

Adobe Photoshop

您可能需要熟悉的另一个设计工具Adobe Photoshop。您不需要Photoshop进行设计。相反，您将使用它进行照片操作。许多网站在他们的设计中使用照片。有时这些照片有效果，就像双重接触。您可能需要从背景中剪一张照片。为了实现这样的效果，您需要Photoshop。另一个好的替代方案是亲和力照片。

您也可以在Photoshop内设计网站样机。事实上，在市场上出现其他界面设计工具，这就是许多设计师所做的。Photoshop是照片，因此名称*照片 - *商店。像图格一样的工具专门用于网站和应用程序设计。它们具有使设计更容易，更快，更高效的功能。

在学习如何创建设计之后，您需要了解如何将这些设计转换为功能站点。

了解如何构建网站

我没有称之为这个“学会代码”是有原因的。我是一个网页设计师，我没有编码我的网站。您可以建立多种方式：

• 您可以从头开始代码。
• 您可以使用预先制作的HTML模板。
• 你可以使用简单的、用户友好的网站构建器，比如Wix和Squarespace。
• 或者你也可以使用WordPress和Webflow这样的专业级平台。在这些平台中，您可以选择构建自定义解决方案或使用模板。

没有任何一个新的网页设计师会选择的标准路径。这是个有很多入口和出口的迷宫。您选择的工具有自己的学习曲线。每种方法都有其独特的方法。每一种工具通常与其他工具没有什么共同之处。

让我揭示一些光线，让你崩溃的主要选择。

1.编码

编码是最强大的选项，但这不是每个人。为某些人编码可以很有趣和有益。其他人可能会发现它不舒服。

我建议看看编码的感觉。如果在两周内，您没有发现某种享受，请转到下一个选项。如果你不享受它，初学者的热情就不会持久。您将无法通过编码所需的学习曲线无法进行问题。但是，如果你喜欢它，那么你可能会成为一个非常好的职业生涯。

如果您确实选择了编码路径，那么您需要了解这三种编程语言：

• HTML（超文本标记语言）
• CSS(级联样式表)
• javascript.

HTML，CSS和JavaScript是普遍的前端部门的网站。这是用户看到和互动的。然后有后端或服务器端编程。Web设计人员通常不会有后端编程知识。但它仍然是网站的必要部分。

这三种语言通常由图书馆和框架补充。它们附带了预构建的组件，模板和插件。这些预先构建的组件可以加快建筑过程并帮助您响应设计。这些库和框架的一些流行示例是：

• Bootstrap（CSS框架）
• Tailwind CSS（CSS框架）
• jQuery（JavaScript库）

有些人可能会争辩，但我不会首先建议学习框架和图书馆。首先学习他们使用的语言。

2.内容管理系统，如WordPress

内容管理系统(CMS)是一种用工具而不是代码构建网站的方法。Drupal和Joomla是CMS平台，但最流行的CMS是WordPress。超过30%的网站是WordPress网站[2]。在网页设计时，使Wordpress A家族名称成为一个家庭名称。是什么让WordPress如此流行的是它的广泛插件库。生态系统拥有超过58,000个插件，可以帮助您实现几乎任何东西，以便您不必代码。

注意:有WordPress.org.和WordPress.com.。在WordPress的这篇文章中，我总是意味着开源CMS平台WordPress.org.。WordPress.com.有点不同。这是一个不相关的付费服务，但建立在相同的WordPress CMS上。

WordPress是初学者网页设计师开始的好地方。有页面构建器插件如元素和红利。这些帮助您使用简单的拖放构建器和预制组件构建站点。您可以使用直观接口拟合组件。

还有数千个免费和付费的WordPress主题。您可以安装一个已经为特定行业制作的主题，然后开始编辑删除内容和样式。这样，您就可以完全跳过设计和开发过程。betwayapp下载安装

与此同时，WordPress是一个开放系统，允许您编写自己的代码。这就是为什么网络设计师即使在从头开始编码其网站时也会使用它。

WordPress确实有其陷阱 - 特别是在安全和稳定性方面。有些人发誓，有些人讨厌它。为了帮助您完成决定，您可以阅读我的思考WordPress和另一个流行的平台Webflow相比如何。

3. WebFlow.

Webflow是我使用的网络设计平台，我不能更快乐。

WebFlow是一个站点构建器，CMS和托管平台。WordPress自己只是一个cms。像Divi和Elementor等插件给它一个构建器功能。托管是您必须分别找到和设置的东西。

我喜欢一体化的webflow解决方案。无需处理插件，更新，安全性和服务器。所有东西都在一个地方。如果你编写网站代码或使用像WordPress这样的开源平台，这就消除了你必须处理的许多其他麻烦。您可以将重点放在设计和构建上，将其余的工作留给Webflow团队。

Webflow的构建器与其他网站的构建器非常不同。这是一个专业级的建造者。不是Wix或Squarespace那种直观的拖放构建器。在Webflow中构建一个网站就像编码一样，但是是可视化的。

如果您决定使用WebFlow，您需要在学习中投入时间。虽然，在您需要编码时无处可行。

使用WebFlow的美丽是您需要几步更接近学习如何代码。WebFlow INGRAINS HTML和CSS进入构建过程。您可以使用CSS类添加HTML标记和样式，就像您将使用代码。这迫使您学习这两种语言的底层物理以及它们如何与浏览器互动以创建页面的最终外观。

WebFlow和WordPress都有自己的利弊。如果你正在考虑这两个，那么这篇文章应该帮助您完成决定。

4.拖放建筑商

这些是平台Wix.,广场空间,Shopify,weebly.， 还有很多。这些平台适用于企业家。对于想要为其业务建立个人网站或网站的人。他们想自行建立它，没有专业网络设计师或代理商的聘用。

对于企业家来说，这些平台很棒。但是您的目标是成为专业的网络设计师，他们设计并构建自定义网站作为服务。因此，我不会推荐从此选项开始。

仍然肯定是使用这些平台的网络设计师市场。如果前三个选项似乎没有为您工作，那么肯定会尝试这些平台。如果你这样做，我建议开始编辑X.。它是由Wix创建的一个更专业级别的生成器。

创建您的Web设计组合

在网页设计世界中，雇主和客户不会通过他们的简历和简历来评判候选人。他们通过他们的投资组合来判断候选人。它可能觉得这对自己的初学者来说是坏消息，但相反是真的。在大多数领域，招聘广告经常要求以前的工作经验。获得聘用需要经验，但你需要工作来获得经验。所以它创造了鸡肉和鸡蛋问题新手。

但在网页设计领域，雇主专注于您的投资组合。而投资组合工作不一定是从过去的就业或有偿工作。它可以是一个概念，实践项目，你创建的基础上，你的主动性。是的，真正的，有报酬的工作将会更受欢迎。但是自发的组合工作也同样被潜在的雇主所接受。当然，并不是每个雇主都是这样。但它绝对不像其他许多行业那样被排除在外。对于自由职业者来说尤其如此。自由职业可能是大多数网页设计师的工作方式。

你如何构建投资组合？

这部分很简单。练习项目。为你的企业家朋友创建一个网站。在像这样的网站上寻找灵感哇和德布布尔，并创建自己的独特版本的给定设计。

您甚至可以在学习阶段使用的在线课程中使用工作。我的学生成功地使用了他们的练习项目课程走向他们的投资组合。

构建投资组合网站

许多设计师在Dribbble和Behance等网站上传他们的投资组合工作。这是完全的，当您想从这些平台上找到工作时。但作为网络设计师，您应该拥有自己的投资组合网站，并在那里发送潜在的雇主。

为什么你应该拥有一个投资组合网站?我至少有三个理由:

1. 它让你看起来像一个亲。你看起来像一个关于他们职业的人，看起来他们想要提供良好的服务。谁不想雇用这样的人？
2. 你有机会向潜在雇主制作一个球场。您不仅可以展示您的投资组合工作。您还可以告诉他们为什么他们应该雇用你以及他们在和你一起工作的原因。
3. 它只是告诉你。如果您发送到您的Behance概况的链接，您将送到人们可以查看其他设计师的简档的地方。这只是销售不好。

寻找自由职业者或代理工作

既然你知道如何成为一个网络设计师，让我们讨论寻找网络设计工作。

大多数网页设计师都为机构工作或独立工作为自由职业者。当然，每个人都有利弊。一些网页设计师通过各机构作为自由职业者。

为代理商工作

代理商是设计工作室，营销代理商或数字代理商等地。他们还称自己为他们喜欢使用的创意实验室和十几个其他名称。

这些公司可能会作为全职工作人员雇用网络设计师，或者将其作为自由职业者。许多机构都有一个小核心员工。然后，他们有一支自由职业者的军队，在他们的客户项目上工作不同的角色。

我最长的工作参与与这样的机构有关。他们派了一吨工作。我学会了他们的好处。我肯定建议瞄准此类机构，全职或自由职业。

作为机构的自由职业者工作有很大的好处。你可以享受自由职业的好处。这些包括您自己的老板，灵活的工作时间，远程工作。但你也得到了更稳定的工作流程。在独立自由职业时，这更像是挑战。

这些机构会在当地的招聘网站和自由职业平台上发布招聘信息捏造。他们也可能在自己的网站上发布职位空缺。你可以直接接近它们。我有一个自由职业者朋友，他找工作的主要方法就是给潜在的雇主发送冷邮件。它的工作原理。

自由职业者

大多数自由网页设计师在自由平台上找到工作。这些包括捏造,FIVERR.,自由职业者， 和Toptal.。有几十个其他全球或本地平台。

Upwork一直是面包和黄油给我。这可能是最大的平台。人们每天发布大量的网络设计工作。当然，这吸引了很多自由职业者。竞争可能是新人的障碍。但是有简单的方法可以增加你的成功机会。我在我的课程中广泛地覆盖了这一点。

每个平台都不同。为了增加他们的机会，我总是告诉我的学生在多个平台上创建个人资料。无论如何，一旦你得到了你的前几个客户，它就会变得更加容易。您的个人资料排名有所提高。您以前的客户开始发送更多工作或将您推荐给他人。这样的推荐让我忙着足够忙碌的是大多数时候禁用了我的营养档案。

自由职业平台不是唯一的方法寻找自由工作。我知道从未看过这些平台的自由职业者。这样的自由职业者通过传统手段找到工作，因为任何其他业务都这样做。其中包括在线营销，网络，口碑和其他方法。

网页设计的职业

一个网页设计的职业可能是非常令人兴奋的，有成就感的，和经济回报。我曾经是一名营销人员。我并不是很喜欢。发现网页设计改变了我的生活。也许你也会一样。不试你永远不会知道。