加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

韩国电商BANNER的构图/配色/元素/应用分析总结

发布时间:2016-11-11 18:44:37 所属栏目:经验 来源:人人都是产品经理
导读:副标题#e# 韩国的电商设计久负盛名,今天我们从设计的角度谈谈他们的电商广告广告设计。本文以韩国大型生活超市emart 网站的广告设计为例进行分析,文章主要分为构图/配色/辅助元素/实际应用四大块。 一. 构图分析(总结出四大类型) 构图一:中心集中式 画面
副标题[/!--empirenews.page--]

韩国的电商设计久负盛名,今天我们从设计的角度谈谈他们的电商广告广告设计。本文以韩国大型生活超市emart 网站的广告设计为例进行分析,文章主要分为构图/配色/辅助元素/实际应用四大块。

diainshagn

一. 构图分析(总结出四大类型)

构图一:中心集中式

uisdc-banner-2014611061

画面由一个主要元素撑满,主标题作为次要元素配合画面平衡,根据画面需求添加小标签装饰。整体视觉冲击力强、张力足,适用于单个产品以及细节较为丰富的产品。多个物体集中式构图和此方法同理,不再做单独分析。

uisdc-banner-2014611062

构图二:杠杆式构图

uisdc-banner-2014611063

画面由主体物和次主体斜面对称而形成的杠杆关系,与主标题之间形成稳固的三角构造关系,此构图方式画面很饱满、稳固。适合两种产品或一个产品两面展示时使用。

注:此构图名词参考张子建《气韵设计理论研究》,具体可参见其详细。

banner20161106-1

构图三:顶视角分散式构图

uisdc-banner-2014611065

顶视角度,以一个中心点向外发散,适用于产品展示比较多的情况。对于发散过程中的节奏以及气韵走向的把握很重要,画面出彩但比较难掌控,因此在广告的应用中不常用。

uisdc-banner-2014611066

构图四:折线跳跃式

banner20161106-2

产品悬浮在画面中,上下可跨出画面,加以恰当的文字排版和辅助装饰,整体画面效果很活跃,延展性很强,是一种能快速达到视觉表现的展现方式。此构图方式应用广泛。

uisdc-banner-2014611068

二. 配色分析(从配色基础原理出发分析)

色彩理论基础

banner20161106-3

色环其实就是将彩色光谱中的长条色彩序列首尾连在一起,通常会看到不同版本的色环(光学色环、物理色环之分),色相之间略有偏差,但掌握好公式原理就不会出现偏差了。上图为参考示意色环。

uisdc-banner-20146110610

我们常见的配色方式有同色系、相似色、互补色、对比色搭配,这里在互补色里面划分出了补色分割(与互补色相邻的两边的颜色)以及单边补色分割,此配色方式的目的是为了让配色在形成鲜明对比的情况下又能有较高的融入度,较互补色而言柔和很多,补色分割在emart广告里面用的很多。而矩形分割、广场分割则是在多色搭配情况下出现的配色方式,下面我们单独举例说明每个配色方式。

单色/同色系

banner20161106-4

同色系搭配比较适合产品本身颜色比较统一的情况下,通过吸取产品较近的周边颜色而成,再通过添加合适的辅助元素使画面变得统一而丰富。

类似色

uisdc-banner-20146110612

类似色相对于单色系可变化的范畴会大很多,但也是在主色调明确的情况下辅助添加类似色,这类配色方式在banner应用中还比较常见。是一种比较好掌控的配色方式。

补色系列

uisdc-banner-20146110613

这里把互补色、单边补色分割、补色分割三种情况一同来说,因为三者在大范畴内上下浮动,效果也颇为相似,并无特别明显的区分。emart 在补色上的应用比较广泛和娴熟。主要还是因为整个网站调性很活泼,加之产品都属于色彩明快的快消品类,色彩上的愉悦感更容易激起点击欲望。

uisdc-banner-20146110614

我们发现emart直接用互补色设计的案例并不多见,主要还是在补色分割范围内的应用变化,这样既能达到很好的视觉对比效果又能使画面融合度较高。这里挑选了几个补色系里面比较有代表性的搭配方式,整个画面视觉配色上相当活跃,主产品很突出,是一种很赞的传达方式。

多色搭配系列

uisdc-banner-20146110615

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读