谈谈Banner应用交互设计,耀世用户注册?banner翻译成中文是横幅或旗帜,为了体现产品的中心意旨,利用鲜明的内容去表达最主要的情感思想或宣传中心,从而给整个产品起到宣传的效果。
在互联网时代,banner被广泛应用在pc网页、app设计等互联网平台间,作为设计师做一张banner乃家常便饭,如何才能设计一张高质量的banner呢?
创意新颖、风格贴切的banner能第一时间吸引用户眼球,有利于banner的触达,带来高效率的点击,创造更高的价值。
画面大量的留白;色彩以高级灰为主,饱和度和纯度低,明度高;字体多采用衬线体,标题文案突出,辅助文案偏小,整体突出高级感;画面点缀多采用精细的线. 时尚高冷型
banner由多元素组成,banner内在包含:色彩、构图、风格等,外在包括文案、产品配图、背景、点缀这几个部分组成,设计过程通过拆分一步步执行,思路清晰且效率高。
画面中相关内容遵循对齐原则,便于用户视线快速浏览,接受重要信息。常见的对齐方式左对齐、右对齐、居中对齐,建议banner中只使用一种对齐方式,多种对齐方式用户阅读视线分散,增加用户认知成本。
画面内容拆分为文字区、图片区、氛围区,相关内容聚集在一个区域,其次聚焦一个视觉重点,弱化其他元素,视觉出现层级。
配图主要是根据文案内容绘制的辅助图形,用户只看图无法明确活动内容,建议采用左文右图的板式。根据“F形”阅读模式,浏览习惯往往从左向右从上往下,将文字信息放在左边有助于用户快速浏览,获取重点信息。
暖色系主要由红、黄、橙等构成的色调。容哟联想到阳光、火焰、热血等场景,给用户积极、活泼、温暖的感觉。暖色系色彩的饱和度越高,温暖属性越突出,用于电商活动,渲染气氛。
对比色系,色相环上相距120度-180度之间的2种颜色(180度则为互补色),对比色之间的搭配能够给画面带来华丽、跳跃、浓郁的视觉美感,高纯度、高明度、等面积的搭配,会产生强烈的刺激感,干扰用户视觉体验。画面中往往会考虑补色之间的面积比例、纯度比例、明度比例、空间间隔的比例,平衡画面之间的视觉感。
粗的黑体,具有官方严肃气质,自带有力量感,视觉冲击强烈,与速度线条、碎片、划痕等设计手法十分搭配。细的黑体,具有年轻、简约、细致的感觉。无衬线体易读性较强,常用于科技类banner中。
几何图形是banner设计中常见的辅助元素,它的多样性和简约性设计师十分着迷。几何图形可以创作无线的可能,用户对其有意无意地进行自我诠释。
圆形象征着圆满、融合、自然、和谐、无穷,在设计中具有非常强的包容性,由于其自身的可拓展性,将圆形进行拉伸、叠加、重复可获取丰富的图形。
板式设计、配色、字体设计、风格、插图、点缀图案以及动效这些运用是否合理。
画面主题是否突出,具有吸引力,刺激用户点击。三、设计应用 1. 轮播banner
现实中多是单张banner图,而互联网产品中大多采用多张轮播banner。有限的屏幕内采用多张轮播提高空间的利用率,其次用户长时间盯单一广告会疲惫,轮播banner有利于吸引用户注意,激发用户探索欲望。
banner采用的是静态banner还是轮播的方式。固定banner多久更换一次,轮播形式的banner,几个banner轮播,轮播的速率是多少。
banner在页面中与其他功能区相比,banner位所属的信息层级是什么样。2. 交互思考
静态banner。如果内容中有一个非常重量级的,其他的都是差不多的不怎么重要的,可以考虑只将重量级内容放在显眼位置的Banner上,且静态不轮播,其余内容放在别的运营位里。
动态轮播。轮播banner图注意帧数不宜过多,加上轮播指示器,提示用户banner的个数以及banner可以左右滑动。
屏幕占比大的banner有更强的营销感和氛围感,常见电商平台的顶部banner。
屏幕占比小的banner会低调些,不会干扰用户阅读浏览页面,例如金融类平台。
通过收集和阅读了大量的资料,结合自己的工作积累,写了一篇banner设计知识总结。内容比较多,涉及到banner设计的方方面面,单个知识点拿出来都能写一篇短文。
撰写的过程中领悟到知识是需要自己不断挖掘和总结,最后输出并分享出来,才能真正成为自己的知识。关于banner设计的知识就分享到这里,欢迎留言纠正,感谢阅读。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
来了,AC米兰!4000万“桥头堡”正式同意加盟!8000万主力遭出售
日本半导体专家:7nm不是中国的终点,而是他们的极限,离开我们的供应,就会立即崩盘
最高优惠2500元!上市仅三个月iPhone Air开启苹果史上最大促销
李亚鹏直播再谈嫣然医院关停风波:我那么多地方做得不成功一定有它的道理,没想到迎来转机;当晚直播间销售总额或超7500万
6-2!国米连扳6球大逆转 10轮不败+6分领跑 5000万后卫替补造3球
“我们的节日——欢欢喜喜过大年” 2026春节主题文化和旅游活动即将启幕,带你一站式乐享皖韵新年
CannonKeys推出全新PFF低矮等高键帽方案 面向定制机械键盘玩家
NVIDIA拟推多款 Arm 笔记本挑战“Intel Inside”传统
