总结出这4类基础知识的网站Banner设计

一、关于版式

大体上 banner 版式可分为两种：图文左右排版、文字居中。

1. 图文左右排版

当 banner 中需要包含具体的素材，如某位大咖，某件产品时，一般会选择左右排版。并且图文比例约为6：4（接近0.618的黄金比例）。

图片在右，配图内容比较模糊；图片在左，配图内容比较清晰。由于人们习惯的阅读顺序是从左到右，左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左，先用特定配图吸引用户目光，再加以具体的文字阐述就更正常不过了。而如果把含义不清的配图放在左边，用户得看到右边的文字部分才能获得 banner 想传递的内容，这会导致用户接收信息时间增加。

2. 文字居中

在工作中我没怎么接触过文字居中的排版方式，因此很抱歉没法做太多的剖析。印象中电商比较喜欢此类排版，也许是文字放在正中的位子，底下可以放许多产品？

大小标题比例约为2：1。其实这和一级标题，二级标题是同个道理，我们在设计 banner 时总希望用户能把 banner 上的文字看全，但又不希望大小标题混在一起主次不清，因此在排版合理，用户能看清字的综合考虑下，大小标题比例约为2：1。（其实小标题太小运营们也会怼的）

二、关于字体

banner 中常用的字体有三种：衬线体（serif）、非衬线体（sans-serif）、书法体（cursive）。

都说字体有各自的性格，衬线体笔画有粗细之分，它模仿的是中国古代字体和古代碑文上的字体，因此衬线体能给人古典，文艺的感觉，适合用于文艺气息或与女子的相关设计。

非衬线体笔画简洁，笔画较粗，体现现代，简约的特性，适合用于苍劲有力，与男子相关的设计。

书法体源自中国古代，能体现中国文化和挥洒墨水的豪气，适用于文艺主题和金戈铁马般的豪迈主题。

注意：商用字体需要注意版权，这点很重要。

三、关于颜色

在生活中，色彩心理学让人们对颜色的认知有很大的影响。

黑色：黑色是一种代表品质、权威、稳重、时尚的色彩，同时也含有冷漠、悲伤、防御的消极情感。

白色：传递一种简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感。

灰色：代表睿智、老实、执着、严肃、压抑的色彩。

红色：传递喜庆、自信、斗志、权威、性感的情感。

绿色：是自然界中最常见的颜色，代表生命力、青春、希望、宁静、和平、舒适、安全的情感。

蓝色：是三原色中的一种，代表永恒、灵性、清新、自由、放松、舒适、宁静、商务。

紫色：是一种代表优雅、浪漫、高贵、时尚、神秘、梦幻、灵性、创造性的颜色。

黄色：代表阳光、青春、活力、时尚、尊贵、年轻轻快、辉煌、希望的颜色。

因此在设计中选择主色调也要遵从如上。

例如活泼年轻的内容可选择纯度较高的蓝绿色、绿色等作为主色调。

文艺类内容则适合饱和度不高，偏向白色这类能让人平静的色彩。

四、关于点缀

点缀元素的存在主要是为了丰富画面，使画面看起来不单调并且更加协调，从运营的角度上来说，也是为了增加画面的热闹活跃氛围，给用户愉悦或刺激感，增加消费者的购买欲望。点缀元素存在的形式是多种多样的，我们可以基本分为三种：基础形状点缀、抽象形状点缀、卖点提炼点缀。

1、基础形状点缀

这种类型的点缀操作起来难度不大，多使用矢量形状利用渐变色来丰富画面，建议初次尝试设计师多尝试，多注意细节和练习，就能够比较好的使用起来，这种类型的点缀多用户电商促销设计，目的是为了饱满视觉，丰满画面，拥有较强的视觉冲击力，能够吸引用户注意力，提高 Banner 点击率。

2、抽象形状点缀

这种点缀的注意细节是一般点缀都会比背景深一点，同时整体采用微渐变，适当的隐去一些边角，能够更好的融合进背景里，运用水波纹和小三角等，能够使 Banner 更年轻，活泼，大多使用在产品定位较年轻的产品或话题上，不适合使用在大品牌上。

点缀存在的意义就是在于丰富画面，使 Banner 整体不单调，更具有趣味性，也能顾更好地烘托主题营造氛围，有规律的点缀也能让 Banner 更具有节奏感，视觉冲击力更强。

我们从版式、文字、配色及点缀等四个方面来说明如何制作出优秀的 Banner。

1、版式分为图文左右排版和文字居中排版，根据要凸显的主题来决定用哪种排版；

2、文字有衬线体、非衬线体和书法体三种，每种都有不同的风格，衬线体偏古典和文艺，适用于宣传，非衬线体苍劲有力适用于促销，书法体传统豪迈，适用于中国风；

3、配色需要根据产品选择配色，每种颜色都有自己的情绪，抓住想要表达的情绪，选好配色；

4、点缀分为基础形状、抽象形状和卖点提炼，每种点缀都是丰富画面，让整体看起来更加和谐，不同的点缀达到的效果也不同，但始终围绕主旨就是所有的设计和创意都是围绕着吸引用户来进行的，最后我们呈现出来的结果，一定要和谐统一、对比突出、画面和谐、节奏韵律，才能让我们的banner看起来更富有品质感。

新闻标题：总结出这4类基础知识的网站Banner设计
地址分享：https://www.cdcxhl.com/news28/49728.html

成都网站建设公司_创新互联，为您提供网站制作、商城网站、ChatGPT、网站导航、企业建站、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联