网站设计的10点要求

日期: 2023-10-23 10:48

1. 页眉和页脚

页眉和页脚是几乎所有现代网站的主要内容。尝试将它们包含在您的大多数页面上,从您的主页到您的博客文章,甚至是您的“未找到结果”页面。

您的标题应以徽标和组织名称、菜单导航的形式包含您的品牌,如果间隔良好且最小,则可能包含 CTA 和/或搜索栏。另一方面,您的页脚是许多用户本能地滚动以获取基本信息的地方。在页脚中,放置联系信息、注册表单、指向您的公共页面的链接、法律和隐私政策、指向您网站的翻译版本的链接以及社交媒体链接。

2. 菜单导航

无论是标题上的链接列表还是角落里整洁紧凑的汉堡包按钮,每个网站都需要一个导航指南,至少位于您的主页和其他重要页面的顶部。一个好的菜单将到达您网站任何部分的点击次数限制为少数。

为了减少混乱,您可以考虑将部分或所有菜单选项设置为带有链接的下拉菜单,如 HubSpot 主页所示。

3. 搜索栏

除了菜单导航之外,强烈建议考虑在页面顶部放置搜索栏,以便用户可以按关键字浏览您的网站以查找内容。如果包含此功能,请确保您的结果具有相关性,可以容忍拼写错误,并且能够进行近似的关键字匹配。我们大多数人每天都使用高质量的搜索引擎,无论是百度、百度、YouTube 还是其他地方。这些都为您自己的网站搜索设定了标准。

4. 品牌推广

还记得我们讨论过的约定吗?您几乎随处可见的是左上角的徽标。在第一次着陆时,许多游客的眼睛会本能地转移到这个区域,以检查他们是否在正确的地方。不要让他们悬而未决。

为了强化这一概念,请将您的公司品牌融入您添加的每个元素、您发布的内容和您创建的配色方案中。这就是为什么我们建议您制定品牌指南(如果您还没有的话)请查看我们的风格指南以供参考。

5. 调色板

颜色选择在您网站的可用性和用户体验中也起着重要作用。此决定往往比此列表中的其他要求更主观。但是,就像我们讨论过的其他所有内容一样,请尝试简化 - 将颜色选择限制为最多 3-4 种突出颜色。

第一次从头开始调色板可能会非常困难。我们似乎直觉地知道哪些颜色可以很好地搭配使用,哪些不能,但是当试图从无限可用的组合中进行选择时,我们会绊倒。

解决方案是什么?尝试在其他网站上显示有效的调色板。从您最喜欢的网站中获取影响,并查看我们最喜欢的网站配色方案列表以开始使用。

6. 标题

标题是建立我们之前讨论的视觉层次结构的关键,尤其是在文本繁重的页面上。当用户浏览您的页面时,一个清晰而中肯的标题会提醒读者在找到他们想要的内容后停止滚动。仅使用页面不同部分的标题,因为过多的放大和粗体文本会削弱这种效果。

7. 清除标签

每当用户在您的网站上采取行动时,必须清楚地知道他们在做什么和/或要去哪里。所有按钮都应具有清晰的文本或图标,以准确简洁地指示其用途。文本链接和小部件(简单的交互式元素,如下拉列表和文本表单)也是如此。

例如,链接到定价页面的按钮应该只显示“定价”——超出此范围的任何内容(例如,“查看我们的价格”、“查看交易的定价页面”)都是多余的。搜索栏/按钮只需要一个搜索玻璃图标(

TAG标签: 网页设计

首页
报价
案例
联系