如何做好banner设计(banner设计要点包括哪些)

news2024/11/15 6:57:12

网页设计的Banner作为表达网站价值或者传达广告信息的视觉主体,一直在根据网络环境的变化而变化着,从表现形式到尺寸大小,再到创意的多元化,因此更需要我们网页设计师们对其设计创意进行丰富和完善,才能真正达到宣传的目标。

Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,怎么在方寸间把握平衡,变得十分重要。Banner中的视觉要素主要包括:背景、图片及文字,此外Banner的投放环境对其设计也有极大的影响,这些都是设计时需要考虑的重点要素。

1、分析需求

任何设计的第一步都是对用户需求的分析,在Banner设计开始前,设计师应与需求方沟通,确定需求,找准定位,然后再有针对性地开始设计,色彩搭配要与整个页面相协调。

2、Banner颜色

(1)下面两个banner哪个更吸引你呢?对比之下,我们会发现大多数人觉得后者给用户带来的视觉传达力更强,简洁明确、朴素有力的效果,给人一种重量感和力量感。前者颜色虽多,却没有带来更好的视觉传达效果。这是因为颜色过度使用会打乱色彩节奏,并且,减弱了颜色间的对比,使整体效果变弱。

(2)其次,使用颜色越多,最后保存时文件体积越大,加载起来越慢,让用户等待就意味着和用户说再见了,如果靠降低品质来达到Banner的上传要求,那展现给用户的是低质量的banner,也一样会丢失一些用户。
在这里插入图片描述

3、图片与文字

一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。

但是,文字的搭配也能够一目了然地让受众知道所要传达的主题是什么,但如果文字与图片协调不好,也容易出现反面效果。下面这个Banner看起来比较清新,符合环保、健康的主题,图片没有过多的元素,但由于图片用的浅色,文字也用的浅色,用户是很难看出来,影响阅读性,是此Banner设计的一大败笔。

4、banner设计注意事项

(1)Banner的文字用一两句话来表达即可。

(2)广告语要朗朗上口,突出重点。

(3)图形无须太繁杂,文字尽量使用黑体等粗壮的字体。

(4)图形尽量选择颜色数少。

(5)尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样会增加图形所占据的颜色数,增大体积。

(6)产品数量不宜过多。摆放太多产品,反而被淹没,视觉效果大打折扣。

如何做好Banner设计?

一般来说,Banner分为两个部分:文字和图片。虽然图片占比比较大,但是不加入文字说明的话,有比较多的情况用户是看不懂的,所以文字理所当然也是Banner的主角,文字的设计和排版在Banner图里显得尤为重要。如何做好Banner设计?
在这里插入图片描述

一个好的Banner必须要具备:

①文字简练,意义突出。

②标语精炼,容易记住。

③图片清楚且不宜复杂,颜色少主体明确,以便更好的搭配文字效果。

④产品Banner产品不宜太多, 找准更易识别的产品,提升视觉效果。
在这里插入图片描述

①分清需求文字的主次关系,带有Logo的和不带Logo的主次关系, 带有Logo的应该是Logo始终在前最显眼的位置处,接下来就是标题与标语。好的Banner文字都比较饱满和集中,Logo和标题应该更为醒目,标语作陪衬辅助Logo和标题来进行设计。
在这里插入图片描述

不带有Logo的, 应该是标题应该更为醒目,标语作为陪衬。切记文标题的设计与标语的文字排版,标题永远都应该更为突出,因为标题能给予用户正确的引导。
在这里插入图片描述

②当遇到需求文字过多的情况,要注意主要信息的提取,弱化辅助信息以及一些不重要的词汇。

③当遇到需求文字过少的情况,要注意用配图来弥补空间上的不足,或者是加一些辅助信息(域名等)以丰富画面,又或者是做出美术字体让画面更加丰富。
在这里插入图片描述

Banner分为动态和静态两种模式。我们经常看到的一些网页动态Banner虽然动态的确更能吸引用户眼球, 但是这种方式不适合长期使用,然而稳定的画面不容易引发特别的关注,所以现在的动态Banner以一个全新的微动态效果重新展现在人们眼前,不仅没有引发负面效果,相反的这种微动态更能让整个画面更有活力。
在这里插入图片描述

要时刻把握Banner的大小, 太大的将会给浏览带来压力, 打开时间长了,非常影响用户体验,所以在做的时候必须要时刻注意输出的大小,各个对应尺寸的大小尽量要在不损失图片质量的情况下进行相应的压缩。
在这里插入图片描述

①垂直水平式构图。平行排列每一个产品,每个产品展示效果都很好,各个产品所占比重相同、秩序感强,此类构图给用户心情,产品规矩正式、高大、安全感强。
在这里插入图片描述

②正三角形和倒三角构图。多个产品进行正三角构图,产品立体感强,各个产品所占比重有轻有重,构图稳定自然,空间感强。此类构图给用户心情,安全感极强、稳定可靠。
在这里插入图片描述

多个产品进行倒三角构图,产品立体感极强,各个产品所占比重有轻有重,构图动感活泼失衡,运动感空间感强。此类构图给用户心情,不稳定感激发用户心情,给用户运动的感觉。学牛升学网-教育信息服务平台
在这里插入图片描述

③对角线构图。一个产品或两个产品进行组合对角线构图,产品的空间感强,各个产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图给用户心情,动感十足且稳定。
在这里插入图片描述

④渐次式构图。多个产品进行渐次式排列,产品展示空间感强,各个产品所占比重不同、由大及小、 构图稳定、次序感强,利用透视引导指向。此类构图给用户心情,稳定自然,产品丰富可靠。
在这里插入图片描述

⑤辐射式构图。多个产品进行辐射式构图,产品空间感强,各个产品所占比重不同、由大及小。构图动感活泼、次序感强。此类构图给用户心情,活泼动感,产品丰富可靠。
在这里插入图片描述

⑥框架式构图。单个或多个产品框架式构图,产品展示效果好,有画中画的感觉。构图规整平衡、稳定坚固。此类构图给用户心情,稳定可信赖,产品可靠。
在这里插入图片描述

总之, 要做一个好的Banner图必须要抓住用户的心理,把握用户的需求来进行设计。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/165091.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Elasticsearch入门——Elasticsearch7.8.0版本和Kibana7.8.0版本的下载、安装(win10环境)

目录一、Elasticsearch7.8.0版本下载、安装1.1、官网下载地址1.2、下载步骤1.3、安装步骤(需要jdk11及以上版本支持)1.4、启动后,控制台中文乱码问题解决二、Node下载、安装(安装Kibana之前需要先安装Node)2.1、Node官网下载地址2.2、Node下载…

Linux文字处理和文件编辑(三)

1、Linux里的配置文件: /etc/bashrc文件:该配置文件在root用户下,权限很高。~/.bashrc文件:只有当前用户登录时才会执行该配置文件。每次打开终端,都会自动执行配置文件里的代码。比如,alias md‘mkdir’就…

《2022年终总结》

2022年终总结 笔者成为社畜的一年,整整打了一年工! 之前都说每年都有点变化,今年的变化可能就是更加懒散了,玩了更多的手机 就是运动的坚持更加多了,收入也增加了,哈哈! 其实今年的变化不大&am…

41. 【农产品溯源项目前后端Demo】后端目录结构

本节介绍下后端代码的目录结构。 1. 实现用户管理、菜单管理、角色管理、代码自动生成等服务,归结为系统管理,是若依框架提供的能力。 2. ruoyi-traces实现农产品溯源应用的代码,如果要引入其他Java包,修改本模块的pom.xml文件。 1)config包加载配置文件数据,配置文件路…

FPGA:IIC验证镁光EEPROM仿真模型(纯Verilog)

目录日常唠嗑一、程序设计二、镁光模型仿真验证三、testbench文件四、完整工程下载日常唠嗑 IIC协议这里就不赘述了,网上很多,这里推荐两个,可以看看【接口时序】6、IIC总线的原理与Verilog实现 ,还有IIC协议原理以及主机、从机Ve…

基于SpringBoot的车牌识别系统(附项目地址)

yx-image-recognition: 基于spring boot maven opencv 实现的图像深度学习Demo项目,包含车牌识别、人脸识别、证件识别等功能,贯穿样本处理、模型训练、图像处理、对象检测、对象识别等技术点 介绍 spring boot maven 实现的车牌识别及训练系统 基于…

3-1存储系统-存储器概述主存储器

文章目录一.存储器概述(一)存储器分类1.按在计算机中的作用(层次)分类2.按存储介质分类3.按存取方式分类4.按信息的可保存性分类(二)存储器的性能指标二.主存储器(一)基本组成1.译码…

6 个必知必会高效 Python 编程技巧

编写更好的Python 代码需要遵循Python 社区制定的最佳实践和指南。遵守这些标准可以使您的代码更具可读性、可维护性和效率。 本文将展示一些技巧,帮助您编写更好的 Python 代码 文章目录遵循 PEP 8 风格指南1.遵守 PEP 8 命名约定2. 使用描述性的和有意义的变量名…

读书笔记--- ggplot2:数据分析与图形艺术

最近看了这本书《ggplot2:数据分析与图形艺术》(第2版),实际上网页在线版本已经更新到第3版了(https://ggplot2-book.org/)。 这本书页数不多,但是整体还是值得阅读,不愧是Hadley W…

【Proteus仿真】【STM32单片机】酒精浓度检测系统设计

文章目录一、功能简介二、软件设计三、实验现象联系作者一、功能简介 本项目使用Proteus8仿真STM32单片机控制器,使用LCD1602显示模块、按键模块、LED和蜂鸣器、MQ-3酒精传感器模块等。 主要功能: 系统运行后,LCD1602显示酒精浓度值和阈值&…

插入排序.

根据找插入位置的方法分为: ①、顺序法定位插入位置——直接插入排序 ②、二分法定位插入位置——二分插入排序 ③、缩小增量多遍插入排序——希尔排序 一、直接插入排序(以升序为例) 先背模板! void insert_sort(int *a,int le…

远程服务器(恒源云)上使用NNI进行训练调参的详细流程

远程服务器(恒源云)上使用NNI进行训练调参的详细流程 一、环境配置 pip下载安装nni,(可使用豆瓣源,可快速下载,在安装命令后加 -i http://pypi.douban.com/simple --trusted-host pypi.douban.com&#x…

VUE|后台管理项目——动态路由权限管理

公共数据复用1.1 为什么要公共数据复用?因为我们只有把导航和路由的数据公共的提出来,我们才能告知后端人员需要返回什么数据。1.2 怎么数据复用呢?首先,我们可以在utils文件夹里新建一个navDate.js的文件:把我们需要的…

go入门知识

step1:去https://go.dev下载golang step2:下载jetbrains的Goland编译器(安装的过程会自动帮你配置好环境变量) 一个最简单的go程序 package mainimport ("fmt" )func main() {fmt.Printf("Hello World")}1.定义变量: …

蓝桥杯C51(试题内容学习)

因为C51只有一组数码管,但是我们需要显示的东西有很多,所以通过按键切换是我们必须要知道的 按键之间有嵌套,切换,计数,对于按键的使用我们是必须知道的 1. HC573锁存器的选择 我们在之前的基础上对其进行了优化&…

java+springboot笔记2023005--java基础

Java语言是纯粹的面向对象的程序设计语言,主要表现为Java完全支持面向对象的三种基本特征:继承、封装和多态。Java语言完全以对象为中心,Java程序的最小程序单位是类,整个Java程序由一个一个的类组成。 封装指的是将对象的 实现细…

【链表】无头单向非循环链表

本节知识所需代码已同步到gitee --》单链表关注作者,持续阅读作者的文章,学习更多知识! https://blog.csdn.net/weixin_53306029?spm1001.2014.3001.5343 单链表顺序表的问题及思考链表链表的概念及结构链表的分类无头单向非循环链表初始化链…

windows默认文件(桌面、下载、文档等)设置为C盘根路径后怎么修改回去

桌面、下载、文档等设置为C盘根路径后怎么修改回去1.问题2.解决办法2.1.按Win R调出运行窗口,输入regedit并按回车。2.2.在弹出的注册表窗口里,打开下面路径计算机\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\User Shell F…

1.15 SPI数码管实验

一.SPI总线 SPI是全双工三/四总线制串行总线,支持多主机多从机模式,常用单主机多从机模式 数据传输可以先传输高位也可以先传输低位。 四线(单主机多从机): MOSI:主机输出,从机输入 …