banner设计要点总结(四):提升表达力、关注率和设计感

Recommand
南宁/设计爱好者/7年前/2051浏览
banner设计要点总结(四):提升表达力、关注率和设计感Recommand
Jamie_JY

本文整理总结各方bannner设计要点,理清banner设计思路,为自己和许多新手设计师整理提供一份较完整的基础性参考建议。

接下来将按以下几个方面的内容展开总结:

1.需求及定位  

2.风格、色调与素材

链接:banner设计要点总结(一)

3.排版与构图

链接:banner设计要点总结(二)

4.细节设计:背景填充、文案设计、点缀物设计、配色

链接:banner设计要点总结(三)

5.提升表达力和关注率

6.提升设计感

链接:banner设计要点总结(四)



五、如何提升表达力和关注率

提升表达力就是提升banner内容的表达能力,使用户能更通俗易懂的明白banner表达的主题和重点,banner的内容和文案能很好的结合起来,更好的体现banner的价值。

(一)确定banner发布平台的定位

每个平台的定位不一样,主题风格不一样,如体育频道的要体现运动感;财经频道要体现专业感、高端感;女性平台要体现知性感;历史平台要体现出历史文化感等。


(二)注重文案设计

突入文案表现力,要分清主标和附标题,主标要突出醒目。


(三)文案要针对客户群体关注的内容

准确明显的表现出来,一眼吸睛。如要进行促销,促销折扣或价格等就要较突出明显的表示等。


(四)使用的图片一定要与主题相关

不能为了效果而制作效果而背离了主题。


(五)图片要高清

如今电子设备已都具有高分辨率,若使用不够清晰的照片会降低banner的品质感。


(六)注意主体和次体的对比度调整

如背景图片比较抢眼而导致其上的文字不够突出时,就要进行一定降对比度、暗化处理或增加其他辅助设计等,而使画面平衡,主次分明。


(七)情感化设计

1.严肃话题也能做出新感觉

以文案内容为出发点,设计符合主题的效果,将文案和设计融为一体,能更好的表现文案内容,更具感染力。


2.加点幽默感


3.加点小情调


六、提升设计感

(一)重复元素

重复可以加强给人的印象,造成有规律的节奏感,使画面统一。所谓相同,在重复的构成中主要是指形状、颜色、大小等方面的相同。比如:形状的重复、骨骼的重复、大小的重复、色彩的重复、肌理的重复、方向的重复等。


(二)近似元素

近似指的是在形状、大小、色彩、肌理等方面有着共同特征,它表现了在统一中呈现生动变化的效果。近似的程度可大可小,如果近似的程度大就产生了重复感。近似程度小就会破坏统一。比如:形状的近似、骨骼的近似。


(三)渐变元素

比如:形状的渐变、方向的渐变、位置的渐变、大小的渐变、色彩的渐变、骨骼的渐变、光影的渐变。

undefined


(四)对比

有时候是形态上的对比,有时是色彩和质感的对比。对比可产生明朗、肯定、强烈的视觉效果,给人深刻的印象。比如:形状的对比、大小的对比、色彩的对比、肌理的对比、位置的对比、重心的对比、空间的对比、虚实的对比。


(五)密集感

密集在设计中是一种常用的组织图面的手法,基本形在整个构图中可自由散布,有疏有密。最疏或最密的地方常常成为整个设计的视觉焦点,他其实也是对比的一种情况,越密集的地方给人感觉距离越远,反之越近。点的密集、线的密集、面的密集。


(六)发射感

发射具有方向的规律性,发射中心为最重要的视觉焦点,所有的形象均向中心集中,或由中心散开,有时可造成光学动感,会产生爆炸的感觉,有强烈的视觉效果。如中心点的发射、螺旋式的发射、同心式的发射。


(七)特异元素

指构成要素在有次序的关系里,有意违反次序,使少数个别的要素显得突出,以打破规律性。形状的特异、大小的特异、色彩的特异、方向的特异、肌理的特异。


(八)空间感

利用大小:比如近大远小。

利用重叠:前后/上下等关系。

利用阴影:使物体具有立体感/空间感。

利用疏密:比如间隔越小,越密集,感觉就越远。

利用透视:平行线由宽到窄。

利用色彩:冷色远离,暖色靠近。

利用肌理:越粗糙越近,越细腻越远。

矛盾空间:真实不存在的空间,假想的。

虚实关系:远景/中景/近景。

矛盾空间举例:前段时间非常流行的一款游戏《纪念碑谷》。


(九)分割要素

把整体分成小的部分。比如:等形分割、自由分割、比例与数量。


(十)肌理元素

又称质感,由于物体的材料不同,表面的排列、组织、构造等不同,因而产生粗糙感、光滑、软硬感。比如:笔触的变化、凹凸不平的肌理、喷绘/染、自带的纹理效果、肌理举例:木材等。


(十一)错视感

因空间距离或周围环境所造成的视觉差。主要有下面几种:


参考网址:

https://www.shejidaren.com/banner如何做到通情达意.html

https://sc.chinaz.com/info/180512245871.htm?qq-pf-to=pcqq.c2c

https://www.16xx8.com/photoshop/jiaocheng/2016/142729.html


23
Report
|
62
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
DESIGN NEW WAVE
Homepage recommendation
大家都在看
Log in