首页 >

如何科学而又快速设计banner – CSS – 前端,$css删除元素

css图片位移,css揭秘txt,图片移动css代码,css文件中 表示什么,css3制作动画,css3动画导航栏,$css删除元素如何科学而又快速设计banner - CSS - 前端,$css删除元素

Banner设计因为尺寸的限制,内容排版方面一定要做减法处理,突出主题,弱化背景以及一些无关紧要的装饰性内容。

如果有好的文案工作人员,像最先需要处理的文案梳理、设计的主题及文字的优先级别都会轻松很多。

如果没有文案工作人员,那么就要在文字上多下功夫,广告文案要表达准确、优美流利、用最少的字数来表达出主题和一些产品的或者其它的相关内容。

对于文案梳理好的设计者来说,首先要根据所投放平台的设计风格、环境来考虑所做banner图的主色以及设计风格,来贴合投放平台的设计,使其不至于突兀而影响到整个平台的视觉效果。

想要科学而快速的设计banner,可以从以下几个方面入手。

1、设计布局

Banne设计的布局大体上可以分为三种,请看下图:

居中对称布局

左右布局

左中右布局

2、色彩搭配

人们在生活中积累了丰富的色彩印象,色彩也被灌输了很多的象征意义,配色不同,就会有寒冷、暖和、强烈、柔和、明亮、黑暗、朴素、华丽等各种不同的感情效果,做为设计者就要了解各种色彩分别适用的场合和风俗习惯。

比如暖色系的红色会引起人们兴奋、热烈的感觉,象征革命、忠勇,春节人们也爱用红色书写对联,装饰房间。

橙色活跃、跳动,黄色轻快、明亮,不同饱和度的黄色又有不同的感受和象征。

冷色系的蓝色给人安静、稳定的感觉,是科学领域的常用色,是智慧和征服自然的力量,成为现代象征色。

绿色是大自然的主宰色,象征生命与希望,紫色给人幽静、高贵的感觉。

白色纯洁、干净,黑色高雅、超俗,不同的国情和风俗,使得颜色又有了不同的象征含义,这一块作为设计者也要特别留意,避免出现不合时宜的配色。

根据产品的特点和设计的主题选择适合的主色至关重要,在颜色的运用上最好不要超过三种颜色,大致上可以参考以下几种的配色方法:

一、巧用对比色

定好主色后,小面积的使用对比色,即突出了重点又活跃了版面。

二、同色系颜色运用

通过饱和度、明度的变化来丰富版面。

三、相近色运用

同一饱和度的相近色的搭配,即便颜色过多,在视觉上也会很舒服,不会显得突兀。

3、字体的选择

文字是banner设计的中最直白的传达信息的重要内容。因此,banner设计中的文字应避免繁杂零乱,只要突出主题,设计的简洁明了就好。

字体是文字的风格和外衣,每一种不同类型的字体都有其相对应的个性和风格,不同的产品和诉求,应选择与之相呼应的字体。

一、力量型字体

黑体系列的字体,笔画横平竖直,结构醒目严密,笔划粗壮有力,常用在标题或需要引起注意的文字上,比较适合科技类、运动类、器械类、体现力量方面的设计,男士产品相关方面的设计也比较适用。

二、柔美型字体

宋体、楷体、圆体等线条纤细的字体系列,秀丽清雅,纤细的字体表现出高贵、典雅的女性文艺气息,比较适合女士用品及周边相关的产品的设计。

三、卡通型字体

方正稚艺、卡通,汉仪丫丫、娃娃等可爱的卡通字体一般用在儿童用品中,活泼、跳跃、不严肃。

四、古典类字体

用于文章标题使用的魏体、隶书; 行笔自由、静中有动的行楷; 寓巧于拙、借古于今的舒体;还有苍劲古朴的书法字体,给人浓厚的历史文化气息,飘逸灵动却又霸气十足。适用于文化宣传类、书籍类、游戏类等相关的banner设计中。

4、留白的应用

合适的留白使设计作品不会有满溢的感觉,还能大大提升设计作品的逼格。留白并不是单指留出的一片空白背景色,而是指留出空间,留白可以是其它的任意颜色,也可以是整体看起来比较简洁大气的设计风格。

对于设计者来说,掌握一些留白的理论知识,可以相应的提高自己的工作效率。当然留白也并不是所有的设计中都适用的,对于需要烘托氛围的设计,比如促销设计以及体现节假日的热闹喜庆的设计就不适用。

总结来说,banner的设计就是要布局合理、用色合适、主次分明、错落有致、占比协调。由于banner图的尺寸限制,在做设计时尽量做减法思维,在背景和图文排版上做相应的减法处理。熟识掌握了以上内容,基本上就能快速的设计出适合的banner图了。

文中配图来源网络,如有侵权请联系删除。

css图片位移,css揭秘txt,图片移动css代码,css文件中 表示什么,css3制作动画,css3动画导航栏,$css删除元素如何科学而又快速设计banner - CSS - 前端,$css删除元素


如何科学而又快速设计banner - CSS - 前端,$css删除元素
  • hr标签带不带斜杠 - CSS - 前端,网页html css素材
  • hr标签带不带斜杠 - CSS - 前端,网页html css素材 | hr标签带不带斜杠 - CSS - 前端,网页html css素材 ...

    如何科学而又快速设计banner - CSS - 前端,$css删除元素
  • html文档名可以用数字吗 - CSS - 前端,播放器渐变色css
  • html文档名可以用数字吗 - CSS - 前端,播放器渐变色css | html文档名可以用数字吗 - CSS - 前端,播放器渐变色css ...

    如何科学而又快速设计banner - CSS - 前端,$css删除元素
  • DW软件中怎么在单元格中插入线条 - CSS - 前端,非自适应css框架
  • DW软件中怎么在单元格中插入线条 - CSS - 前端,非自适应css框架 | DW软件中怎么在单元格中插入线条 - CSS - 前端,非自适应css框架 ...