idesia.work

浅谈品牌设计的视觉策略(上)

从受众、任务、信息、对象与情境出发,整理品牌设计中组织、排列与视觉策略的基本方法。

SOURCE 微信公众号「品牌 正负形」 · 2022 年 4 月 26 日 10:46 查看原文
从受众、任务、信息、对象与情境组织品牌视觉策略的文章封面
从受众、任务与情境组织品牌视觉策略

我是一个品牌设计师,一直从事视觉识别和创意设计的相关工作。

视觉识别是品牌策略的视觉化表达和认知指引,一个很复杂的系统。而品牌的创意设计,比如广告、产品外观和形态、包装、宣传手册、卡片、网站、详情页等,则与普通视觉传达设计大致相同,但也有其特点:始于对品牌的认知,面对不同用户,在各种情境下传播大量/关键的信息。

品牌的创意设计应该遵循怎样的规律进行策略思考呢?或者说,对于设计有没有一个系统的思考方式呢?解决比如“创意构思的起点是什么?”、“视觉修饰手法是受众熟悉和感兴趣的吗?”、“品牌的信息如何有效传递?”、“为什么运用这个视觉技巧而不是那个?”……

尝试总结了一些项目实操和我的思考结果,就有了这样一个关于品牌设计策略的小东西。

(一)

策略的起点:受众和任务。

理解受众:他们是谁?他们在哪儿?有什么经验和习惯?有怎样的利益述求?

明确任务:这个设计是表达观点、传递利益、还是劝告说服?处于哪个营销阶段?

清楚了上述2点,再通过几个不同的角度去结合具体的视觉策略,由点连线、由线织面,将品牌设计策略丰满起来。

这几个不同的角度分别是:信息info、对象target 和情境context。

(二)

信息层,也是最核心的内容,很多时候设计的目的就是处理信息。整理和分类要传达的内容,快速进行视觉化的组织和排列,建立条理和次序。

组织,包含3个策略点:接近、分离与对齐。

根据格式塔理论,人类大脑有着与生俱来的“大局观”,很少孤立去看待事物,潜意识中总是想看到比眼前元素更大更高的某样整体或体系中的一环。比如(A)这样一张图;

小方块组成十字架的整体认知示意图
A:小方块排列形成十字架的整体认知

(A: 人们总是会先分辨出由小方块排列而成的十字架形状,再去分辨其他形状)

那么,运用这个理论,结合之前策略基点的分析,让有关联和相互承接的内容彼此接近,让有区隔或者需要特别关注的内容分离,就能最符合逻辑地对信息建立层次。再来看(B)的设计,文字的位置做怎样的调整,你觉得更好呢?这个原理大量运用于广告、海报这种纯平面的设计中,应用静态画面中各元素的聚散离合,表现出画面的动能和张力;

多种图文组合带来的版面感受对比
B: 图片和文字的几种不同组合带来完全不同视觉感受

再来说对齐。基于人类大脑对“整齐”和“混乱”的语义的理解,对齐就是调整各类信息元素(文字、段落、图片等)的基准线对应关系,形成有清晰规整的区块,建立一种次序感。从(C)中可以看出对齐与否,营造出的不同感觉,区域性对齐让信息的呈现井然有序。对齐是非常常见的视觉修饰手法,对一些文字段落比较多的设计尤其重要;

图文对齐形成清晰位置关系的版面示意图
C: 图文的对齐,营造清晰的位置关系

关于格式塔理论,既是一种审美思潮,又是视知觉心理学,是排版的理论基础。完成信息组织后,接着将着手已组织好的区块全局观感来做文章。

格式塔理论与平面设计信息组织方式的示意图
Gestalt理论:平面设计中的大部分理论依据的来源

排列,也有3个策略点:重复、均衡与强调。

重复是赋予版面中元素某种规则,反复出现,就像心脏跳动一般,形成运动感觉的同时还能将杂乱的要素进行韵律的改造,呈现清爽整洁,产生秩序感。比如最常见的重复是编排文章时的一个个小段落符号。(D)重复的手法在设计杂志、手册类时,非常有效,植入和品牌或内容相关的符号,也能体现统一感。

重复元素在版面中形成节奏与强调的示意图
D:重复元素在版面中形成节奏与强调

(D: 姿势、手部和头部在重复的强调中令人不安又印象深刻)

均衡是人脑基于“视觉经验”对版面中元素“分量”进行平均分配的抽象感知,均衡的版面让人可以感知到协调。对称是一种极致的均衡,也是最普遍的。大自然中的大多数事物几乎都天然有对称性,人脑也对对称图形有着“强规则性”的原始认知,能营造出严肃、安定的美感。对称的修饰手法常应用于网站的版面设计,营造规则。(E)

将版面转为灰阶以检验左右视觉平衡的示意图
E:将版面转化为灰阶,有助于确认左右版面是否达成平衡;由于左右页面的重心均在各自的中央,便可以为整体版面设计增加安定感

强调是制造画面中重点和焦点,突出某一个元素区块吸引注意力的手法,也是制造不平衡的修饰手法。通过调整摆放物理上的大小、比例,距离之外,还有色彩的深浅乃至图片的色调达成强调的目的,打破平衡的“相”,只保留平衡的“势”。在广告和海报这类图文混杂的画面中,强调的修饰能让受众清晰信息的次序。

“网格系统”是一种版面排列的思路和方法论,越是复杂的信息和元素,网格系统越能规整得井井有条,让每一个视觉触点的位置都有据可依,形成视觉的统一。

网格系统将复杂信息整理为统一版面结构的示意图
网格系统将复杂信息整理为统一的版面结构

小结一下,在品牌设计中,海量的信息和视觉元素如果不进行组织和排列,用户只会看到一些零碎的集合。