坚持为客户提供有价值的服务和内容

如何快速设计好Banner?6个步骤帮你速成!

互联网 | 2022-04-20 | 分享至:

全球看颜,网站看Banner,店面当然要好看,但是许多同学们认为做Banner是门技术性工作,自身学艺不精做不来。假如你看过今日这篇文,便会搞清楚,技术性于Banner,如同刀功于人,虽然有招数,但无武学支撑点,久战满盘皆输。而这篇好文章,便是Banner的内功修炼心决,按6个流程来,速学终有一别。

@Heidixie(阿里著名网页设计师) :精英团队小伙伴们问起这种情况,发一封邮件分享自己的构思,顺带贴过来。

可用前提条件:

外行视觉室内设计师 没过多空闲时间去干。 为什么要做banner?banner是用于传达信息的。一切不因传达合理信息、合理传达信息的banner全是yy. baner是用于促进用户行为的,也即Call To Action。没法让用户造成你所期待的banner全是失效的。

因此,先解决一个错误的了解:banner只是拿来装饰设计用的,只是就是为了吸引人留意啥的念头。

因此,大家既然是外行室内设计师,还要回到到做banner的源头,因为做到之上实际效果,与此同时兼具美观大方、大气、漂亮。

大气和漂亮的banner不一定必须深奥的视觉方法,和麻烦的PS作用,但要兼具视觉的一些基本原则,我稍候会列举。

著名步:界定要传达哪些信息

这一步,和视觉、审美观什么的都没事儿。

例如,半月谈,我们要传达的信息有:


知名品牌LOGO,让用户一眼就明白哪儿制作,下一次产生条件刺激,所说的视觉认知能力是必须一定的反复的,仅有持续反复才可以加重用户印像。 子品牌LOGO,让用户了解大家出什么,而且有系类感。

之上就是我们要传达的关键信息了。你也可以觉得这就是一个BANNER,仅仅――看上去没那么好看罢了。

可是,大家发觉信息还不够,大家还想要传达:

他们的具体内容大概是哪些,进而让用户产生希望 既然是系列产品,我们希望用户可以明白这是第几期,进而当他们要想从某一期有兴致时点一下到所有,也是有地区去。

因此,大家把信息又放出来。现在我们有4类信息。

第二步:界定信息的优先

虽然我们有4类信息,可是优先毫无疑问不一样的,因此相匹配到设计方案上,大家给它放的版面的多少、颜色的明显是不一样的。

第三步:考虑到用户视觉途径

也即你要正确引导用户首先看哪儿,再看哪儿,然后干什么。

一般,用户的阅读文章从上向下,从左往右边,因此一般关键的信息会放进左上方。

但是这些标准能够用醒目的图片、晃眼的颜色随便摆脱,可是我建议你不必随便这么做,所有的图片和颜色都需要更有意义,为什么要用这个图片为什么要用这一颜色。

保证用户一开始有视觉核心,假如用户一眼不清楚首先看哪些,那样这个banner便是不成功的。

拥有视觉聚焦点后,你能从视觉聚焦点延伸起来,应用视觉中的亲密性标准(把具体内容相仿的地理位置挨近一些、比照标准这些),正确引导用户从视觉聚焦点从而了解到别的关键点、或是促进行为的事物。

第四步:考虑到规范鉴别颜色

即然我们要传达企业形象,请保证色彩搭配从他们的规范VI色盘里挑选,而不要随便用。

我就是配色弱怎么办?有这3个大斧无人能敌:《秒变配色高手!怎么都不会错的6条网页设计配色原则》

记牢,知名品牌传达,可重复性至关重要。就像我们见到红、黄、白颜色会想起肯德基,见到绿和黑就会想到星巴克咖啡一样。

第五步:做视觉的排版设计

(不必考虑到过多设计方案专业技能,不然就深陷到:不是我技术专业的,因此我不会做设计方案上)

排版设计上,信息早已详细,优先早已出去,无非就是把它越来越漂亮一些罢了。

让banner漂亮的好多个秘诀:

1. 两端对齐

很找邦企吧,让具体内容竖向、横着都是有一条线,能够两端对齐。要不垂直居中,要不底端。尽可能保证网页页面上不能有一个元素,没有原素和它可以产生两端对齐的关联。

2. 亲密无间

不能让全部内容也没有集中地堆在一起,让这些关联较为亲密无间的具体内容汇聚成一个地区,不能让一个banner上的范围超出4个。

3. 简易层次感:

千万别加一切PS的ps滤镜、黑影、能不渐变色也不渐变色,由于早已不流行了,不要盲目应用各种各样款式。

4. 如果要用标志,尽可能挑选款式统一,且可以维持你优先顺序的数据图表。例如大家正确引导用户首先看左侧,再看右侧,结论你一直在右侧的标志里选择了一个猩红的,很有可能用户的视野立刻被招引过来了。

5. 不能让字体样式超出3种。尽可能用宋体、黑体字、方正黑体,不能用哪些魏碑体、行楷字等,一看就较为仿冒。

第六步:做更多的是装饰

假如你不想做,实际上上边还可以了。

想要做得话,我们能:

例如花一点时间去干一个受欢迎的扁平化设计背景装饰――还是得注重一点,不必为了能装饰设计而装饰,每一个装饰设计都需要更有意义、让环境更为有层次感。例如加一点磨纱觉得。 例如,你还可以适度转换下其他排版设计,例如:垂直居中的排版设计,比较容易正确引导用户从上向下的浏览角度,都是好多人懒惰比较喜欢的排版设计设计风格。

总的来说,做banner有一大半的心力是整理信息、设置优先、设置用户访问顺序,和PS的招式并没有过多关联,因此,每个人可以去试着搞好一张看起来很有设计感,可是事实上又没花什么时间精力的banner。专业网站建设企业每日共享seo优化专业知识,我希望你能与您变成忠诚的好好朋友,一起学习讨论建网站技术性。

扫二维码与项目经理沟通

7*24小时为您服务

解答:网站优化,网站建设,APP开发,小程序开发,H5开发,品牌推广,新闻推广,舆情监测等

  非常感谢您有耐心的读完这篇文章:"如何快速设计好Banner?6个步骤帮你速成!",更多内容请继续浏览,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:网站建设与开发网站优化品牌推广、APP开发、小程序开发新闻推广等服务,我们以“降低营销成本,提高营销效果”的服务理念,自创立至今,已成功服务过不同行业的1000多家企业,获得国家高新技术企业认证,且拥有14项国家软件著作权,将力争成为国内企业心目中值得信赖的互联网产品及服务提供商。如您需要合作,请扫码咨询,我们将诚挚为您服务。
我要咨询
姓名 :
电话 :
文章分类