当我们刚进入一个网站时，第一眼看到的就是该网站的头部，包括公司logo、banner图这些，那么你的头部内容排版设计是否合理就是影响用户浏览时间的重要因素。下面小编来给大家讲讲这网页头部设计的主要内容，让你们能了解更多设计技巧。

1、头部尺寸

头部的高度本着不干扰内容感知的基本原则。对于一些展示信息资源的页面，较小的头部区域是一个不错的选择，而对于落地页或者企业客户首页，头部区域可能会更大，而且多数大客户会有主视觉单屏展示页。

如果某些网页，例如落地页头部内容较长的情况下，最好在首屏给下一屏内容露出一些空间，这样用户就可以意识到下一页还有内容，引导用户滚动。

2、Logo位置

Logo ——与居中或右侧放置相比，用户更容易记住那些 Logo 放在左边的品牌。如果你使用的是圆形 Logo设计，那么可以把它居中放置，尽管它的有效性仍然比放在左侧要低。

3、导航栏设置

可根据页面内容展示要求，向下滚动时调整导航背景透明度，尽量少的影响内容展示同时使页面看起来更生动和通透。还可以在滚动时简化导航栏样式或高度，使用户能找到但又不过于抢眼。总之，固定导航栏有助于提升用户体验，保持用户导向并给予了他们更多控制权。

4、视频动画播放

当然我们也不能只关注静态图片，添加视频也是最有效的网站头部创意之一。如果可能的话，尝试着在头部内容中添加主题视频材料，很多网站利用在背景中添加短视频来吸引用户，尽可能以最好的方式展示他们的公司或产品。

5、banner图

高质量图片——摄影对于网页设计师来说是一个强大的工具。它可以讲述一个故事，唤起用户的情感，并鼓励访问者进一步滚动。对于那些有强烈冲击力的图片的网站，试着做一个透明的标题，它可以更好地显示图像，并保留了主要链接。

6、移动端网页头部设计

移动端有着与PC端不同的屏幕尺寸和操作方式，很多时候需要设计师在一开始就考虑到两种界面的适应情况，比如在PC上顶部一条的导航，到移动端就演变为一个汉堡包菜单。而原本PC页面中展开显示的内容，在移动端会向下层延伸，首层界面成为一个内容聚合页。

综上所述，我们的网页投头部内容设计主要包括LOGO、banner图、尺寸、移动端头部设计，其中banner可以是图片、视频、动画。不同的头部设计，可以带来不同的展现效果，如果你想要网站客流量增加，那么一个好的网页设计就是必不可少的。如果你有移动端网页设计需求，欢迎咨询蓝橙客服。