细说APP Banner设计技巧

用户头像
武汉/设计爱好者/7年前/728浏览
细说APP Banner设计技巧
用户头像
简优

每天进步一点点

看过不少banner设计的案列和教程,然而等自己下手的时候还是脑袋空空、束手无措,做出来的banner图也总是感觉缺少点什么,下面是我做banner图总结出来的几点经验,我们就从banner的组成主要几个要素出发,讲一下具体怎么出一张banner图;当然我介绍的banner案列都是常用的几种设计形式;


首先我们从运营那边拿到需求,沟通清楚后,我们要搭一个框架,这个框架包括:

  •  设计风格

  •  构图和排版

  •  色彩


框架搭好后, 我要去填充banner图里面的内容了,首先我们要知道Banner是由那几个要素组成的,Banner组成要素包含4个方面:文案 、文案配图、背景、装饰物。


  1. 首先我们从文案入手,文案我们要从两个方面讲解,第一个是文字设计,第二就是文字排版;


   我们先从第一个方面文字设计这个方面细说,这里给大家推荐一个大佬的字体设计文章   这篇字体设计教程,可能让你少赔几万    非常的实用!

  文字切割,这种处理方法一般是在字体的某部分或连接处切割处理,或是在切割处增添一些元素;这种处理好处是,让字体更具有艺术感,画面更具有空间感,让banner整体增添几分文艺或神秘的氛围;下面是我从一些banner图上截取的文案部分;




字体变形;我们看下面左图,这里将字体进行了一个扭曲处理,在右图中,设计师将字体端点细节进行处理;或者将字体粗细,笔划进行形状的改变,这里就不一一举例啦,这种处理方式使文字“活”起来,更贴合文案语义;



给字体某部分笔划进行模糊/擦除/透明度/色差处理,一般是将字体的笔划模糊或透明度处理,或用画笔擦除字体,或改边某个笔划的颜色,总之处理方式多种多样但都大同小异;这种处理方式的使字体看起来更为立体或者更贴合背景;

                                       


给字体添加“高光/投影”等字体样式,这种处理方式不是直接在图层样式里面加高光或投影的样式,而是是在字体上添加一些比较扁平的的高光元素,或者在字体后面加一些线性或面性的“投影”元素,使字体看起来更立体,又与背景十分贴合;


1-2.上面我们说完字体几种常见的处理形式,下来我们来说一下Banner文案常见的几种排版样式吧;

横向排版,这种排版样式比较常见,一般是用字体大小/粗细/类型/颜色将主要内容和次要内容区分开,这种排版显得层次分明,一目了然;

倾斜排版,这种排版一般用于冲击感比较强的页面,比较有动感和活力

纵向排版,这种排版形式适用于文案内容比较少的排版,多用于比较古典和文艺清新的页面;

错落排版,这种排版看起来参次错落,更具有美感和气势,但这这种排版也限于文案内容比较少的Banner上

波浪排版,这种排版形式比较少见,这里还是说一下,这种排版形式比较活泼,能增强氛围;

2.上面我们讲到的是文字处理和排版,那下面我们就讲一下文案配图


插画配图,这种对设计师的要求比较高了,需要自己去手绘插画图,当然也可以去找素材;


实物配图,一般这种直接使用某个产品/人物/场景的图片,但是这种对图片的清晰度和构图有比较高的要求;


图片转手绘配图,这种配图的处理方法是将图片转化成手绘的风格,这样就解决了图片不清晰,和背景图融合度不够的问题,而且还更有设计感



3.下面我们再简单讲banner背景啦,常见背景类型有4种:纯色背景、渐变背景、纹理质感背景、图片背景;前两种很好理解,纹理质感背景常用的是纸张或石头/地表纹理或是杂色纹理,图片背景对图片的清晰度和美感都有要求;


4.装饰物,分为背景装饰和文案层装饰


4-1常见的背景装饰,有点、线条、几何形体、发光体

4-2文案装饰,常见的文案装饰有线条、几何形体,或根据文案语意环境的加入的图形



10
举报
|
15
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】钱包icon
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
UI界面 组件
我的钱包-UI界面设计-app
高级表盘系列UI源文件
手表表盘UI系列
Security Camera UI kit
拟物风质感写实UI卡片合集源文件
钱包ui模板
【新年UI图标】汽车icon
【新年UI图标】30个图标
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】体育icon
UI通用设计素材1
新能源APP应用UIKit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】会员icon
UI 登录界面设计模板包
盲盒APP UI设计
【新年UI图标】礼物/活动icon
你可能喜欢
相关收藏夹
大家都在看
登录注册