「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多80、90后的童年记忆。bilibili的主站网页端的banner轮播提示设计就运用了「吃豆人」的视觉元素,有趣复古又充满情怀。
越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为每个小细节的设计都注入二次元的幽默感与中二精神,有趣又强化了平台特征。
bilibili的网页端主页背景,会根据春夏秋冬四季的变化更换与当前季节相契合的背景图。最近B站更是优化了banner图,将其做成了可与用户互动的动态背景。当鼠标移动到banner图上时,会出现镜头模糊晃动的效果,画面中的2233娘还会不时地眨眼睛。
「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马上会被动态效果所吸引,关注到广告的内容上。广告内容的左下角会清楚标注「广告」的提示字样,右下角还提供关闭按钮「X」,方便用户手动屏蔽广告。
「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看完就切换到下一个banner的情况,也利于缓解用户在等待广告切换的过程中产生的焦虑情绪。