Banner 首屏

Banner 是整个展示页面最重要的组成部分之一，一般介绍产品的名称和简介，并且体现整体产品的风格走向。

高度为 750px 为例： Banner 一屏的设计尺寸为 1200750px，半屏的设计尺寸为 1200375px（多用于技术类的产品），主要由单屏和多屏滚动两种类型：

单屏布局一

单屏布局一

1）全屏背景图；

2）标题、文案和按钮与页面居中对齐；

单屏布局二

单屏布局二

1）主图在页面左侧，标题、文案和按钮在页面右侧；

2）建议文案和button部分左对齐；

单屏布局三

单屏布局三

1）主图在页面右侧，标题、文案和按钮在页面左侧；

2）建议文案和button部分左对齐；

单屏布局四

单屏布局四

1）主图在页面下方；

2）标题、文案和button与页面居中对齐；

多屏滚动类

多屏滚动类

1）多屏Headers组合，底部有走马灯滚动轮播；

2）建议滚动屏不超过5个；

半屏类型

半屏类型

1）半屏的设计尺寸为1200*375px；

2）排版方式和类别与整屏的相同（在此列举其中一种）；