4个秘诀设计让用户一见钟情的网站BANNER

时间：2023-05-03 00:00:02 | 来源：网站运营

时间：2023-05-03 00:00:02 来源：网站运营

4个秘诀设计让用户一见钟情的网站BANNER：打开网站，首先吸引眼球的就是网站BANNER。第一印象的重要性不必多说，如果网站是以一幅设计粗糙的BANNER去“接待”用户，想必用户也没了“一探究竟”的欲望了。所以，千万别小看BANNER这个网页小元素，它对整个网站设计可是起到了关键性的作用。




虽说网站BANNER设计是一项创意性工作，其实内里也有一定规律可循，把握好风格、构图、字体、特效4个要点，设计出让用户一见钟情的BANNER自然手到擒来。




一、风格




网站BANNER的作用不仅仅是门面装饰，更是用来传达品牌调性，BANNER的设计风格一定要跟产品属性和受众审美想契合，如果风格定错了，和品牌理念、目标人群背道而驰了，设计得再华丽再逼格也无法打动人心。常见的网站BANNER风格有以下几种：




1、时尚风




如同时尚杂志封面式的场景大片，高解析，高饱和，高对比，以产品和模特为设计重心，呈现出精致的视觉感和绚丽的色彩感。













2、简约风




百搭适配性强，极简质朴，讲求“断舍离”，去掉繁复的雕饰，只保留最天然最实用的，因为没有过多视觉干扰，所以显得养眼而纯粹。













3、中国风




以中国传统文化为背景，融入中国传统元素的设计，如灯笼、书简、梅兰菊竹、瓷器、灵兽、山水等，意蕴婉约古典。













4、文艺风




小清新图片配上暖心文字，自然随意的抓拍，不追求浓墨重彩，用色轻盈富而有空气感，烘托出一种淡雅、静谧、怀旧的气质。













5、商务风




通常是以扁平化、符号化的设计呈现，整洁大气，条理层次分明，适用于展示专业尖端的企业形象。













二、构图




BANNER一般是由产品、模特、文案、装饰物构成，如何在有限的空间把这些元素呈现得美观，又不显得杂乱臃肿，这就考验着你的构图功力了。




BANNER的构图形式很多，但基本上都是由以下三种基础型延伸开来的。




1、通栏型




指将BANNER分成N等份的通栏，画面元素呈现平衡分布，通常BANNER会是以两栏通栏或三栏通栏为主。




示范：两栏通栏













示范：三栏通栏













2、分割型




以线条或几何图形对BANNER进行不规则的页面切割，不同的形状分割会带来不同的感官。例如直线分割显得硬朗挺拔，曲线分割显得活力动感，斜线分割显得自由洒脱，圆形分割显得柔美灵动，矩形分割显得干练刚正，三角形分割显得锋锐另类感。




示范：圆形分割













示范：矩形分割













示范：三角形分割













3、散射型




居中辐射式构图，将最重要的设计元素放在BANNER中心，其余元素环绕在周围，以放射线形式由中心散开，能起到聚焦、突显的作用。常见的射线部分一般是用纹理充当的，除此之外用装饰物或者产品作为射线部分也会带来强力的视觉冲击哦~




示范：纹理型射线













示范：产品型射线













三、字体




在BANNER里，字体带来的视觉冲击虽然不及图案来得强烈，但字体起着点明BANNER主旨的作用，在恰当的环境运用合适的、有设计感的字体正是你BANNER档次的体现。不同的字体有着不同的个性，不要抱着“哪个漂亮就用哪个”的心态，而要针对BANNER整体风格和宣传主体进行选择，例如你总不能在一个中国风的BANNER放上非主流的火星文，或者在诸如剃须刀之类的男性用品宣传BANNER用上一些娟秀柔和的字体吧，这样估计会很让人反感的。




1、印刷体




就是我们常见的宋体、隶书、黑体等，笔划平整，结构端庄，其中黑体富于现代感和力量感，适用于促销电商类BANNER，宋体装饰性强，适用于文化、艺术、生活、女性类BANNER。













2、手写体




一种使用软笔、硬笔、毛笔、马克笔、秀丽笔、钢笔、铅笔等纯手工写出的文字，像方正静蕾简体、叶根友手写体等，手写体写意而优雅，带有一种亲和力和人情味，能有效地弱化距离感。













3、三维体




有立体感、空间感的字体，看上去前卫而充满张力，往往能给人留下深刻的印象。













当然，以上只是字体的基本分类，大家不妨多多发挥想象力，对这些基础型进行适当的改造美化，尝试不同字体间的混搭，这样可以把字体处理得更有艺术感哦~




四、特效




动起来的BANNER更能吸引注意，所以我们可以给BANNER添加动态特效。当然，考虑到网站加载，添加的特效不宜太复杂，也不用特意地把BANNER弄成GIF格式，利用凡科建站添加BANNER特效就行了。




在凡科建站横幅上方的快捷工具栏点击“编辑横幅”，在“横幅特效”的下拉页选择心仪的特效即可。凡科建站的横幅特效包含40多种动画特效和12种文字特效，文字特效还能支持自定义文本编辑。每种特效都有不同的视觉观感，大家可以分别试验，选择符合国情的BANNER特效。






















现在凡科建站还新增了雪花、流星、烟花、涟漪特效，简直美哭了。













按照以上4个秘诀把BANNER做好了，网站自然人见人爱~

"