您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
成功品牌如何设计他们的网站头部
标签: 网站设计
2017.09.17


  网站头部一般是访问者进入网站时首先看到的内容。想要访问者通过与主图交互或者注意到行为召唤按钮从而采取行动,都在让访问者感到愉悦的设计布局中。本文中,我们将讨论成功品牌采用的最佳做法,打造一个能让访问者采取行动的高质量的网站头部。


  组织布局

  大型网站,比如Amazon、YouTube和Facebook,都在所谓的主图(hero image)上花费了很大精力。主图指的是占据网站中心位置的一张大图,是访问者第一眼就能看到的内容。它可能会包含行为召唤(call to action)指引访问者进行特定行为,可能是信息性内容,也可能是一张引人注目的图片以期引起访问者的某种情绪反应。




  通常情况下,在主图之上的是导航栏,一般包含指向其他页面的链接以及公司名称或者logo。到底放在主图上方还是下方当然取决于你。我们建议导航栏放在主图上方,这样移动端用户不需要向下滚动页面就能找到各个链接。

  将布局拆分成列

  除了在导航栏添加指向网站企业页面的链接之外,你可能还想把这些链接作为行为召唤按钮、图像或者文本链接放在头部部分,把头部拆分成数列。这样,头部就能被分割成数个小版块,但仍然占据了访问者进入网站时第一眼会看到的位置。




  像IMDb、IGN和TechRadar这样的网站都这样做,因为这些网站上发布了大量的新闻内容。类似的网站都可以试试将网站上最突出的空间分成多列,以便展示其最有价值的内容。

  使用行为召唤CTA

  如果你正在售卖某件商品,想要分享一些重要信息或者鼓励新用户注册,我们建议在头部使用行为召唤。网站头部与行为召唤的结合,将确保访问者面临两个选项:参与或不参与。这对于分清什么有用什么没用很有帮助,因为如果访问者没有回应你的行为召唤,说明它还不够吸引人。

  有时你会发现有些手机应用的网站比如Tinder或者Loot会使用一张主图铺满浏览器窗口。通常这张主图会包含一个行为召唤按钮,可以向下滚动到另一个版块。你可以在响应式页面中为一栏添加按钮,然后选择链接类型。




  Tinder和Loot在主图中使用了行为召唤来吸引人们下载他们的应用。这是行为召唤的另一种用法,指引外部访问者到应用商店、下载链接或者Spotify播放列表等等。

  添加社交媒体图标

  一个不需要什么付出但能成功推广网站的方法,是在社交媒体渠道添加链接,以便访问者浏览并关注。这同时还是为可能有疑问的访问者提供客户支持的好方法。




  许多网站都会在头部或者导航栏附近添加社交媒体按钮。这样访问者就能从网站的任意页面进入你的社交媒体账号,同时也能间接地向路人推荐更多内容,吸引新的关注者和新的潜在客户。

400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字