您理想中的完美网站是什么样的？如果是刚刚开始建立在线业务，这是一个很难回答的问题。您可能有一些想法，甚至可能制定了一些粗略的模型或页面框架，又或者可能一无所知。
不过，好在无论您在网站创建过程中的任何阶段，肯定不只有您的网站是在这阶段。目前，全球已经有这么多的网站（更确切地说，超过18亿个网站），有很多网站可以提供灵感，尽管如此，试图找到要合并的确切设计还是让人感到不知所措。
这就是为什么它有助于专注于您要创建哪种类型的网站的原因。不同类型的网站根据访问者的期望遵循不同的设计实践。一旦知道了要创建的内容，就可以查找类似的示例来帮助您解决创建它的“方式”。
您可能已经看过许多类型的网站。因此，为简化起见，让我们回顾一下日常使用的11种常见网站。我们还将查看每种类型的一些示例，以便您了解它们在网站设计和执行方面的差异。
常见的网站类型
- 商业网站
- 电子商务网站
- 博客
- 娱乐网站
- 新闻网站
- 公益组织网站
- 会员网站
- 文件夹
- 个人网站
- 论坛
- 知识库
1.商业网站
商业网站是公司的数字化业务-它为访客提供业务。商业网站的规模和形状多种多样，但它们都旨在以吸引新客户，客户和/或合作伙伴的方式向访问者展示企业的产品和服务。
通常，商业网站包括对其产品的描述，以及通过该网站购买或联系团队以发起销售或合伙关系的方式。从那里开始，由企业决定要在网站上包含什么内容-有些站点比较密集，而另一些站点则仅一页或几页就被精简了。最重要的是最适合您的品牌以及目标市场想要了解的内容。
让我们看一下显示这种对比的两个业务站点。Modern Health是一项个性化的心理保健交付服务，其网站为雇主解释了该应用程序的目的，价值，功能和计划选项。它通过复制，视频，推荐词，信息图表和博客文章来实现此目的。
与Modern Health内容丰富的网站相比，位于剑桥的低消费商店Cleenland的网站没有多余的装饰。布局和设计选择很容易为潜在客户提供计划访问时所需的所有信息。
无论您要构建什么业务站点，最重要的是您拥有一个。当某人了解您的业务并想了解更多信息时，他们很可能会在线搜索您的名字。发生这种情况时，您会希望您的网站显示在搜索引擎结果中，因为现在几乎假定所有合法企业都拥有一个网站。如果他们找不到您，他们可能会失去兴趣。
有数百种用于构建商务网站（以及一般网站）的解决方案，从更具参与性和可自定义的内容管理系统（如WordPress和CMS Hub）到低接触的网站构建器（如Squarespace和Wix）。商业网站还可能包括电子商务，博客，社区和知识库组件，所有这些都可以吸引和转化访问者。
2.电子商务网站
电子商务网站出售产品，无论是实物商品还是数字内容。访客可以浏览网站的列表，阅读产品详细信息并直接从网站购买。电子商务网站完全专注于零售，但是商业网站，博客和其他网站类型也可能拥有用于销售产品或商品的在线商店。
电子商务网站出售各种商品，但大多数网站都遵循熟悉的模型-产品以列表格式进行分类和显示，单击商品会将用户带到专用的产品页面。访客通常也可以通过搜索栏搜索产品。访问者可以在每个产品页面上将商品添加到虚拟的“购物车”或“购物袋”中。用户可以随时进入结帐流程，在其中输入运输和付款信息以完成购买。
有关视觉上引人入胜，内容丰富的电子商务网站的示例，请查看Briogeo Hair Products。它的页面以丰富的柔和色调吸引人们的注意力，以突出其不同的产品。导航菜单包括用于减少阅读量的产品缩略图，并且在其商店旁边突出显示其任务，结果和博客部分。
由于电子商务网站通常很大，很复杂，并且需要基础结构来安全地处理付款和运输，因此电子商务平台对于新企业开设在线商店来说是非常受欢迎的入门工具。Shopify是领先的选择-每月支付费用，它可以处理从网站设计到托管再到付款处理的所有事宜。Shopify还与HubSpot集成，以升级您的在线营销，销售，客户服务和分析功能。
3.博客
博客网站很难定义，因为它们的用途已经随着时间而发展。博客（“ weblog”的缩写）格式最初是任何人发布有关其兴趣的随意的，较长形式的书面内容的一种方式。从那时起，博客就被企业家和企业所采用，以标记他们在网上的存在。今天，我们可以将博客视为可以围绕某个主题以文章（或博客“帖子”）形式发布书面内容的任何网站。
如果您是在线企业，那么写得好，内容丰富的博客可能是您营销策略的主要资产。它为您的网站带来流量，建立搜索引擎的权限，将访问者转化为潜在客户，并最终说服这些潜在客户采取下一步行动以成为客户。与您的业务利基相关的博客证明您具有丰富的知识，并致力于成为行业中的佼佼者。
如果您需要一个实践中的商业博客示例，那么您就来看看！HubSpot撰写了四个流行的教育博客-市场营销，销售，服务和网站-每个博客中都包含文章，以帮助扩大业务规模。
许多个人博客作者也找到了成功，包括蒂姆·厄本（Tim Urban）。他的博客“ Wait But Why ”探讨科学，技术，哲学和数学方面的主题。每个帖子的深度都令人难以置信，如此之多，以至您会忘记设计是非常标准的WordPress。尽管如此，这表明高质量的内容才是最重要的。我建议从这篇有关AI革命的令人鼓舞的文章开始。
最后要说明的是，博客不必成为更大的获利推动力的一部分-它们可以是分享您的热情的简单方法。最受欢迎的博客作者是通过这种方式开始的。因此，如果您只想创建一个博客来与您的朋友和家人分享您最喜欢的意大利面食谱，那就去吧。
4.娱乐网站
娱乐网站旨在娱乐。像博客一样，这些网站上的内容采用文章形式。但是，在这些网站后面通常会有一个较大的团队来产生更大数量的内容。
以Reductress为例，这是一个讽刺性新闻网站，在针对女性的杂志和媒体上取笑。该网站的设计本身是根据其模仿的新闻媒体进行建模，然后直接按主题对帖子进行分类，然后将有趣的标题和副标题与图片缩略图配对以鼓励点击
您可能还听说过Pitchfork，这是一个音乐评论网站，具有凝聚力，优雅的前端设计，通俗的配色方案以及出版物提供的所有内容（包括评论，新闻及其音乐节）的清晰导航。
娱乐网站主要通过展示广告，赞助内容和会员链接来获利，尽管它们也可以通过在线商店出售商品以补充这些收入形式。
5.新闻网站
新闻网站就像娱乐网站，但主要包含新闻报道。因此，这些网站旨在提供更多娱乐信息。新闻网站的审美也往往与娱乐网站截然不同，通常具有更简洁的布局和美观。以《纽约时报》为例-它大量利用网格布局来呈现最新的故事和版式，以模仿其印刷版本。
许多新闻站点都提供订阅来访问其内容，以代替页面上的广告。纽约时报限制了用户在必须购买订阅之前可以查看的免费文章的数量。其他在线新闻出版物将其部分文章放置在付费专区后面，或者限制了每日免费文章的数量。
6.公益组织网站
网站是建立企业合法性的最佳方法之一，非营利组织和非企业实体也可以这样说。这些类型的网站用于促进组织，传达组织的目的，并经常请求和现场捐款。
仅仅因为您的网站不销售产品服务，就不值得进行劣质设计。非营利组织的网站要想有效发挥作用，必须从主页上清晰地传达其使命和目标，并带有感性的分量，而其他页面则更深入地介绍了各个项目和计划。您的网站可能还会列出您与之合作的组织，所服务组织的推荐，未来事件的日历以及捐赠CTA，以吸引新的参与人员。
非营利组织也可以采用不同的设计方法。变化的色彩为您提供全屏背景图片，并在第一页加载时清除CTA。访客可以滚动以了解更多信息，但是这种设计选择给新访客和潜在捐助者留下了深刻的第一印象。
另一个美国非营利组织，南部贫困法律中心（Southern Poverty Law Center）像新闻出版物一样采用其首页设计，其图像图块与故事和更新相对应。它还优先考虑鼓励游客订阅其通讯的CTA。
7.会员网站
会员网站要求访问者注册一个帐户，以充分利用该网站所提供的内容。这些站点范围从教育资源到Web应用程序再到新闻和娱乐出版物。在所有这些方面，部分或全部有价值的内容都受到保护，并且仅对网站的“成员”可用，并且在许多情况下，需要付费才能访问。
会员网站的内容和服务的门控方法有很大的不同-一些网站为会员保留所有内容，而另一些网站则免费提供某些物品，而另一些则专有。会员网站可以接受一次性付费访问，基于订阅或根本不需要付费，仅需注册即可。博客，娱乐网站和新闻网站已开始采用这种模式来产生收入。
斯科特的特价机票是有效会员网站的一个例子-该服务查找从美国到热门旅游目的地的廉价往返航班，并在找到适合您的交易时发送电子邮件提醒。用户必须创建一个帐户才能使用服务。然后，他们可以享受其免费产品或升级为高级会员资格，以获取更多优惠。
8.投资组合
在线作品集是创意自由职业者和代理机构展示其作品的绝佳方式。无论您是专门研究绘画，插图，电影，摄影，图形设计，雕塑，散文还是诗歌，您都可以制作一个展示自己最佳创意的作品集网站。
档案袋也是非专业人士的一种选择，例如，程序员可以为其编码项目建立档案袋，而营销人员可以使用档案袋来重述他们最有效的活动。
有成千上万的投资组合网站可以激发您的灵感。法国自由职业设计师朱莉·古扎尔（Julie Guzal）只是一个例子。简约，破碎的网格布局将重点放在她的作品上，并带有几个小设计怪异之处，使其令人难忘。底部附近还有一个醒目的（但不会分散注意力）的联系按钮，可以保持联系。
音乐家网站是创新设计的另一个很好的参考。Japanese Breakfast乐队更新了网站的视觉效果，以配合即将发行的专辑。同样，我们在首页上看到了醒目的CTA，其中包含用于查看其音乐，巡演日期等内容的精妙链接。
由于富有创造力的专业人士和代理商利用投资组合来与客户合作，因此这些网站的展示形式更加正式。对于更随意的方法，您可以考虑一个个人网站，我们将在后面介绍。
9.个人网站
您可能会猜到，个人网站就是您的全部。只要它能反映您的独特观点，就可以通过写作，项目，视觉效果或媒体将其用作表达自己和您的想法的媒介。
个人网站的目标也取决于您-如果您想使用个人网站来发展自己的职业，则可以张贴简历详细说明您的工作经验，并考虑增加比普通PDF文件更多的视觉风格。如果您是企业家，则个人网站可以建立您的个人品牌。或者，您可能只需要一个在线空间来表达您的想法-这样做从未如此简单。
举一个例子，前端开发人员和设计师Fatima Burke的个人站点体现了对个人站点，列出技能，客户，项目和产品的更专业的理解。
10.论坛
论坛是供人们讨论他们感兴趣的事物的在线空间。它们由针对不同主题的留言板和主持人组成，以确保一切保持文明。如果访问者想参加您的论坛，他们将首先使用一个帐户注册-成员资格可以免费，也可以付费。
虽然论坛网站肯定是独立存在的，但它们作为现有网站的扩展也很有价值。例如，一个教育网站可以包括一个论坛，学生可以在其中聊天课程并回答彼此的问题。语言学习应用程序Duolingo做到了这一点，针对每种语言以及其他主题（如教育者，疑难解答和一般讨论）提供了一个小节。
SaaS公司还经常利用论坛作为支持资源。拥有强大开发者社区的产品对于降低产品的学习曲线具有不可估量的作用，就像知识库（我们的最终网站类型）一样。
11.知识库
如果您经营一家企业，您可以打赌您的客户会有疑问。为了取得成功，您可以创建一个知识库，一个包含文档和有关产品或服务的常见问题解答的网站。
知识库将其支持资源分类为层次结构，使它们更易于导航和查找用户需求。知识库通常也是可搜索的-您与所需资源之间的障碍越少越好。另外，您可以分析访问者的搜索查询并调整产品形状，以更好地满足需求。所有这些都减少了支持请求的数量，并带来了无摩擦的体验。
同样，我们可以向HubSpot寻求一个可以成为知识库的模型。HubSpot知识库为每个功能提供了与产品相关的问题的解答和指南。我们的知识库易于搜索，可让您按资源过滤查询，并使用面包屑查看您在网站上的位置。
您的网站是什么？
现在，我们已经审查了现有的网站种类，希望您对未来的网站在哪里以及可以采用的约定有一个更好的了解。缩小范围并找到合适的位置可以缩小选择范围，从而使设计过程更省力，省时。
很高兴知道您的设计不必重新发明滚轮就可以产生影响-请参考上述示例作为起点，并查看Hubspot的网站灵感查找手册，以获取更多有关Web设计的案例研究。