如何在国外成为一名网页设计师

网页设计师专门从事网页设计不同方面的工作。他们负责为网站创建图形、布局和内容。这通常包括按钮、标志、横幅、网站上的导航菜单等内容。网页设计师可以专门从事图形设计或代码开发等领域的工作。

在这里,我们提供了一个循序渐进的指南,帮助你了解建立长期的、成功的网页设计职业所需的基本技能、工具和知识。

1. 网页设计入门

网页设计师需要有敏锐的审美眼光、对创意技术的理解,以及简明的设计技巧,同时在最新的网络技术方面有坚实的基础。最好的网页设计师知道,好的网页设计几乎是不可察觉的,并且对用户来说很直观。设计师的工作是使网站和移动应用程序对目标受众有吸引力,并且使用起来很愉快。了解到这一点后,对于初学者来说,关注基础知识很有意义,包括基本绘图、网页设计理论和行业公认的最佳实践。

基本绘图

虽然绘图对大多数网页设计师的工作来说不是很重要,但为了向客户和同行表达你的想法,也需要有插图的元素。大多数图形设计师和网页设计师需要能够绘制图形和网格来帮助阐明他们的布局计划。在最初的设计过程中,设计师应该掌握绘制形状、阴影部分、菜单草图、加入基本logo等基本概念。

网页设计理论

大多数网站不仅仅是把网页连接在一起,然后把内容扔在上面。好的网站在设计、吸引力、导航规则和编码方面遵循严格的理论。那些表现卓越的网站是专门为某个目标受众设计的,并增加了作为公司目标的行动。网页设计师必须了解不断变化的技术和平台的需求,这些需求不断影响着用户体验。

许多客户希望大量的元素在他们的页面上 “流行 “起来,而不理解设计必须在外观上毫不费力,并具有凝聚力。对良好设计原则的基本理解是创建漂亮网站的基础。你必须学会调整相邻的颜色以增加对比度,用纹理创造深度,融入运动,并使用重复的形状、图案和边框来统一你的设计。字体必须在电脑或设备上易于阅读,同时与品牌的感觉保持一致。重要的元素必须在不破坏设计的情况下吸引注意力。

布局和结构

建立网站需要对结构有很好的理解。 网站不应该是基本的停滞页面,里面塞满了多年的内容,而是公司虚拟形象不断变化的一部分。随着公司的变化,网页也需要更新。从电子商务的安全性到搜索引擎优化的不断变化,网页设计师必须了解是什么让一个页面从头到尾吸引着用户。网站需要保护自己不受黑客攻击,同时也要帮助搜索引擎机器人了解自己的价值,从而提高排名。页面需要以一种有效的方式连接起来,使访问者顺利通过他们的买方之旅。网站需要有适当数量的外向链接、内向链接和按钮,而不是把用户引向题外话。而且,每个页面还必须有一个结构,使导航对用户来说是直观的,并且让客户印象深刻。

用户体验

好的用户体验设计将使访问者留在你的网站上。糟糕的设计会让他们去找别人的网站。对用户体验设计原则的理解将使你的网站以用户想要和期望的方式运行。设计师必须确保页面加载迅速,并对不同的设备和电脑屏幕尺寸做出响应。用户应该跳过尽可能少的障碍,所以设计师应该了解如何创建智能表格,而不是询问他们已经存储的信息,以及如何创建精简的结帐流程。而且,当用户在网站上寻找一个特定的位置、产品或信息时,由于设计的原因,寻找东西几乎是第二天性。

网站设计最佳实践

网站的结构必须对用户和搜索引擎机器人友好。当目标用户寻找他们问题的具体答案时,你的网站需要有正确的页面,以便在相关关键词和查询的搜索结果中排名靠前。最佳实践会告诉你,你必须考虑制作高质量的主题内容,以及在照片上添加alt标签和精心制作的副标题,从而提高你在搜索引擎的排名。了解当前网页设计的最佳实践将帮助你了解访问者和其他平台算法的期望。

度量与分析

最后,作为一名网页设计师,你必须能够批判自己的工作,并尽一切努力加以改进。当你创建网站时,你的客户应该能够看到不容置疑的ROI(投资回报)。通过学习如何利用关键指标并衡量你的结果,你可以建立一个案例,说明你的网站战略的特定领域是否成功。这些指标将帮助你通过继续使用某些方法而改变其他方法,从而改善结果。

2. 掌握网页设计软件

在每个行业中,熟练掌握关键工具是成功与失败的关键。如果不了解影响你职业生涯的基本程序,你就无法进入网页设计领域。你应该非常熟悉每个程序的功能和可用的快捷方式。一个优秀的网页设计师会快速而有效地使用这些关键程序,就像他们的第二天性一样。

学习Adobe Photoshop

编辑特定图像的最佳程序是Adobe Photoshop。虽然你可能不会为客户做很多风格化的照片编辑,但你应该了解基础知识。更重要的是,网页设计师应该知道如何正确地调整图像的大小和压缩,使之适合于网络浏览。专业人士应该知道如何裁剪图片,以适当地适应设计中的特定空间。你甚至可能需要改变文件格式以更好地满足你的需要。Photoshop将提供对基于光栅的图像(或有像素的图像,如照片)的控制。它将允许你包含切片并为你的网站添加热点。

学习Adobe Illustrator

你会希望能够使用一个非常适合字体和矢量图像(或不包含像素的、基于线条的图像)的程序。例如,如果你想在网站上使用一种特定的字体,你不能简单地把它放进代码中,因为许多计算机可能没有下载相同的字体。相反,你需要创建一个可以作为图形放置在设计中的图像,以便每个用户都能以相同的方式看到它。你可能需要为你的客户调整logo颜色或创建自定义按钮图形,所以知道如何使用Illustrator是非常重要的。

学习Adobe Animate

大多数网页设计师都接受过Adobe Flash的网站培训。Adobe停用了Flash,取而代之的是Creative Cloud中一个类似的工具,叫做Animate。这个程序允许用户将矢量图像和文本变成动画。这对于提高网站和应用程序的用户参与度非常有用。

学习Adobe Dreamweaver

当然,网页设计师要懂得如何编写和编辑代码。Dreamweaver是一个文本编辑器,它的工具可以帮助你更快地编辑代码。程序中的提示将帮助你更快地学习HTML, CSS和其他语言。特殊的着色和视觉辅助可以减少错误。实时预览功能和内联编辑器有助于在平台上高效地进行编辑,同时也能帮助你创建响应式设计,使你的内容在任何尺寸的屏幕上都能正确地匹配。

学习Adobe Premier Pro

许多网站现在都将视频作为其内容的一部分。网页设计师通常需要帮助客户制作视频推荐、产品展示、教程、广告和其他帮助客户的短片。当你在网站上加入客户内容时,对视频编辑和操作有基本的掌握会有帮助。

3. 学习编程语言(学习如何编码)

如果不懂任何一种编程语言,要成为一名优秀的网络开发人员是很困难的。当你严格通过程序工作时,你很难知道各种可能性。以下是网络开发人员使用的主要语言,你可以考虑在你自己的教育追求中学习一两种。

HTML/CSS

收入最高的网络开发人员是那些懂得HTML(超文本标记语言)和CSS(层叠样式表)的人。这些是基本的语言,不仅能帮助你了解如何编写代码,而且能帮助你了解如何编辑代码。通常,HTML建立页面的结构和内容,而CSS则控制设计。即使是使用程序来帮助他们编写代码的开发人员,如果他们想真正进入并进行编辑或查找错误,至少也应该理解基本知识。许多专业人员没有学习这些语言,但它们应该是网络开发人员教育的核心,因为它们非常基础。

Javascript

作为最受欢迎的编程语言之一,了解JavaScript对设计师来说非常重要。它跨多种浏览器工作的能力对交互式网站非常重要。这种编程语言可以用来创建游戏和应用程序。

Flash

Flash也是一种互动语言,通常用于游戏、应用程序、动画等。Flash不是网页设计师的必备工具,但它是你可能想拥有的另一种工具。在某些圈子里,Flash被认为是一种已经消亡或即将消亡的语言。众所周知,Flash有时会崩溃,并导致整个浏览器瘫痪,这让很多人很恼火。很多闪烁的网络广告也是Flash横幅,这并没有给它带来作为一种强大的编程语言的良好声誉。

Python

许多设计师认为Python是初学者的语言。然而,谷歌、NASA、Instagram和Pinterest都依靠这种语言来运作他们的平台。这种语言能够在电脑桌面和移动设备上工作。

PHP

像Facebook、WordPress和一些其他网站都是由PHP驱动的。并非所有的网页开发人员都需要了解PHP,但那些想在WordPress或Facebook上开发东西的人都必须了解它。这不是一种初级语言,所以只有高级学生和专业人士才可能对学习它感兴趣。

4. 获得网页设计学位

证明你的知识的最好方法是获得学位,然后用一个强有力的作品集来支持它。如果大多数企业觉得你能胜任这项工作,他们就更有可能雇用你–大学教育表明你至少具备正确使用工具的基础教育。

在掌握基本工具和编程语言的基础上,大学课程应该让你深入了解设计理论、受众期望和最佳实践,以便你进入该领域。大学应该确保你对写作和沟通技巧有基本的了解,从而使你能够与客户和其他设计师进行专业的合作。

虽然网上可以找到很多信息,但大学教授的经验、同龄人之间的竞争、紧张的项目期限是帮助新手为职业做好准备的重要因素。

5. 创建自己的网站

为自己建立一个虚拟形象,展示你作为专业人士的能力。你要展示你作为一个设计师所拥有的技能,同时也要尽早建立你的网站,这样你发布的关于自己的内容就会开始受到搜索引擎的关注。如果你已经在谷歌上呆了一段时间,并定期更新内容,那么谷歌更有可能认为你的网站是有价值的和权威的。专业的网站可以让客户就项目与你联系,也可以让公司在与你联系面试之前查看你的工作。

你做的每一个项目(即使是你自己的项目)都应该得到同等的重视。你想要创造出惊艳的作品来吸引潜在雇主的眼球。这意味着你必须仔细测试你自己的网站:检查加载时间,查看响应,尝试个性化和测试导航。如果你把客户送到你的网站,并希望获得新的潜在客户,你肯定不希望有任何缺陷或问题让你的观众望而却步。在完全测试完毕之前,不要发行你的网站。

你要介绍你的客户或项目,显示你的能力范围。利用你网站上的作品集部分,突出你为之设计的公司、组织或专业人士。加入你最顶尖的作品,如果你没有很多(或任何一件),那就设法作出顶尖的作品。有很多小型组织可以从一些志愿者的网页设计中受益匪浅。你广泛的技能应该展示媒介、平台、设计理论和不同的客户风格,并举例说明你能做什么。

6. 开始你的职业生涯

职业道路是任何教育过程的最终目标。你需要把注意力集中在回报上,带着学位和对行业的渴求离开你的教育。在这一过程中,你要作出一些决定,为你的未来确定方向。继续提高,让自己成为宝贵的资产。

自由职业者还是为机构工作?

在毕业之前,你至少应该知道自己想往哪个方向发展。大型机构可以提供舒适的固定客户、固定工资和一个支持性的系统。自由职业者有更高的报酬、灵活的工作时间,并允许你远程工作。对你的方向做出决定将有助于你完善自己的网站和作品集,以吸引合适的群体。客户会希望看到其他客户的例子,并对与你合作的实际过程有更多了解。网页设计公司将以不同的眼光来看待你过去的工作,并希望看到你的能力的很多例子,这可能是他们自己团队所需要的。

学习如何推销自己:打造品牌

如果你要走自由职业者的道路,你要向客户推销自己。找到你的与众不同之处,并加以利用。也许你更有亲和力,帮助客户以更慢和更个人化的速度到达他们需要的效果。也许你更灵活,以适合你的时间表来满足他们的需求。也许你更敏捷,或者你以较低的预算来完成高质量的工作。不管是什么情况,找到一种方法,把自己作为最佳选择来推销。

自我营销

客户不会蜂拥而至。你必须把消息传出去,然后继续拉动生意。寻找持续的工作,比如,公司希望你继续在他们的网站上发布或编辑,每月给你一笔小费用,以保持某些方面的更新。在你的平台上推广口碑和评级,以提高与客户有联系的人的兴趣。用广告锁定你的受众,然后重新锁定那些没有任何承诺就离开的人(比如注册你的时事通讯)。以你的客户想要的价值为中心,通过电子邮件与他们保持联系,并制作博客文章、播客、教程或其他内容,以显示你的专业能力。如果你想成为一名自由职业者,你可能需要学习额外的市场营销课程,因为你需要花费大量的时间去寻找和转化潜在客户。

不断学习,不断进步

网页设计是一个不断发展的领域。网页设计师将永远处于一个不断发展的状态。永远不要让新的事物开始与你擦肩而过,除非你已经退休,不再关注这个行业了。继续批判你自己的方法并了解行业趋势。如果你是自由职业者并感到有些孤立,你可以加入同行小组。你也可以从权威网站上阅读博客和其他资源来了解世界正在发生的变化。

请记住,你的第一份工作是为了积累经验和人脉。钱固然重要,但当你刚起步的时候,引荐和经验才是最重要的。许多刚毕业的专业人士一开始的职位较低,或者每小时的自由职业收入低于行业标准。当你没有从最高点开始时,不要感到失望,要计划凭借出色的工作态度和对你所在领域的扎实理解,在晋升之路上不断前进。

Suki Zhang
Latest posts by Suki Zhang (see all)
Suki Zhang
Latest posts by Suki Zhang (see all)