掌握六个步骤轻松设计医院banner

2022-12-04 11:06 网友投稿

  Banner设计是网站设计上最常用也最主要的一块,虽然Banner设计比大型的网站设计项目来说不够引起大家的作用,但是好的Banner设计也会成为整个网站设计的点睛之笔,而且也会因为成功的Banner设计而让整个网站更加出彩,那么对于医院网站的Banner设计我们应该如何来操作呢?今天赢在威客网小编就给大家分享相关的小知识:

  一、banner设计技法

  1、名词解析

  banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。

  2、banner的格式

  banner根据投放位置的不同所以大小格式也不同。

  3、banner设计中的要点

  在banner制作时要注意思考定位,决定风格,设计要和品牌形象和氛围一致。

  注意区分主副标题。

  在banner设计中主标题和副标题组合成了整个banner中的文字空间、所以要着重强调主标题、强调关键字、强调主题、注意主次之分。在文字要求上同一banner中不要超过三种字体样式,过多的字体样式会显得画面“乱”。还要注意字体设计,画龙点睛。字要清晰可见。

  如上图世界杯的字体经过变形后,字体和画面会显得统一协调、不会显得死板。

  二、banner设计规范

  1、构图

  斜线构图:斜线类构图是具有破格感的构图、这种破出的方式会显得画面具有活力、时尚的感觉。

  三角类构图:三角类构图给人稳固的感觉会显得画面稳定,更易突出重点。

  紧凑式构图:将画面内容集中于一点、和三角类构图效果表达上相似、容易突出重点,吸引注意力。

  均衡式构图:画面元素在布局上均衡,对称、是画面统一协调,平衡感强。

  2、布局

  上图下文:上面图片下面文字的板式对用图要求较高、用户注意力会首先集中在图片上,所以用图要鲜明,突出重点。

  上文下图:适用于移动端的banner、文字居于上方方便用户查看。

  右图左文:与左图右文的布局格式相反但都是常见的banner布局格式,方便用户查看、画面清晰。

  左图右文:画面对称,常用于较长的格式的banner、也是最为常见的布局方式。

  左中右:画面丰富、适用于素材较多的排版格式,方便罗列。

  中心布局:中心集中、突出重点。

  三、设计风格:

  一般情况下风格在跟需求方沟通的时候就已经定好了大概的方向,同时我们可以问他要一些参考,进一步确认风格,还有种情况是需求方方没有任何的要求,就说让你自己把握就好,那这个我觉得也是分两种情况,一种是需求方真的信任你,放手让做,还有种就是其实他自己也不知道要什么样的,只是想等你做出来以后看了再说,如果是这种情况不讲清楚的话很有可能就会面临重做的悲剧。第一种类型基本就不需要太操心,自己根据内容什么的来把握就好。第二种类型的话就需要引起注意了,我们可以自己找一些认为比较合适的参考让需求方来选择,然后根据他的选择和需求方确认风格,防止他后面说什么不要这种风格的,重做一版看看之类的。那么怎么来分别是哪种类型的呢?我觉得吧一些经常合作的,是完全可以根据以往的经验的来判断他是属于哪种类型的,如果是第一次合作的我就会先直接判定为第二种类型,也就是他自己也不知道要什么样的,以后再根据他的表现重新分类好了。

  下面我就按照我们这边的风格风向标来举一些例子:

  1、时尚风:

  可以看到上面这2个banner都有共同的特点,大标题、模特,报刊潮流杂志风。

  2、复古风:

  复古风的重点是传统元素和复古图案,像第一个用了书法字体跟水墨感觉的图案,第二个则是包含了传统的剪纸元素。

  3、清新风:

  清新风的重点就是清爽、唯美,轻盈色调跟自然系,比如上面这个banner就让人感觉十分的清丽和透亮。

  4、炫酷风:

  这种风格通常比较多的是深色背景,有一些比较质感的元素跟光影特效。上面这个其实是我当时给一个活动做的版头,平时这类风格做的会比较少点,写分享的时候也没有找到合适的banner,就拿了这个,我觉得可以归类到这个风格。

  5、简约风:

  简约风的特点就是极简主义、大空间,就像这个banner没有任何过多的装饰元素,整体感觉就是非常的透气

  四、设计排版

  所谓排版,即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面达到美观的视觉效果。之前在网上看到过一篇关于ppt排版六原则(对齐,聚拢,重复,对比,强调,留白)的文章,我觉得这个在banner的设计中也是同样适用。这里我把这些原则稍微修改了下,更加适用于banner的设计。

  一、对齐原则

  相关的内容要对齐,方便用户视线快速移动,一眼看到最重要的信息。

  二、聚拢原则

  将内容分成几个区域,相关内容都聚在一个区域中。

  三、留白原则

  千万不要把banner排得密密麻麻,要留出一定的空间,这样既减少了banner的压迫感,又可以引导读者视线,突出重点内容。

  四、降噪原则

  颜色过多、字体过多、图形过繁,都是分散读者注意力的”噪音”。

  五、重复原则

  排版时,要注意整个设计的一致性和连贯性,避免出现不同类型的视觉元素。

  六、对比原则

  加大不同元素的视觉差异,这样既增加了banner的活泼,又突出了视觉重点,方便用户一眼浏览到重要的信息。

  下面我讲下比较常规的版式,主要是大方向的,时间紧的时候可以选择一种拿来直接套用,这里我根据以往的经验大致分了6类:

  再讲下文字的排版,文字的排版要求重点突出,大小粗细错落有致,字体保持在2种左右,像下面这种大尺寸的banner文字就可以适当的做下变形,加入一些跟内容有联系的元素或者图形,可以更好的表达整个设计的情绪。

  六、设计配色

  色彩是由色相、明度和纯度构成的。色相即颜色的相貌,用于区分各类颜色,如红色,黄色,绿色,蓝色等;明度即颜色的明暗和深浅,或者说颜色含量里白色的多少;纯度即色彩的饱和鲜艳程度。每种色彩都会因为色相,明度,纯度的不同,表现出不同的色彩感,色彩是有情感的,不同的配色会带给人完全不同的心里感受。所以当你在做banner的时候就要考虑你想要表达什么样的情感,想让用户看的时候有什么样的感受,你所表达的情感是不是符合主题内容,基于这些出发点再来做banner的配色就更加的有目的性了。

  以上就是今天小编为大家分享的关于医院banner设计的一些小常识,在设计中注意上述的这些问题,相信您得到的设计效果一定会非常不错。

  


声明:该内容系网友自行发布,所阐述观点不代表本网(威客牛)观点,如若侵权请联系威客牛删除。