北京昌平区哪里有UI设计培训班

　　首先声明，本篇文章不是教大家banner的设计手法，而是总结了界面设计中banner位的种类和样式，强化我们对banner位样式的认知，这样在之后进行界面设计的时候，可以选择适合自己产品的样式。

　　目录

　　1. Banner位是什么

　　2. Banner位的种类

　　1.Banner位是什么？

　　Banner位，通常位于界面的顶部，是广告、运营活动、专题、新产品推广等重要信息的展示区域，通过运营同学来进行内容信息的维护，运用视觉表现的手法突出重点信息，来吸引用户的关注。

　　特点：

　　1. Banner位主要存在于首页、发现页和资源列表页等信息集合页面中

　　2. Banner位多数情况是轮播图，展示数量在2~8个，通常情况下3~5个为佳，数量太多的话不利于所有的banner的曝光，且用户错过一个就需要滑动多个才重新找见，体验感也不是很好。

　　2. Banner位的种类

　　市场上常见的Banner类型。根据视觉表现形式主要分为两大类，一种是普通banner；一种是通栏banner。

　　1. 普通Banner位

　　这是比较常见的Banner位样式，属于百搭款。应用场景非常广泛，适合在各种类型的产品中展示。根据产品设计风格的不同，界面包含信息的不同以及信息层级的不同，这种Banner位又可以有多种样式。

　　① 与内容齐宽，单独存在

　　具体表现就是广告位的宽度基本是与内容展示区域同宽，与屏幕两侧预留间距，增加了界面上方的透气性；

　　整理了各种产品的Banner位后发现，目前这种类型的banner应用的为广泛。原因可能是近流行的设计风格强调信息和留白，很多小众App和新改版的App都是这种风格。

　　优点：

　　1. 在界面中的位置相对靠下，位于用户的视觉交点处，且背景是纯白色的，可以时间引起用户的注意

　　2. 这种类型的Banner尺寸偏小，不会压缩下方内容的展示区域；

　　3. 两侧预留间距，增加了界面的透气性，让产品看起来更轻盈，可以满足界面对简约的追求。

　　适用场景：

　　1. 上方内容比较多，比如同时包含搜索框和导航栏，或者同时包含导航栏和分类入口；

　　2. 方内容分类清晰，界面干净整洁。