高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页运营设计类banner(4篇)

网页运营设计类banner 第1篇

在了解了视觉动线之后,我们来浅谈一下如何将视觉动线中的原理运用在 CTA 按钮设计中。

CTA 按钮位置

根据设计的一致性原则我们为了减少用户学习成本,经常将文案与按钮位置与市面上大多数排版一致的排版呈现在用户面前,这样布局可以提高用户对活动和企业的可信度而且可以更容易的理解内容。

对于用户来说观看内容时浏览是他们的第一行为,注意力会根据排版顺序进行移动最终停留在操作行动点上,此时 CTA 按钮就至关重要。

根据对古腾堡图表法的了解,我们可以看出三段文案内容中颜色深浅程度为用户观看停留时间长短,用户的浏览动线影响了文案信息的排布。

如果对这些不了解,只是单纯为了填充画面及文案留白区域将按钮随便摆放位置,则在阅读顺序以及操作上极大影响用户使用体验。

根据设计中亲密性选择,信息之间的间距越小,我们会直接将是看作一组,所以我们经常将 CTA 按钮放在文案内容之后,不仅可以提升查看效率而且可以促进用户转化。

通过对比提升按钮识别度

1)颜色区分

由此可以看出颜色的强烈程度直接影响用户的注意程度。对比度越强越能吸引用户注意,其中白色和黑色被称为中性色也是所有颜色中亮暗的极端值。

通过强对比的颜色可以快速表示按钮在画面中的重要程度,并且可以从背景颜色中跳脱出来并达到吸引用户的目的。

在亮色背景中使用黑色按钮,暗色背景中使用白色按钮,是最突出也是最具有吸引力的。

2)字重区分

除了增加颜色对比外,按钮上的文字可以选择有多重字重的字体,选择较粗的字体增加视觉权重,突出按钮的优先级。

通过改变外观提升识别度

1)大尺寸按钮

简单来说就是尺寸越大,在屏幕中占用空间越大,越会被用户注意。

网页运营设计类banner 第2篇

微信创始人张小龙曾经表示“用户都是懒惰的,不 愿主动获取信息,更倾向于被动获取”为了让用户快速定位企业定位,我们经常使用行业规范制定 banner 的部分内容,例如在颜色选取时,除大型节日类的特殊情况,往往优先选择行业默认色调,其次选择画面中扎眼的亮色调,最后才是符合文案内容的情感化色调。

③ 如何让利用目标用户选择文字

常言道:字如其人,笔记识心,在座的各位女同学应该都经历过这样的事吧,在路上对迎面走来的人总会上下打量,虽然只是人群中的一眼,但是也会从体型,身材,衣品,妆容等等一系列方面进行评价,甚至对于某一项分数极高的路人到家后还会细细品味。

这么看来其实我们字体也是一样的道理,我们一般拿到一个标题后会从字体结构,笔画特征以及字效感受到字体的性格特征。

banner 中的标题文案可以快速将活动内容完美植入在用户意识之中,这样不但可以让用户在较短的时间了解活动内容以及活动利益点,而且可以大大降低与用户的信息沟通成本,提高用户对活动的关注度与参与率。

所以在选择字体时首先要考虑的是目标用户群体,其次要考虑的就是字体性格气质是否符合画面调性。

纵观所有的字体无非是官方字体,手写字体以及装饰性字体三种。

网页运营设计类banner 第3篇

排列顺序

当我们还是小朋友的时候,老师就告诉我们一篇好的文章结构式总分总结构,一篇文章或一个段落一定要把重要内容写在最前面,这样读者才会有读下去的欲望。

在 banner 视觉动线的指引下,我们也同样需要把重要信息或者转户用户的重点内容的放在最显眼的地方并且着重突出。

字号与字重大小

首先我们浅看一下字体字重与大小的影响。

在 banner 中,大标题一般都会很大,笔画越粗,画面中也会越亮眼,为了不抢大标题的风头,小标题则会相对变细变小,颜色选择上也会更加弱化。如上图所示,字体越大,画面中占比越大,用户看到画面时会直接被大文案吸引,同理字重越大,字体越粗颜色比例越重,也会吸引用户注意。反之,字号越小字重越小越不容易被用户注意到。

由于 banner 作为引流变现的一个广告内容,文字一定要有辨识度和可阅读性,所以文字不能太大或太小,在做好文案内容的量级区分后务必限定最小字号。

颜色饱和度

为了凸显文字的层级关系,我们平时除了加粗加大外,有一个更直接的办法就是给层级最高(大标题)的文字添加高饱和度的颜色,加快吸引用户视线。对于其他文字我们可以调整透明度来降低层级关系。

由于 banner 作为引流变现的一个广告内容,文字一定要有辨识度和可阅读性,所以文字颜色不能与背景颜色过于接近。在做好文案内容的量级区分后务必限定字体颜色规范。

网页运营设计类banner 第4篇

一提到手写字体,让我们印象深刻的一定是毛笔书法体,这类字体笔触洒脱,随性写意。非常凸显产品个性与中国文化,一般使用在文艺主题或者出现在极具个性的 Z 时代年轻化产品之中。

还有一类比较稚嫩的手写体笔画相对柔和,充满稚气非常平易近人。经常出现在少儿类或者抒发情感的产品中。

书法字体笔画较为复杂,一般以图形的形式出现在 banner 内,或者为了吸引用户注意会在标题中某个文字上单独使用书法字体。

装饰性字体

装饰性字体一般非常强调 banner 的整体调性,以及人群划分,由于主要作为 banner 主文案使用,这里的装饰基本上以原字体本身特点为出发点,在不失文字可读性和辨别性的同时创造出携带艺术气息并且能够带入用户的字体,启发用户按照我们的想法去感受,去思考,最终达到吸引用户眼球的注意,引导用户参与的目的。

我们选择不同的字体其实也是在变相衡量我们产品用户定位。

作为 banner 的标题,我们一定要注意字体版权问题,不要被项目时长限制我们的设计能力,能够对字体逐一进行设计是最好的,如果时间紧能力弱,我们可以根据目标用户的使用场景选择字库字体或者利用可商用字体进行修改,切记我们做的是 banner 不是图形化 logo,文案内容直接影响用户操作,千万不要大刀阔斧“哐,哐”的改,一定要保证文案的阅读性和识别性。

*对于字体设计的知识点,我在这篇文章里讲的比较详细,这里我就不过多赘述了。

2. 深挖 − 精准化痛点文案

在简单了解 banner 的排版规则和我们的视觉动线之后,有没有发现 banner 信息锚点引导认知方向:当我们看到一个 banner 时,往往先被看到的信息会直接影响我们后续接收信息的内容。

试想你是一个日常大量使用咖啡的社畜,但咖啡对你来说仅仅只是用来吊足精神的工具,当你看到以下两条 banner,哪一个会让你有进行下一步操作的欲望呢?

第一条 banner 被我们优先读取到的信息是咖啡的口感,而接收到这条信息后会思考“我好像也并不在乎它的口感”从而将其划走。

猜你喜欢