2024.01.08

分享设计banner的一些排版干货知识

在设计 banner 时,确实需要考虑用户对图形化内容的更快吸引和理解能力。根据尼尔森的实验结果,用户在网页上花费大部分阅读时间在前三屏,其中首屏时间占总时长的 57%。因此,将最显眼最突出的 banner 放在首屏的位置是非常重要的,这样可以确保用户在进入页面后第一时间看到,并在短时间内了解主要宣传信息。

Banner 作为产品吸引用户注意力的工具,其设计需要准确展示产品最新活动或信息,以便快速吸引用户并转化其行为,从而实现商业目标。因此,在设计 banner 时,需要考虑清晰的视觉元素、简洁的文字信息和吸引人的图形内容,以确保用户在短时间内获得必要的信息并被吸引进一步了解产品或活动。通过精心设计的 banner,可以有效地吸引用户的注意力并促进转化,从而实现商业价值的目标。

理解用户的视觉动线和习惯性眼动规律对于设计 banner 的布局和内容非常重要。将用户视作小朋友,需要通过简洁而吸引人的视觉元素快速传达准确信息,同时确保遵守广告法中的法律法规。古腾堡图表法和视觉动线规律,将重要信息放在左边,主视觉图形和其他元素放在右边,以引导用户实现从左往右移动,符合用户习惯性的眼动规律。此外,根据文字与图形级别高低决定采用左文右图还是右图左文,以确保信息的准确传达。在左右排版中,文字部分与主视觉图片在版面中占比通常接近黄金分割比例的6:4,以确保视觉平衡和信息的快速接收。

左文右图。文字信息级别更高,文字较为重要更需要被用户关注,我们更倾向于将文字信息放在优先被识别的左侧,主视觉放在右侧,这时放在右侧的主视觉内容往往相对模糊。排版和设计上更加简单,更要注重左侧文字的识别性和易读性。

右图左文。一般应用于音乐类或电商产品 banner,由于需要展示产品或者需要向用户展示重要的图像信息,这时图片层级更高,需要摆放在左边,需要右侧图片内容相对清晰更容易被用户读取,先利用主视觉图片吸引用户注意,再配上左侧优先级较弱的文字阐述,banner节奏松弛有度,非常棒!而这时根据视觉动线原理,右侧文字排版的自由度则更高于左文右图。

其它常见构图还有——上下排版。常见于 benner 中出现多个主题物,主题物在下方如数排列,但依据视觉动线的原理,人们习惯性的从上而下的接收信息,所以上方文字在排版和设计,上需要处理。例如颁奖活动等内容。

文字居中排版:“左中右构图” 这种形式是最好突出文字的一种方式,与左右排版上对比,这种方式比较难以掌控。趣味性也相对较低,形式上居中位置的文字是 banner 中层级最高,最需要被用户注意到的内容。周围元素主要起到陪衬作用。举个列子,游戏、比赛封面等对立对比的信息等。

环绕式排版:“图中有文",由于文字居中,层级性较高。相关元素围绕文字形成环绕效果,有效的强调文字,但在单一的文字排版会造成视觉中心留白空间过大,画面太空,这时的文字设计就需要更大更加突出,字间距相对拉小。设计上装饰性会更多一些将文字设计更加偏向图形化。例如折扣活动、节目标题封面等。

纯色蒙版给文字垫底:一般用于图片以摄影作品或者抽象的图像为主,因为摄影作品为写实作品,抽象作品會加大减弱图像信息,这里的图像主要作为一个装饰,不能过多破坏其西面,所以选择文字的设计样式会相对简单,否则画面会乱成一团,影响用户识别信息。例如音乐影视封面等内容。


如有任何网站建设需求

KINGTIN·经天网络 欢迎您的垂询

More Related Articles

建材五金作为传统行业,在信息技术的发展下也需要适应网络化的发展趋势。建材五金网站的建设是非常必要和合理的,可以帮助企业展示产品优势,吸引更多客户,提高销售额。

在建材五金网站的主页上展示主要品···

建材再生是建筑行业可持续发展的重要话题,随着全球对可持续发展的呼吁不断增强,建筑行业也在寻求创新的解决方案来减少资源消耗和环境污染。建材再生的核心理念是将废弃建材重新加工利用,从而减少对原生资源的需···

中国再生有色金属行业展现出了新型的发展势头。随着全球对可持续发展的关注不断增加,再生有色金属作为资源利用高效、环保的替代品,受到了更多关注和推动。政府政策的支持和产业技术的不断创新,为再生有色金属行···

关于航空航天行业网站,一般都是以蓝色系为主,科技感也比较十足,访问者刚进来网站首页,机会眼前一亮,一种充满航空航天的感觉,就像蓝天白云一样,没有那么疲惫的感觉。我们要考虑网站的栏目和板块,把航空航天···

随着半导体行业的不断发展,半导体行业的网站建设需求量也会比较大的,那么半导体网站怎么做呢?

对于用户来说,半导体行业的型号是很多的,除了根据对应的产品目录来找到对应的型号,对用户来说,直接搜索···

我国的制造业企业拥有较大的体量和完善的产业体系,这使得我国在全球制造业竞争中具有明显的优势,为经济发展奠定了坚实基础。当前,我国正从“中国制造”向“中国智造”转型,人工智能、物联网、大数据等新技术与···

View View