网页制作广告图

Banner主要体现中心意旨，形象鲜明表达最主要的情感思想主要类型：网站页面中的横幅广告游行活动时的旗帜报纸杂志上的大标题一个好的Banner需要满足的二大条件1、明确的信息传达：2、合适的创意；明确的信息传达：因为Banner最主要的目的在于告诉用户我们要干什么，我们要告诉他们什么。所以在我们选择图片和文字信息的时候，一定要贴近Banner主题。在具体的Banner设计中，信息的传达方式无外乎2种--图片和文字。图片是一种最直接的传达模式，也是用户理解成本最低的信息接受渠道，因此在选图的时候一定要选择明晰的，一眼看上去就知道到底在卖什么，要表达什么。很多时候，一个拙劣的素材会毁掉一个很好的创意，可以说素材是Banner设计中的点睛一笔。那么什么样的素材算是好的素材呢？优良的素材1、图片的清晰度辨识性（模糊的图片会给人以不精致的感觉）图片质量选择高清晰的图片正确2、卡通素材的使用（谨慎）。通常卡通素材是有版权的，另外就是跟Banner内容的风格是否一致。3、再有就是图片内容的比例一定要保持1:1伸缩。细微的比例失调都容易给用户一种不精致的感觉。图片素材素材图片应该以真人实景为主。除特殊需求否则不推荐卡通效果类素材。图片素材当素材设计到大小调整或图片比重调整时，需按照1：1的长宽比进行缩放或修改。严禁压扁或拉长素材内容。正确正确Banner构图1、Banner构图的时候，如果选择整幅图片，那么要在文字的底部做相应的处理，要不然会使整个Banner显得突兀。2、Banner构图的时候，产品图片可以放在Banner图的左边或右边。不要放在中间位置。避免和文字冲突正确正确错误错误3、背景用单色的话，只在商品图片周围加一些质感类型的亮光。背景不可以用白色4、底色要和文字形成强烈的对比，使文字内容更突出。错误正确Banner规格尺寸大小不一，文件大小也有一定的限制，这就使得在设计上增加了许多障碍，颜色不能太丰富，否则会在文件大小的限制下失真，软文不能太多，否则会没有重点，得不偿失，怎么在方寸间把握平衡，变得十分重要。接下来，我为大家总结累一些，如有鄙陋，请指正，万分感谢。Banner构图Banner颜色简单至上(1)试想一个Banner五颜六色，是不是就能够吸引眼球了呢?首先，先对比一下哪个更吸引你的注意力呢?大多数人肯定会觉得后者给用户带来的视觉传达力更强，简洁明确、朴素有力的效果，给人一种重量感和力量感。前者颜色虽多，却没有带来更好的视觉传达效果，为什么呢?颜色过度使用会打乱色彩节奏，并且，减弱了颜色间的对比，使整体效果变弱。Banner构图(2)其次，使用颜色越多，最后保存时文件体积越大，加载起来越慢，让用户等待就意味着和用户说再见了，如果靠降低品质来达到Banner的上传要求，那展现给用户的是低质量的banner，也一样会丢失一些用户。所以，颜色简单有力，加载清晰快速，对于banner的视觉传达很重要，只要让用户产生点击欲望，我们推广的目的就达到了。构图的样式构图大概分以下几种：(1).垂直水平式构图(2).三角形构图(正三角和倒三角)(3)渐次式构图(4).辐射式构图(5).框架式构图(6)对角线构图(1)垂直水平式构图：平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同，秩序感强，此类构图给用户心情：产品规矩正式、高大、安全感强。构图的样式(2)正三角形和倒三角构图：多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情：安全感极强、稳定可靠。多个产品进行倒三角构图，产品立体感极强，各个产品所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情：不稳定感激发用户心情，给用户运动的感觉。构图的样式(3)对角线构图：一个产品或两个产品进行组合对角线构图，产品的空间感强，各个产品所占比重相对平衡，构图动感活泼稳定，运动感空间感强。此类构图给用户心情：动感十足且稳定。构图的样式(4)渐次式构图：多个产品进行渐次式排列，产品展示空间感强，各个产品所占比重不同，由大及小，构图稳定，次序感强，利用透视引导指向slogan。此类构图给用户心情：稳定自然，产品丰富可靠。构图的样式(5)辐射式构图：多个产品进行辐射式构图，产品空间感强，各个产品所占比重不同，由大及小。构图动感活泼，次序感强，利用透视指向slogan，此类构图给用户心情：活泼动感，产品丰富可靠。构图的样式(6)框架式构图：单个或多个产品框架式构图，产品展示效果好，有画中画的感觉。构图规整平衡，稳定坚固。此类构图给用户心情：稳定可信赖，产品可靠。图片文字文字是要进一步的告诉用户，我们这个是干什么呢，能给用户带来什么，是打折呢还是新货上市？因此，我们要按照我们的利益点的轻重来依次展现，例如我们最大的卖点就是“5折销售”，那么毫无疑问，“5折销售”的字样一定要大，要醒目，其余的则需要相应的弱化。3.尽量有掌控的使用英文，且拼写一定要正确1.字体传达：清晰易辨认，字体的类型一般选择锐利，平滑2.推荐方正字库汉仪字库文鼎字库系列字体。避免使用：幼圆，华文彩云，楷体等设计banner时，字体的几点注意事项正确错误设计banner时，字体的几点注意事项4.尽量避免对字体的变化，倾斜、拉伸、变形等5.进行字体设计时需适当留空，才可以使文字看上去更为协调6.给字体做阴影效果时，阴影不要太夸张。阴影颜色不易太深设计banner时，字体的几点注意事项7.谨慎使用描边，如果使用避免使用太亮的颜色描边，描边不要太粗8.避免大面积使用黑色字，会给人一种压抑，不舒服的感觉9.字体颜色要和背景色形成强烈的对比，使文字内容更突出，与背景图片区分开设计banner时，7大技巧！一、主题明确要突出产品主题，让用户一眼就能识别广告含义，减少过多的辅助干扰元素。切忌，banner被切割的太细碎，内容繁多，没有浏览重心。很多广告主往往会认为传达的信息越多，用户越有兴趣，其实并不然，什么都想说的广告，就是什么都没说好。设计banner时，7大技巧！二、重点文字突出用文字进一步的告诉用户，是打折或还是新货上市？如果我们最大的卖点就是“4.1”折起，那么毫无疑问，“4.1”折的字样一定要大，要醒目，其余的则需要相应的弱化。设计banner时，7大技巧！不要这样：三、符合阅读习惯阅读视线要符合用户从左到右、从上到下的浏览习惯。设计banner时，7大技巧！四、用最短时间激起点击欲望用户浏览网页的集中注意力时间一般也就几秒，所以不需要太多过场动画，需第1时间进行产品的展示，命中主题。并配以鼓动人心的措辞口号引导用户。设计banner时，7大技巧！五、色彩不要过于醒目有些广告使用比较夸张的色彩来吸引用户，希望由此提升Banner的关注度。实际上，”亮”色虽然能吸引眼球，但往往会让访问者感觉刺眼、不友好甚至产生反感。所以，过度耀眼的色彩是不可取的。六、留空banner画面中需要留空,留空可以使图形和文字有呼吸的空间。空间留白不够导致很挤很压抑的极端情况。设计banner时，7大技巧！七、产品数量不宜过多很多广告总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。下面对比一下以下A、B两款Banner中，哪一款更易于识别和引起关注呢？A.取产品局部特征图，同时配合宣传语，简洁明确，易于识别B.产品数量过多，没有亮点，页面堆的太满。从构成上讲，一个banner分为2个部分一为文字二为辅助图。辅助图虽然占据大多数的面积，但是不加以文字的说明，很难让用户知道这个banner要说明什么。在一个banner里面，标题文字起着至关重要的作用，所以文字才是整个banner的主角，所以对于文字的处理，显得尤为重要文字结构设计文字结构设计一、分清主标和副标，从主次上来说，主标为主，字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满，比较集中。二、如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。讲解：长标题的时候，如果把‘征集各种端午风俗’排成一行，就会显得没有主次，也没有吸引力。我这里把‘端午’这个最重要的信息提出来，让用户很容易进入环境，然后让他们继续了解更多的信息。这里还要说一个小技巧，我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别用了3种字体，但还是能读出‘征集各种端午风俗’这是一断话，因为同一个红色起到了很大的作用。文字结构设计三、如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。色彩搭配的技巧1、选择和底色相似的颜色作为文字的颜色2、选择和底色相似的颜色作为文字的颜色，我们还可以做一点渐变！这里的文字标题就是用的就是比背景色更深的相似色。这样可以很好的融合进整个Banner这里的图片文字，不但使用了和背景色相似的颜色，还加入了渐变。显得文字更加突出，活泼，不单调！色彩搭配的技巧3、选择互补色作为文字颜色，形成强烈对比4、选择互补色作为文字颜色，我们可以不用描边，用阴影，但是字体要粗哦。选择互补色作为文字颜色，形成强烈对比，强调文字的重要性。色彩搭配的技巧蓝底+白字经典配色1红底+黄字经典配色2下面是几个基础的配色，如果不知道怎么配色，不如参考一下这几组较为经典的配色吧。色彩搭配的技巧黄色+黑色经典配色3紫底+黄字经典配色4总结通过以上总结出，我们在设计制作Banner时，需要注意以下几点1．突出产品及其特征，采用有吸引力的宣传用语，适当弱化公司名称和标识；2．图片并非越多越好，突出重点是关键，必要的产品说明不能少3．合理安排画面内容，做到主次对比鲜明4．颜色不宜过度夸张，努力营造愉悦、舒服的感观感受设计技巧1.字体选用正版字体，一般两种字体搭配为佳。不要超过三种。2.太多的附加元素，会干扰用户对主题的识别3.英文尽量少用，万不得已情况下，一定要拼写正确4.图片素材要注意版权问题，人物最好用授权过的5.颜色方面，最好选择纯度高的颜色，尽量避免在颜色中添加过多的灰度6.尽量避免对字体的变化，倾斜、拉伸、变形等，PS位图软件会出现锯齿谢谢观赏！Thankyouforviewing!