ui界面设计中banner位的种类及样式有哪些? – 25学堂

1。

普通Banner位

这是比较常见的Banner位样式,属于百搭款。

应用场景非常广泛,适合在各种类型的产品中展示。

根据产品设计风格的不同,界面包含信息的不同以及信息层级的不同,这种Banner位又可以有多种样式。

①与内容齐宽,单独存在

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

整理了各种产品的Banner位后发现,目前这种类型的banner应用的最为广泛。

原因可能是最近流行的设计风格强调信息和留白,很多小众App和新改版的App都是这种风格。

优点:

1。

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

2。

这种类型的Banner尺寸偏小,不会压缩下方内容的展示区域;

3。

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

适用场景:

1。

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

2。