• Banner的布局方式

常见的Banner布局方式有五种,以下分别给出大致样式:

两栏式:

三栏式:

组合式:

一体式:

对角线式:

以上几种布局方式不分好坏,对于不同的主题、素材和文案可以自行选用适合的方案。

  • 视觉组成部分

虽然Banner的风格种类众多,但是就目前来看,广大受众的偏好和心理动线是大致相同的,人们往往会被靓丽的色彩和醒目的标题所吸引,这就为我们突出主题,吸引受众提供了指导。

Banner(海报)的视觉组成部分有三大块内容:

  • 第一视觉(主视觉)

第一视觉在整个视觉导向中起吸引作用,而吸引受众眼球的方法主要有夸张、拟人、寓言故事、性和特效五种。

  • 第二视觉

在第一视觉起到吸引作用之后,第二视觉用来告诉受众“这是什么”,常见的表现方法是文案。

  • 第三视觉

第三视觉的作用是“告诉你我是谁,怎么找我”,其表现方法同第二视觉,一般也是文案。

注:以上三种视觉在大部分情况下都适用,但在少数海报中,会出现没有第二视觉或第三视觉的现象。

以这张Banner为例,它的第一视觉是一个场景,场景中一位男士打扮比较休闲、大方,我们第一反应是还挺好看的,那么他是谁呢,坐在这里做什么。

接着我们会去寻找答案,随即发现了第二视觉,也就是Banner右侧的文字,他告诉我们这是男装促销广告,有什么样的优惠

最后关注到这是什么品牌,于是找到了第三视觉,即左上角的品牌LOGO。

整个Banner视觉导向很完整,能够清楚地表达主旨。

  • 色彩搭配

在制作Banner的过程中,我们常常会因为配色的问题而纠结很久,反复比对。配色需要参考Banner的主题,我们都有一些思维惯性,例如看到蓝色会想到海,心情比较平静,看到黄色会想到火,会兴奋等等,这说明颜色是有心理属性的。

上图是以大数据为主题的Banner,选用了深蓝色作为主色,中调偏暗,很契合“大数据”的感觉,给人以较强的科技感。

对比非常明显,此类Banner通常适用于电商平台轮播,节奏快,更新快,加上促销的主题,更适合采用红色、橙色等较为明快的颜色。一方面暖色更容易吸引眼球,另一方面这种积极的色调更容易激发人们购买的欲望,从而在有限的时间内实现最大的点击量。

  • 总结

在接到Banner设计的任务后,我们需要充分了解受众的心理导向,考虑到布局、视觉组成、色彩搭配等问题,将统一的元素恰如其分地组合起来,才能够做出一个较为认可的作品。这需要我们不断赏析他人作品,取精华、弃糟粕,同时善于审视自己的作品,才能日益进步。

Banner设计的视觉导向原则分析的更多相关文章

  1. UI设计教程分享:banner设计

    我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的ban ...

  2. 基于“事件”驱动的领域驱动设计(DDD)框架分析

    摘抄自 从去年10月份开始,学了几个月的领域驱动设计(Domain Driven Design,简称DDD).主要是学习领域驱动设计之父Eric Evans的名著:<Domain-driven ...

  3. 高点击率的Banner设计14招

    英文原文:14 design tips for more clickable banner ads 译文:http://www.uisdc.com/banner-click-rate 虽然互联网发展迅 ...

  4. 程序员你该学学如何设计PPT了,设计PPT的几大原则

    写代码也要读书,爱全栈,更爱生活.每日更新原创IT编程技术及日常实用视频. 我们的目标是:玩得转服务器Web开发,搞得懂移动端,电脑客户端更是不在话下. 大量的汇报及介绍工作,都离不开一个辅助工具-P ...

  5. 移动端UI界面设计:APP字体排版设计的七个原则

    移动端UI界面设计:APP字体排版设计的七个原则 发布于: 2015 年 2 月 9 日 by admin 再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP ...

  6. 设计 api, url 的原则

    设计 api, url 的原则 做微信公众号的项目,账号体系使用微信的 openid.现在增加需求,要求适应 web 端--做成普通的 web 项目.然后 url 的变化:我想给现有的 url 加上 ...

  7. C#软件设计——小话设计模式原则之:依赖倒置原则DIP

    前言:很久之前就想动笔总结下关于软件设计的一些原则,或者说是设计模式的一些原则,奈何被各种bootstrap组件所吸引,一直抽不开身.群里面有朋友问博主是否改行做前端了,呵呵,其实博主是想做“全战”, ...

  8. C#软件设计——小话设计模式原则之:单一职责原则SRP

    前言:上篇C#软件设计——小话设计模式原则之:依赖倒置原则DIP简单介绍了下依赖倒置的由来以及使用,中间插了两篇WebApi的文章,这篇还是回归正题,继续来写写设计模式另一个重要的原则:单一职责原则. ...

  9. C#软件设计——小话设计模式原则之:接口隔离原则ISP

    前言:有朋友问我,设计模式原则这些东西在园子里都讨论烂了,一搜一大把的资料,还花这么大力气去整这个干嘛.博主不得不承认,园子里确实很多这方面的文章,并且不乏出色的博文.博主的想法是,既然要完善知识体系 ...

随机推荐

  1. url的命名与反向解析

    url命名和反向解析  1. 命名   # url(r'^press_list/$', views.press_list,name='press_list'),     url(r'^pre/$', ...

  2. 内置锁(三)synchronized的几个要注意的对象监视器

    前言    经过前面的两篇文章的介绍,可以清楚知道,synchronized可以用于修饰一个方法 或者 代码块,线程要访问这些临界区代码,则要先获取对应的 对象监视器 ,从而使多个线程互斥访问临界区. ...

  3. 序列化模块json--pickle--shelve

    什么是序列化? 将一组或多组数据结构转化成一个字符串的过程就叫做序列化 它的目的: 序列化的结构是字符串,准确的说是bytes类型,方便存储 方便于网络传输, 既然序列化是从数据类型到字符串的过程,那 ...

  4. python入门-操作列表

    1 Python根据缩进来进行判断代码行与前一个代码行的关系 for name in names: print(name) names = ['baker','david','philp','rose ...

  5. linux系统更新rpm包问题 ,报错rhn-check-2.0.2-5.el7.noarch has missing requires of yum-rhn-plugin >= ('0', '1.6.4', '1')

    报错信息: rhn-check-2.0.2-5.el7.noarch has missing requires of yum-rhn-plugin >= ('0', '1.6.4', '1') ...

  6. SQLserver查看索引使用情况

    查索引使用情况:    https://www.cnblogs.com/sunliyuan/p/6559354.html select db_name(database_id) as N'TOPK_T ...

  7. 53. sql2005“备份集中的数据库备份与现有的xx数据库不同”解决方法

    RESTORE DATABASE LiveBOS_KeJiFROM DISK = 'D:\LiveBOS_KeJi_backup_201503090000.bak' --bak文件路径with rep ...

  8. leetcode292

    public class Solution { public bool CanWinNim(int n) { //如果要赢,最后3个必须是自己来拿 //也就是最后剩1,2,3是胜利, //如果剩4枚, ...

  9. Java System.getProperty("java.io.tmpdir") 获取系统临时目录

    System.getProperty("java.io.tmpdir") 是获取操作系统的缓存临时目录 在windows7中的目录是: C:\Users\登录用户~1\AppDat ...

  10. python 冷知识点

    # int could accept parameters in bool type.int(True) # result is 1 int(False) # result is 0 reprlib. ...