跳转到主要内容

11步打造个人网站 创建个人网站的分步指南

我们知道您希望与世界分享独特的兴趣、专业知识和个性。

个人网站是展示您的个性和技能的绝佳机会。我们将看看您需要做什么来创建一个最能代表您是谁并帮助您实现目标的个人网站。 

本文案例网站大多数采用 Webflow搭建的,这是一项按月付费建站平台。如您需要搭建独立站,请联系微信 sheshuiapp

如何制作个人网站 

第 1 步:了解为什么要创建个人网站

考虑您个人网站的主题和目的。您可能需要一个空间来记录您的旅行或发表您的创意写作。或者,您可能需要一个平台来推广您蓬勃发展的烘焙业务,一个作为自由网页设计师吸引更多客户的渠道,或者一个可以帮助您找到新的全职工作的文案组合。 

无论您创建个人网站的原因是什么,花时间考虑您的兴趣以及您希望如何在网上展示它们(和您自己)都很重要。 

如果您的目标是获得更多业务,您的个人网站可以在帮助您推销您的技能和才能以及建立您的职业生涯方面发挥重要作用。

image.png

例如,Fabio Formata的这个个人网站清楚地传达了他作为电影制作人和视频设计师的技能。这是一个很好的例子,说明了集中精力如何打造更强大的个人网站。

当您知道自己想要传达什么信息时,您就可以告知要建立的网站类型。它可以是由“关于我”部分和联系信息组成的简单主页,也可以是更复杂的内容,例如销售您创建的产品的电子商务网站。

第 2 步:确定您的受众

大多数网站都是针对有特定兴趣的人。了解您想要联系的人与您最初创建个人网站的原因同样重要。 

image.png

这个个人网站是在 Webflow 中为职业足球运动员Liucija Vaitukaityte构建的,重点关注视频、统计数据和其他对其粉丝或普通爱好者有吸引力的内容。

像 Liucija 一样,在构建网站时,询问;您想讲一个关于您自己的故事吗?您与目标受众有哪些共同兴趣?如果您的网站旨在营销自己,那么潜在客户在登陆您的页面时会寻找哪些技能?找出您的受众,并决定他们应该从您的网站收集哪些信息。 

您编写的内容、包含的图像和视觉效果以及网站的组织方式都应精心设计以吸引目标受众。

第 3 步:选择您要创建的个人网站类型

现在您已经了解了自己想要表达的内容以及您的受众是谁,让我们来了解一下个人网站所属的基本类别,以及哪一类最适合您。

一页网站

个人网站不一定是一项艰巨的任务。为了在互联网上表明您的主张,基本的主页可能是完美的选择。 

image.png

DJ Daniela Monroe的这个单页网站采用 Webflow 构建,突出显示了她的 Soundcloud 曲目,以及指向她活跃的社交媒体帐户(包括 Instagram、Facebook 和 YouTube)的链接。

单页网站通常由首屏主页以及“关于我”和联系信息等其他部分组成。这些类型的网站主要是提供信息的,不需要复杂的功能。

如果您拥有活跃的社交媒体作为您的主要在线中心,那么您的个人网站可能只需要一页网站即可。

博客

创建博客相对简单,是您第一个个人网站的绝佳选择。它可以让您网站的访问者清楚地了解您独特的观点、您的技能,最重要的是能够以更个性化的方式与您联系。 

首先,您需要问自己是否喜欢写作的艺术和技巧。提出独特的博客文章、撰写它们并与观众分享它们的前景应该会让您感到兴奋。为了拥有一个成功的博客,您需要保持定期的发帖节奏并持续吸引目标受众。 

image.png

Adelaide Perr 的博客就是一个很好的例子。它不仅涵盖自行车运动,还讨论了如何克服相关的生活困境,从而吸引了更广泛的受众。 

博客是一个饱和的空间。但最好的博主都对他们所写的内容有着真实性和热爱。开设一个关于对您来说最重要的事情的博客。

作品集

作品集的严格目的是向他人推销您的技能和才能。如果您从事摄影、设计、写作或其他创意工作等领域,那么作品集是必不可少的。您的个人作品集可以提高您的专业知识的知名度,建立您的个人品牌,并帮助您吸引新客户。 

包含“关于”部分、服务、特色项目以及联系方式;设计师Glenn Catteeuw的这个网站拥有作品集所需的一切 - 全部通过现代且引人注目的设计呈现。

与简单的博客或一页网站相比,作品集需要管理更多元素。但即使对于网页设计师初学者来说,也有简单的方法来构建网页。Webflow 有许多投资组合模板,您可以使用它们在短时间内启动并运行您自己的投资组合。

第 4 步:准备内容

我们建议您的网页设计采用内容优先的方法。这样,您就知道要包含什么内容,并可以设计您的网站来迎合该内容。您不需要所有内容的最终草稿才能开始,但准备一份粗略的副本将使您更准确地了解网站完成后的外观。 

您的打开登陆页面

将您的打开登陆页面或主页视为您的第一印象。首先,要有一个强有力的标题、一些表达你是谁的附带文字,以及一个强烈的视觉效果来开始你的主页。 

以下演员盖乌斯·查尔斯的个人网站以大文字和戏剧性图像开头,吸引访问者并让他们想了解更多。

image.png

关于我的一个

您想让人们了解您是谁以及您的全部内容。让您的访客了解一下您的背景。包括有关您自己的信息,这些信息有助于您实现更大的目标。

作家兼物理学家克里斯·费里 (Chris Ferrie) 的这本“关于我”的作品集出色地突出了他所拥有的关键优势和过去的经验。

image.png

您的“关于我”页面不必太长。只需分享有关您自己、您的技能以及您希望网站访问者了解您的任何其他信息即可。 

照片和其他视觉效果

视觉和文本之间需要取得良好的平衡。没有人愿意翻阅无穷无尽的文字,也不想看到一堆没有任何背景的照片。 

使用有助于讲述故事并补充文案的图像。如果您想超越,请聘请平面设计师来创建一些自定义插图或制作一些手绘字体以添加一点个性。

特色项目

如果您的个人网站要用作作品集或简历,则应包含您过去工作的示例。寻找能够充分展示您所做工作的项目,并体现您的技能和才能的精髓。 

建议和推荐 

这更适用于具有营销角度的投资组合或小型企业网站。

从同事和其他为您工作过的人那里获取报价。如果您有 LinkedIn 个人资料,则可以将您在那里收集的推荐作为起点。不要害羞地去联系那些曾经与你共事过的人,他们可能对你作为一个专业人士有好话要说。

撰写博客文章

如果您想将博客作为个人网站的一部分,最好在启动博客之前先整理几篇文章。定期发帖会让人们想回来看看有什么新鲜事。使用内容管理系统(CMS) 可以轻松发布更新和进行编辑。

第五步:针对搜索引擎优化内容

搜索引擎优化 (SEO)使网络爬虫可以更轻松地扫描您的内容并确定其内容。良好的搜索引擎优化既涉及网站的幕后技术工作,也涉及对您希望在自然搜索结果中排名的单词和短语的策略性使用。在开始将内容放入网页设计之前,进行 SEO 跑腿工作总是一个好主意。

高质量的内容是搜索引擎优化的重要组成部分。你的写作应该有一定的深度和重要的细节。通过包含您不断更新的博客,您将获得另一个内容流,供网络爬虫扫描您的网站。

如果您以前从未做过搜索引擎优化,那么它可能会有点棘手。如果您想了解更多信息,请查看SEO 和 Webflow:基本指南。 

第六步:找到你的灵感 

也许您最喜欢的网站使用您喜欢的颜色组合。或者也许您见过一种很酷且时尚的字体,它非常适合作为网页设计中的标题。受别人设计的影响是可以的,取自己喜欢的来塑造自己的视觉审美。不知道从哪里开始?查看这22 个鼓舞人心的网页设计趋势


第 7 步:创建网站布局

如果您以前从未进行过 Web 开发,您可能会感到不知所措。但只要做一点工作,即使是那些从未设计过任何东西的人也可以建立并运行个人网站。如果您使用像 Webflow 这样的网站构建器,那么有很多模板可以用来构建您的网站,以及您需要的大量教程和其他教育材料。如果您没有 HTML、CSS 或其他编码语言的经验,Webflow 可以让您无需编写代码即可进行设计。 

当开始网页设计之旅时,请记住以下设计的基本要素:

颜色

颜色可以以我们甚至没有意识到的方式唤起情感。如果您想要一个更严肃和专业的网站,您可能需要充分利用灰色或蓝色。如果您的网站想要更轻松有趣一点,您可能会选择更有趣的调色板。无论您选择什么,请确保它能够传达您的个性和网站的基调。 

image.png

Marina Tureczek的作品集网站以其浅灰色背景以及紫色和蓝色的点缀,展现出一种专业感。 

如果您想了解有关为个人网站选择颜色的更多信息,请查看我们的颜色理论初学者指南。 

版式

就像你的配色方案一样,版式可以唤起情感。您在大部分正文中使用的字体应该易于阅读,但对于标题和菜单项,您可以使用更华丽的字体。 

image.png

插画家Al Murphy的个人网站采用 Webflow 构建,采用引人注目的手绘字体和更传统的排版组合。

像 Al 一样,选择适合您个人品牌基调和风格的字体。要了解更多信息,请查看我们的排版阅读列表,了解有关如何在个人网站上使用排版的更多信息,以及Webflow University上的这段内容丰富的视频。

第 8 步:提供清晰的布局和用户友好的导航

有人登陆您的网站就像有人走进您的生活空间。如果他们看到的内容杂乱无章,他们将退出您的网站,而无需采取任何进一步的措施。 

image.png

这个Rachodoodles插图组合具有有趣的互动和组织良好的布局,设计简洁,易于导航。

您的布局应该提供足够的负空间,以便所有元素都有呼吸的空间。此外,导航对于网站访问者来说应该是直观的,以便他们能够快速、轻松地找到他们最关心的内容。 

第 9 步:为访客提供联系方式

不要忘记为人们提供联系方式。这可以是一个简单的电子邮件链接,也可以是一些更高级的内容,例如提交表单。许多个人网站在页脚中包含社交媒体链接和联系表格,这样无论人们在查看哪个页面,他们总能找到联系信息。 

第 10 步:设置运行网站的技术方面

为了让您的网站在互联网上正常运行,您必须解决一些技术问题。

购买域名

如果您是幸运者之一,您将能够用您的名字获得一个域名。如果有人已经声明了该域名,您可能需要发挥更多创意,或者为您的个人网站选择 .net 或替代域名。如果您需要一些创意灵感,域名生成器会很有帮助。

查找网络托管服务

为了让您的网站向公众开放,它需要由公司托管。找到一个在您的预算范围内有效的托管计划,并且随着您的网站获得更多受众,该计划很容易扩展。有许多网络托管服务可供选择,因此请务必在选择之前进行研究。 

第 11 步:宣传

一旦您的新网站上线,就应该让每个人都知道它。在社交媒体上广泛分享并将其添加到您的个人简介中。在您的电子邮件签名中添加直接链接。您已经完成了建立个人网站的所有工作 - 不要羞于要求人们查看它。 

个人网站向世界展示您是谁

无论您是谁,无论您做什么,创建个人网站对于让人们认识到您的独特之处至关重要。它就像一座灯塔,吸引志同道合的人对你是谁或你做什么感兴趣。它可以将您与人们联系起来,并创造原本无法实现的机会。

是什么让你独一无二?你有什么才能?您认为什么重要?创建一个个人网站,让我们大家都了解一下。