您的网站的正确网站标题尺寸是多少?

他们说的没错——第一印象很重要。网站标题是人们进入您的网站时首先看到的东西。多项眼动追踪研究发现,人们扫描电脑和手机屏幕时,是从顶部开始,然后沿着屏幕呈之字形向下移动的。网站标题的主要功能是导航。然而,它在传达您的品牌风格和外观方面也发挥着重要作用。在本指南中,我们将探索网站标题的世界,并解决理想的网站标题大小应该是多少的问题。

 

网站标题的关键原则

 

1. 品牌

首先创建一个能够传达您的产品或服务精髓的图像、图形或其他视觉概念。图形应该展示您企业的品牌并带有徽标。艺术性的文章标题将具有适合您的网站并激发读者兴趣的风格和颜色选择。

大胆、不落窠臼:Atlassian

Atlassian 的标题很大而且很醒目。或许是为了向他的名字阿特拉斯 (Atlas) 的由来致敬,阿特拉斯是希腊泰坦神,他“用肩膀扛起天空”。 Atlassian 的品牌蓝色贯穿于超链接文案、号召性用语按钮和图像。

安静、简约:苹果

很少有品牌能够实现苹果所具有的简约感。对于一个拥有多个部门和全球超过 130,000 名员工的组织来说,它擅长简化事务并通过非常简洁的视觉方式传达其品牌。

行动导向:乐施会

全球非政府组织乐施会使用其标题来鼓励最重要的行动:捐赠。 “操作栏”的位置、大小、颜色和突出程度不仅可以作为导航工具,还可以作为传达其目的的一种方式,但最重要的是鼓励采取行动。

主要和中间搜索:Shutterstock

图片库网站 Shutterstock 非常重视搜索。搜索栏非常突出,并与品牌的字体、颜色和图像无缝集成。

 

2. 尺寸

对于销售产品的网站来说,标题是展示热门产品和促销活动的有用工具。轮播或滑块通常用于交替显示特色产品或部分,作为网站关键部分的启动点。

Zara 的标题几乎就像一道屏障,突出显示了一系列的系列。轮播指示器(点)垂直显示在右下角,而标题填满屏幕的 100%,导航叠加在顶部。这是一个引人注目的外观。

Internet.org 是另一个带有灰色顶部导航的全框架标题的示例。但是,它没有使用轮播,而是使用标题的左侧作为双重导航和内容区域。当用户做出选择时,网站会向左移动,将英雄形象移到左侧,在右侧显示正文内容。

在维珍银河的这个全宽版本中,标题作为英雄导航元素,背景视频提供了令人惊叹的视觉效果。

 

3. 内容

您的网站标题中的每个元素都应协同工作。标题中每个对象的位置和大小为用户提供了有关如何在访问您的网站时浏览和使用您的网站的视觉线索。按钮的颜色、元素周围的间距和填充或标题的字体大小可能意味着用户是否采取所需的操作。

图片轮播

图片轮播通常用于网站标题,因为它们可以完成以下几件事:

  • 一次只传递一个内容以避免混淆。
  • 严重依赖视觉交流(这是最好的,因为人们通常扫描内容,而不是阅读内容)
  • 突出重要内容
  • 其行为类似于预导航,允许用户无需离开主页即可探索不同的内容。
  • 熟悉且预期的网站元素,用户知道如何使用和交互:滑动或点击点即可前进到下一张幻灯片。

HTC 的标题有三张幻灯片,展示了三项新技术:

号召性用语 (CTA)

有时您只是希望用户采取行动。在这种情况下,The Information 想要获取访问者的电子邮件地址。通过消除所有其他元素并将 100% 的注意力集中在 CTA 上,信息能够针对所需的操作进行优化:

编辑风格

宝马重新设计了他们的网站,就好像他们是一个出版商一样,并向用户展示故事和文章,从标题中的一篇关于 M 标志及其颜色的历史的主要文章开始:

目录样式

Target 的网站模仿了他们的实体目录,其标题用于显示“女士新品”,其后是商店内的其他各个部门,混合了系列、促销、单个产品和信息。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部