96编辑器旗下产品
找图
终身
ID:0
到期时间:永久
退出登录
您的位置:首页 > 百科管理 > 详情

手提包banner图模板-关于banner设计

原创:找图网 2023-04-30 18:13:56
  • 什么是Banner,如何设计好的Banner图?

  • 1、首先我们应该了解下,banner图的尺寸大小是多少,banner图的主题风格应该是什么样子的,因为这涉及到banner图制作的主视觉效果,这之中包括其结构以及颜色。

    2、确定好主题风格之后,接下来我们就要进行素材的收集,其中包括背景图案、元素收集、文案制定等工作。

    3、确定banner图的整体布局,其中包括主要元素布局的结构、文字的大小、每个小元素的占比、位置的确认等。

    4、编辑元素。大部分时候,我们收集上来的元素是无法直接使用的,这个时候需要我们首先对元素进行编辑,包括图片元素的抠图,当然还有其他的一些简单的方法,看自己的具体操作吧。

    5、对元素进行组合以及特效的编辑,这其中包括颜色的渐变,以及对图层混合选项的编辑操作等步骤。

    6、根据banner图的用途保存成相应的格式,在网络环境下进行展示,一般都会选择保存成jpg格式的图片,但是同时,小编建议保存一份源文件,以方便以后进行修改。

  • banner的引用领域有哪些?

  • 1)大家经常在各种大大小小的网站都能看到的广告banner或者焦点图,它们都有大有小、可长可短,但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。

    2)大家通常可以在各种游戏网站,房地产网站,各种活动专题页中见到,也就是大家常说的头图,这种类型的banner通常并不是引导用户去触发点击,而是服务于内容,为整个页面做好气氛的渲染。

    Banner包含的三个部分

    1.文字(占主导地位)

    大家都知道我们从图形上解读信息的能力是要大于单纯的阅读文字,但是在banner的设计中,大多数情况下我们都是通过文字来了解信息,图片知识起到一个衬托的作用,做banner的时间分配里对字形的处理可能要占到50%甚至更多的时间。

    1)需要对文案内容负进行处理

    使内容更符合信息传递,如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行强调,突出主要的信息,弱化非关键词。整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文、域名、频道名等。

    2)需要考虑到字形

    文本主要包含标题和辅助性的文本。标题部分一般需要进行些设计处理,提高画面的艺术感和吸引力。钢笔造字是在做字形设计上一个比较讨巧的方法,但却又十分有效。笔画连接,做笔画连接时只有合理的安排需要连接的笔画,在笔画收尾和边缘做一些简单造型处理,那么都会出来一个比较好的视觉效果。在做笔画连接时推荐使用一些笔画粗细比较统一的非衬线字体。

    形状替换:根据文字的具体含义来设计字形的一种方法。比如把卖表的文案中出现“时间”把日字旁换成钟表。卖服装,把“装”字的衣字底改成衣服的团等,这种设计往往带来新奇的视觉效果。

    3D设计:如果要在banner中想突出文字,把文字做成3D效果可谓是最“粗暴”的一种解决方法,只要处理方法得当也可以达到很好的效果。可以通过对多个文字副本移动,或重复变形,做出简单的立体效果。

    介绍性文本或者次要信息部分,一般是低调处理,一般使用一些通用字体。字体两种作呕即可,太多会使画面失和如果使用一些商业字体,需要注意使用授权的问题,避免产生一些法律纠纷。

    普通字体可以通过一些简单方法焕发活力。

    字体处理:

    1)给字添加背景,以达到突出文本,拉开字语背景的层次的目的。

    2)对字体倾斜处理,整体看起来就活泼跳动了很多。

    3)对文本进行斜切处理,打破沉闷的版面布局,可以说是百试不爽。

    2.主视觉图

    主视觉部分一般放置产品图、任务模特等。产品图的选用要切合题义,不过这部分,大多一般都会有素材提供,不需要我们过多花费精力。需要注意的是,在使用补充素材时,要保证图片清晰,部分图片不清时,可以使用如花滤镜处理一下。一些扣图,调整图片色彩灯操作,这些都是通用技术。

    3.背景

    背景部分可以烘托出整体气氛。

    三种类型的背景:

    第一种使用的是纯色的背景,通常这种设计使整个画面显得很清新、简洁。

    第二种是渐变型的,可以增加设计的效果,使整个画面更加绚丽,一般一些科幻类可以用到。

    第三种是带有复杂背景的,一般用在特殊的专题当中,用于烘托出主题的特点。

    背景的选择需要根据网站和主题的风格来予以确定。比如历史专题频道,则会选择复杂的背景图片来烘托气氛。而清新现代风格的网站可能会选择浅色背景。对比不足的时候,可以对文字后背景虚化处理、减淡背景色。

  • 关于banner设计

  • 一个完整的banner包括了五个组成部分:文案、模特商品、背景、点缀元素、logo

    点缀元素

    1.点缀元素的作用:

    (1)从视觉上来说,丰富了画面,使画面不再单调或看起来更加协调

    (2)从营销上来说,渲染了氛围,给人愉悦或刺激感,增加用户的点击

    2.点缀元素的存在形式

    (1)商品本身既是主体也是点缀元素

    (2)手绘图形作为点缀元素

    (3)光斑作为点缀元素

    (4)色块作为点缀元素

    (5)各种液体、粉末作为点缀元素(如喷溅的墨水、奶、水、啤酒等)

    (6)  烟雾作为点缀元素

    (7)各种纹理图案作为点缀元素

    (8)人作为点缀元素

    (9)logo或文字作为点缀元素

    3.点缀元素的获取方法

    (1)元素提取法

    本身产品和素材相互呼应,或者跟产品材质相关的元素作为点缀元素

    (2)联想发散法

    从标题的字面含义或者深层含义去联想,从风格统一性去联想,从意境方面去联想,可爱的banner常常运用手绘简笔画等点缀元素

    4.点缀元素的注意事项

    点缀元素的数量要适中

    图1相当于是一张没有点缀元素或者点缀元素跟背景相似的banner。图2相当于是加了跟主体相近或相关联的适量的点缀元素,对比发现,图1比较单调,图2更加饱满。

    同量同色的点缀元素利用不同的处理手法带来的视觉感受是不一样的

    图2/图3/图4的点缀元素数量是一样的,但是在对点缀元素运用了高斯模糊或者动感模糊等处理手法后,画面开始变得有空间层次感,也更加灵动了。

    一些关于banner的文章

    1.

    6招搞定点缀元素的运用

    最新文章 更多
    最新素材 更多
    公司介绍 网站地图 图片资讯
    Copyright © 2010-2022 山东找图网络科技有限公司  鲁ICP备18007836号-3  邮箱:15653358549@163.com