banner 中间的 Slogan Deisgn 设计分享

  主要分析如何巧用slogan(品牌口号,广告语),实现网页banner的创意表现。slogan在banner中占据着举足轻重的地位,slogan设计得好,可以成为广告图的点睛之笔,画面品质感明显提升。设计得不好,也能毁掉整个banner。

  如果说banner比作一个人的脸,那么就相当于脸上的五官,以及脸的架构。一个人是否帅气主要还是看她的脸的骨架和五官是否精致,同理你应该知道对banner视觉的影响有多大啦。

  下面整体的背景和产品质感都可以,但却给用户看着显得狠low,是因为被设计排版给了。( 这里随便选择了一些作品,只代表个人观点哦~ )

  1.排版以及大小对比度不够太过于小 所以压不住画面所以导致画面视觉冲击力不够2,英文和vi元素不搭配 文字无紧凑感,对比不够。

  我们发现一个banner设计的好坏,光靠质量高的图是达不到的,还要有一个好的Slogan设计。

  在画面中的构图常见为 左右对称 上下对称 对角对称 满屏 (Z L E )字形对称 黄分割比等

  主要根据画面中为图片主视觉元素 来定制在那里。最好不能画面的 平衡感 统一性 可读性等原则。

  注意 在使用的时候需要注意品牌的定位,运用,以及在画面中的比列等,尽量不要影响画面构图。

  方形最大的最用就是可以起到突出分割修饰等作用,可以得画面产生强烈的对比。方形运用的行业比较综合,

  下图中设计师为了让两端文案变得更整体,不被背景图片所干扰,所以采用了方框的方式进行设计,位于画面上下左右居中。

  作品也是采用了框型的元素使画面中的文案彼此不被干扰。在画面中位于左下角。巧妙的平衡了整个画面

  此作品原本人物和图片是紧贴在一起的设计师使用了线框的元素,巧妙的使得整个和画面变得具有层次感。

  这里设计师也是使用相同的处理方式,注意在使用线条的时候 一定要让线条穿插不一样的平面,才能给用户传达出前后层次的关系。

  其实和方形一样三角给用户的感受更加凌厉,主要运用在运动或者器械类行业偏多,主要给用户的目的也是起到突出吸引区分平衡画面等作用。

  同理圆形也是一样起到的作用 具有突出,分隔 ,等作用,主要给用户传达出平滑柔性的感受,圆形主要分为圆椭圆等常用于化妆品,偏向女性化小孩等用户群体居多。

  利用圆形让中间的在画面中突出出来,起到吸引用户的视觉,还能通过圆点让和背景和之间具有一定交互效果。

  这是一款适用于家庭行业的产品,设计师一样采用啦柔性的元素椭圆形和文字搭配让变得具有前中后层次感,而元素上的色彩也丰富了画面。

  不规则图形也是一样用具有突出,分隔 ,等作用, 常于运用在个性化行业中,比如潮牌,个人设计师网站等。

  slogan中往往提取一部分来自vi标志中的图形元素,会让整个设计起到画龙点睛的作用,这类设计常用在品牌网站中,用于传达企业的品牌知名度。

  右边设计作品中设计师直接将品牌vi图形元素运用在slogan中,向用户传达品牌知名度。这类运用挑选比较具有设计感的图形运用,或者具体vi的距离稍微远一些,这样避免画面元素重复。

  Slogan中的图形化形状来源于品牌vi的外形让画面变得具有透气感,同时也传达出来了品牌感。注意尽量挑选vi 轮廓有规律的图形来尝试。太复杂的话会让用户不太理解,以及画面的不美观。

  这里方法使用的比较多,也是比较容易的方式,右边设计作品Sloagn设计师就采用了品牌中的几何图和文字进行组合,有效的传达出了品牌概念。注意在选取元素的时候一定要选取突出的元素进行运用便于用户识别。

  设计师将slogan制作成绘画模式的,然后添加一些各种生活中的小元素进行结合让他们成为一体。给人趣味的感觉,注意一般做此类设计的适合切勿你添加的元素不要抢过了你的主体。

  设计师使用骷髅图形来表达自己想要的概念,配合slogan还是比较超前的,需要注意的是 切勿让插画元素和slogan之间的对比不大,比如颜色空间大小等。

  注意 在使用的时候需要注意品牌的定位,运用,以及在画面中的比列等,尽量不要影响画面构图。

  相对于图形化,图片的结合更加具有感染力。更块把带你带入情境中,主要作用还是宣传品牌为主。多数会从品牌宣传的元素中提取元素进行结合,比如代言人产品 视频 插画等。

  下面设计一看模特就知道是做他是什么行业的,同时图片在和slogan结合使用使得画面更加具有青和力,注意选择模特的时候一定要选择主体明确,具有品牌特色的模特还有很多就不多举例子了。

  在产品上增加文字能巧妙的向用户传达出产品的信息,同时拉开了节省了大量信息展示空间,又能在视觉上增加层次感主要运用于产品类网站。

  设计师在产品后面增加简单而大大罗马数字2,使得用户清晰的理解这是第二代产品,同时拉开了鞋子的层次感。

  同理下面作品设计师也是采用同样的方式。使用slogan和产品图结合 一样达到了预期的效果。值得注意的是我们在设计类似效果一定要用户能看的明白字的含义,字数不能太多,字体根据品牌或产品的形状选择。

  场景顾名思义使用和品牌相关的图片和文字之间进行组合起来,让字体不再单调。这里多数情况以h5方式来展示。

  这里也是采用来相同的方法,虽然没有展示图片的主体部位,但是采用了动效的方式播放,一样可以达到预期的效果哦,注意你的文字周围的元素一定不要强掉文字主体哦,一定是辅助而不是主体

  设计师为了让文字和场景完美的结合,让文字和纸张完美的结合,利用纸张和文字字母大小的前后关系打造出具有空间感的画面。其实这里利用举一反三的思,可以产出很多设计,比如书桌,书本,黑板等等...

  本来实物的花朵设计师使用了虚拟的手法让花变得具有层次感,最后画龙点睛将文字放在图的后面,让画面空间感十足。同样可以举一反三,比如你想表达汽车的车灯,网球的球拍等都可以运用相同的手法。

  比如三角,方形,多边形等非圆形更多运用在运动,机械,电器,男性化等行业,传达出 速度感,凌厉的调性。

  而椭圆,圆形等曲线类形状,更多运用在品牌定位为女性,小孩群体的用户比如化妆品,护肤类,幼儿园。 这类让用户更容易接近接受。

  而照片类的使用侧更容易感染用户,更多给用户传达出真实感。多数使用在画面背景干净,加强对比度,就能展示出照片的纹理,和线 :通过变化slogan整体的形状让他们变得具有设计感。

  常见架构偏向有正三角,倒三角,右边三角形这几种形态。这里就介绍长见到的正三角形的设计形态。

  常见方式有椭圆 圆形 这两种形态这样的排版方式,下面设计作品就是使用了圆框的元素和slogan结合使用,

  五边形六边形比较多运用在于字体排版往往会使slogan变得具有层次感。设计的时候切勿不能乱用哦,一定要符合设计的本质才能使用。

  使用倾斜的设计方式(弧形,左右倾斜,等等改变slogan整体形状的角度)告别死板的slogan设计方式。

  球形等运用会使得slogan外形框架更具有空间感。这里主要通过变形工具使得整个slogan形状变得曲面化。下面的设计测采用了圆形偏上的设计手法。

  下面slogan设计使用了竖列排版的设计方式使得整个画面具有设计感。 注意往往竖列排版给用户的阅读性不是很高,所以我们需要多控制文字多数量。以及主次关系。