- 4701
-
-
-
-
-
网站头部（Header）设计在网站中起着关键的作用，并为网站的其他各个方面奠定了基调。特别是现在的极简主义时代，各种设计的花样很多。有时没有什么其他的东西可以吸引眼球，所以网站头部设计的作用显著增加。
网页设计师花了很多精力来设计这一部分，为它注入了创意和效率。据Google所说，形成对一个网站的印象只需要50毫秒，而这些印象的发展只需要难以置信的17毫秒。消费者对品牌的认识始于此。
“人生就是第一印象。你只有一次机会。让它成为永恒。”― J.R.Rim
什么是网站头部?
一些设计师为网站的不同部分制作不同的头部。例如，您可以为主页创建一个大头部，而为其他页面保留一个小头部。但要保持一致。内页的头部设计应该是主页面头部的缩略版。这是一个很好的网站设计方式。
Architectural Platform Home
网站头部包含哪些元素?
标志或品牌标识 行动呼吁 文本或标题 导航元素 搜索。
在简约的头部设计，只有导航的主要部分和标志。这种方式在设计落地页时特别有用。
Design Freelancing Home Page
最佳网站头部设计实例
在设计头部部分时，没有什么会限制你的创造力。网站的头部是一个开放的领域，应该是难忘的，简洁和有用的，所以任何创意都可以。
让我们复习一下要点。
1，头部的大小
对于长页面网站的头部，最好在下面留出一些空间，这样用户就可以看到下面的内容并开始滚动。
2，视觉层次结构
行动召唤。根据可视化层次结构的原则，自然地突出显示行动召唤（按钮或链接）。
3，常驻的网站头部
电子商务网站-购物车总是常驻显示。 服务网站-电话号码或行动召唤常驻显示。
常驻的头部可以改善客户体验，保持用户导向，并给予他们更多的控制。
4，网站头部传达的信息
敦促消费者做某事 建立信任 鼓励访客了解更多 展现趣味,等等。
这取决于具体网站的目标。
5，相关的图片
插图。网站的标题图片必须能引起读者的共鸣，建立起人与人之间的联系。更好的是，如果一个插图很有独特性，那会给人们留下很深的印象。可以尽量设计符合当下的插图设计趋势。
6，视频或动画
另一种使你的设计更有吸引力、更生动、更令人难忘的方法是添加动画。它可以成为很酷的网站头部。如果你正在寻找一个吸引观众的互动网页，动画是一个很好的选择。
7，一个精心设计的行动召唤（Call to Action）
有效的行动召唤非常有意义，可以促使用户在一开始就采取行动，从而提高你的转化率。有些行动召唤按钮可以在一段时间内用来促进购买，有些则可以长期存在。
8，适合网站头部的最佳字体
对于大的主页头部，你可以使用一些大胆的排版和富有想象力的元素来吸引用户的注意力，否则，最好不要选择那些难以阅读的花哨字体。
9，简单的头部设计
通过保持头部的清晰和整洁，访客会感觉访问没有过分的负担。一个有创意的网站标题也可以有非常简单的外观。
Meal Service Home Page
10，隐藏导航(汉堡包菜单)
从网站可用性的角度来看，这是一个不错的选择。这样的菜单来自移动设计，用户已经很熟悉了。这种汉堡适用于促销网站，在那里主要强调使用照片或视频来高质量地展示产品。对于在线商店，这个选项可能不太合适，因为对于客户来说，拥有一个购物车、已购产品和搜索是很重要的。
11，移动版网站的头部设计
移动设备的日常使用导致了网站设计看起来就像以移动为导向的，即使是在它们的桌面版本中。例如，大的形象图片和汉堡包菜单的都来自于移动版设计。
Furniture Store Responsive Design
总结
网站头部设计的最后一个最佳实践是：定期迭代以保持你的网站更新。可以充分利用本文提供的各种建议。
作者：Kate Shokurova 原文：https://uxplanet.org/website-header-design-in-2020-best-practices-and-examples-1992f80ddd69
全站高品质素材免费下载！
