让用户一见钟情的网站BANNER如何设计？

资料来源：网络整理时间：2023/3/22 3:03:58 共计：3584 浏览

　　进入网站站点，首先引入眼帘的就是网站站点BANNER。第一印象极其重要，如果网站站点是以一幅设计规划粗狂的BANNER去“接待”用户使用者，那么用户使用者自然就没有“一探究竟”的欲望了。所以，千万别忽略BANNER这个网页页面小元素，它对整个网站制作网站设计可是有着至关重要的作用。

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

　　网站站点BANNER不仅仅是起到门面装饰的作用，更是有着传达公司品牌调性的重要性，而BANNER的设计规划样式风格一定要跟商品产品属性和受众审美相吻合，如果样式风格走偏了，和公司品牌理念、目标人群背道而驰了，设计规划得再华丽也无法打动人心。常见的网站站点BANNER样式风格有以下几种：

　　1、时尚风

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

　　2、简约风

　　百搭适配性强，画面极简干净，讲求“断舍离”，去掉冗杂的雕饰，只保留最天然最实用的，因为没有过多视觉干扰，所以显得简洁而纯粹。

　　3、中国风

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

　　4、文艺风

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

　　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特效就行了。

　　在美兔科技网站建设网站页面横幅上方的快捷工具栏访问点击“编辑横幅”，在“横幅特效”的下拉页选择心仪的特效即可。每种特效都有不同的视觉观感，大家可以分别试验，选择适合的BANNER特效。

　　美兔科技有雪花、流星、烟花、涟漪特效，简直美哭了。

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

　　快上美兔科技官方网站站点：www.mnto.net，为你的网站站点banner增加添加美翻了的动效吧。

　　想了解更多资讯可以关注微信公众号：成都美兔（cdmnto）,或关注微博：美兔科技的大美

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：网站建设巧用留白 | ·下一条：网站导航栏设计分析，助你一臂之力