创建一个甜蜜的主页设计：10 步指南

主页是任何网站的决定性特征； 他们给您的目标市场留下深刻印象的潜力是无限的。 无论它应该是引人入胜的还是直截了当的，主页都需要提供。

一旦您开始考虑各种设计方法，挑战就会出现。 你怎么知道哪种风格最适合你的品牌？ 这是我们对主页设计的完整细分。

10 秒法则

主页是网站的第一印象。 这就像一首歌的介绍、小说的第一页或系列的第一集。 坦率地说，如果它不能吸引你的观众，那么其余的是否好也没关系。 您可能认为您网站的其余部分非常出色，而且您可能是对的。 但是，如果没有引人入胜的主页设计，您的大多数观众将不会再看下去。

您可能倾向于将您的主页美化为天堂。 （我肯定对此感到内疚。）您可能会惊讶地发现主页设计不仅仅是美学。 这是关于将外观与工具箱中的其他所有内容结合起来，以保持观众的注意力。

输入 10 秒规则。 10 秒规则是基于 Chao Liu 进行的一项研究。 不，这与在地板上吃食物无关（不幸的是）。

Liu 检测到的是主页有一个 10 秒的窗口来建立连接。 如果成功，这段短暂的时间会下意识地说服读者留在页面上。 如果不成功，用户一来就点击关闭。 通常是后者。 要么主页是无聊的、无法访问的、霸道的，要么根本不是用户想要的。 作为所有者，您的目标是创建人们留在的少数主页之一。

所以，为了纪念 10 秒规则，我觉得有必要给你 10 个关于如何创建主页的有用提示。 请注意，不仅仅是任何主页，而是会产生持久流量的主页。

10. 沟通基础知识

想想您经常访问的任何网站。 在决定留下之前，您是否花了很长时间检查主页的每一小块？ 您最初是否打算经常访问该网站？ 还是您只是单击一个链接，扫描主页，然后确定该网站就是您要查找的网站？

90% 的人第一次偶然发现你的主页是在寻找东西。 通常是特定的东西。 他们要么得到朋友推荐你的网站，要么点击了你的一个广告，要么在谷歌上搜索了一个关键字。 无论如何，大多数初次使用的用户都将与您的主页交互作为达到目的的一种手段。

因此，您要确保用户立即确切地知道您的网站提供什么。 你是谁和你做什么应该是主要的话题。

9.首先考虑访客

关于潜在受众，您首先要了解的是人类是自私的。 这听起来可能有点刺耳，但这是真的。 访问主页时，人们通常不关心您的公司或它是如何形成的。 他们关心您的网站可以为他们提供什么。 无论您是向他们出售商品、提供资源还是提供服务，人们都想知道其中的好处。

想想你在高中时写的那些有说服力的文章。 唯一的目的是让读者相信一些重要的事情。 这就是您主页的目标——用简短的词语或短语说服他们，让他们相信他们应该查看您网站的其余部分。

首先，您希望收集有关访问者希望看到的内容的信息。 想想你的链接或广告会吸引什么样的人。 也许您已经有人在社交媒体上关注您的品牌。 确保监控他们的兴趣、需求和行为。

此外，请考虑您希望您的网页将来吸引谁。 例如，针对中年女性的主页看起来与针对十几岁男孩的主页大不相同。 您的配色方案、布局和图像很大程度上取决于您的目标人群。

既然您知道您的潜在访客是谁，那么是时候迎合他们了。 避免将自己称为品牌或公司。 请记住，只有当人们知道您可以为他们提供什么时，他们才会关心您。 传达您的公司所拥有的价值。 快速简单。 虽然流行语和双关语可以提供帮助，但它们不是必需的。 真正重要的是可读性。

正确的语法和完整的句子并不总是必要的。 事实上，它有时会从您的主页中删除。 想想人们在现实世界中相互交流的方式。 他们不使用词汇量大的冗长句子。 除非他们正在接受采访，或者在激烈的辩论中。

一般来说，人们欣赏相关的写作。 简短、不完整的句子很好，只要它们是可以理解的。

8. 决定你的布局

当然，设计一个主页不仅仅是你使用的单词。 作为网站所有者，您还必须以可查找和可学习的方式构建您的主页。

这到底是什么意思？

• 可查找性描述了用户在您的网站上查找内容的难易程度。
• 易学性是用户能够多快地弄清楚如何浏览网站。

UI 设计在实现可学习性和可查找性方面发挥着重要作用。 以下是创建 UI 时要遵循的一些一般准则：

• 确保您网站的主要页面直接列在您的主页上。
• 考虑包括一个搜索栏，以便用户可以轻松访问他们正在寻找的任何页面。
• 如果您有想要宣传的销售或其他公告，请将其放在首页的最前面。

要记住的最重要的事情是，独创性并不总是一种好处。 作为一名新的网页设计师，您可能会想要使您的 UI 独特而复杂，以便在竞争中脱颖而出。 创意虽好，但完全陌生的布局势必让人迷惑。 所以，我的建议是谨慎使用它。

对于您的主页设计，您可以说通常最好是非原创的。 除非您的用户以前从未访问过网站，否则他们将更轻松地浏览遵循他们习惯的基本标准的布局。

这是我正在谈论的一个例子：

尽管我个人非常喜欢这种布局，但您必须承认新用户很难导航。 也许这个网站的目标是迷惑用户，并且无论如何，给他们更多的权力。

但是，如果您的目标是提供可查找性和可学习性，那么最好采用这样的布局：

7.想想你的排版

主页不是没有某种文本的主页。 这是在线页面与访问者交流的方式，如果没有它，您将很难找到一个正常运行的网站。

首次创建网站时，您可能倾向于使用颜色最鲜艳的最精美的字体。 当我还是个孩子的时候，我曾经喜欢在 wix.com 上创建一个主页，其中包含所有可用的花哨的草书脚本。 事情是这样的：没有人希望他们的网站看起来像是由孩子设计的。 如果你在排版上太过分了，那正是用户的想法。

战略排版对于让人们留在您的主页上至关重要。 它不仅为用户提供信息，而且是整个品牌的延伸。 一般来说，最好使用简单和/或具有不同权重的字体。 Arial 就是一个很好的例子。 它不仅是一种安全、知名的字体，而且还提供 Arial Bold 和 Arial Black。

现在你可能想知道，“如果我不想安全怎么办？” 也许您希望您的网站的排版复杂或独特，同时仍然看起来很专业。 好吧，我有一些好消息要告诉你：这完全有可能。 然而，这将需要更多的策略。

我的建议是选择两种或三种字体，您可以在整个网站中混合搭配。 如果您想要更抽象或更粗的字体，请将其用于标题并将其与更柔和的字体配对。 总的来说，这一切都是为了创建一个层次结构和连接相互补充的元素。

我建议阅读这篇关于配对字体技术的文章。

6.想想你的意象

设计主页时，图像至关重要。 就像排版一样，主页不是没有任何视觉效果的主页。 图像会影响用户对您网站的整体感觉和期望。 这就像一本畅销小说的封面艺术； 它可能与标题本身一样重要。

我敢打赌，大多数人的眼睛更喜欢视觉而不是文字。 我们之所以写文字，是因为我们喜欢通过图画进行交流。 因此，要设置网站的基调，您必须拥有与您想要调用的任何感觉相对应的图像。

确保每张图片都是高质量的。 以易于加载的方式优化图像也是明智之举。 在线用户几乎没有耐心，如果图像显示时间过长就会离开。

5. 考虑组合

在主页设计的情况下，构图是指图像和排版的无缝结合。 简而言之，您要确保您选择的字体与所选图片相符。 这是一件很难平衡的事情，尤其是因为构图有点主观。

一般来说，您会希望作品能够激励人们以某种​​方式进行互动。 您的主页应设计为让人们向下滚动、与菜单栏交互或单击某些链接。

注意这些主页功能的用途。 图像和文本应具有相应的目的。 例如，许多网站使用图像来讲述故事。 相应的排版有助于在推动故事发展的同时传达一个观点。

奢侈品牌在这方面做得非常好。 在他们的主页上提供产品时，他们会显示高质量的图像，并带有文本来详细说明查看者正在查看的内容。

4.想想颜色

是的，甚至颜色也是一个值得讨论的因素。 首先，颜色在确保您的排版可读性方面起着重要作用。 例如，带有白色背景的黄色文本是不可行的。 深蓝色背景上的黑色文本也是如此。 在主页设计方面，没有足够的对比度是一个常见但有害的错误。 对于大多数用户来说，不得不眯着眼睛阅读文本是一个直接的交易破坏者。

当然，并非一切都与功能有关。 配色方案在创造吸引人的美学方面起着重要作用。 一些颜色组合会吸引人的眼睛，而另一些则会导致人在内部萎缩。 您不会看到许多由绿色文本和橙色背景组成的网站是有原因的。 （呸！）

虽然冲突的颜色可以吸引观众的眼球，但在设计主页时最好使用一些颜色理论。 多亏了互联网，有很多资源可以帮助您掌握它。

3.考虑用户的平台

人们不仅会在常规桌面上看到您的网站。 在许多情况下，您会获得从移动设备查看您的主页的访问者。 人们拥有 iPhone、平板电脑、游戏机和任何数量的其他智能设备。 您可以决定是否要针对这些产品优化您的网站。 （答案是肯定的。你会的。）

在考虑平台时，请记住许多移动设备比普通笔记本电脑小。 智能手机和平板电脑具有不同的分辨率。 在您的桌面上看起来很棒的东西在某人的三星上可能很草率或难以阅读。

这就是为什么许多网站都有另一种移动布局的原因。 如果您选择实施此功能，请确保让人们可以选择切换到您的常规主页。 您还可以格式化图像、排版和构图，使其在桌面和移动设备上看起来都很棒。 虽然这是一个挑战，但它已经完成了。

无论您选择哪种路线，都必须牢记您的移动用户。

2.添加号召性用语

当然，每个主页都需要至少一个号召性用语。 将您的主页视为扩展广告。 当有人访问您的网站时，您的主要工作是将他们与上述所有因素联系起来。

一旦说服结束，您的下一个目标就是将用户准确地引导到您想要的位置，通常使用突出显示的链接。 你会在电子商务网站上看到很多。 他们将在其主页上使用粗体“立即购买”按钮列出热门类别。

1.当有疑问时，聘请专业人士

认为您没有设计主页所需的能力？ 好吧，没有必要担心。 这就是专业人士在这里的目的。

现在，您可以完成发布招聘广告、进行面试和谈判条款的繁琐过程。 但是如果您需要快速的专业主页，您可以简单地使用 Penji。 我们拥有来自世界各地的数百名设计师，提供平面设计服务，包括网站、移动布局等等。

如果您有其他需要工作的平面设计项目，我们也可以处理。 以固定的月费率，您可以要求尽可能多的设计。 这意味着可以覆盖主页的所有图像、排版和其他部分。

主页设计可能是一件很难掌握的事情。 但是，只要有适当的热情和策略，您的品牌就会拥有一流的主页，而且没有时间。