• <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • 首页 > 网页教程 > 设计分享 > 电商设计:韩国电商BANNER的构图/配色/元素/应用分析

    电商设计:韩国电商BANNER的构图/配色/元素/应用分析

    时间:2016-11-08    来源:人人?#38469;?#20135;品经理

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

    diainshagn

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

    构图一:?#34892;?#38598;中式

    uisdc-banner-2014611061

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

    uisdc-banner-2014611062

    构图二:杠杆式构图

    uisdc-banner-2014611063

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

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

    banner20161106-1

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

    uisdc-banner-2014611065

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

    uisdc-banner-2014611066

    构图四:折线跳跃式

    banner20161106-2

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

    uisdc-banner-2014611068

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

    色彩理论基础

    banner20161106-3

    色环其实就是将彩色光谱中的长条色?#24066;?#21015;首尾连在一起,通常会看到不同版本的色环(光学色环、物理色?#20998;?#20998;),色相之间略有偏差,但掌握好公式原理就不会出?#21046;?#24046;了。上图为参?#38469;?#24847;色环。

    uisdc-banner-20146110610

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

    单色/同色系

    banner20161106-4

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

    类似色

    uisdc-banner-20146110612

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

    相关推荐
    电商设计:5个快速进阶的电商Banner设计技巧
    从人性的角度,揭露电商Banner设计背后的14个秘密
    电商产品设计感想:你真的?#40092;?#36141;物车吗?
    电商商品详情页如何通过设计提升转化率?
    电商设计教程:电商APP首页设计总结
    垂直电商APP首页设计总结
    电商设计:用可视化编辑,解构看起炫酷的专题页面
    设计一个优秀的电商网站需注意那些方面?
    分享:如?#23614;?#33021;让你的设计作品耐看?
    淘宝店铺banner设计简易排版参照模板图文教程简析超级实用
    打造优秀网页banner广告设计的8个要点
    ?#29575;?#25945;程:Flash广告设计要素分享
    网页Banner设计的风格、排版以及配色经验分享
    快速设计节日促销专题的经验分享
    淘宝店铺广告文案排版快速设计经验分享
    淘宝店铺banner广告设计技巧分享(一)
    从优秀案例分析网页Banner视觉构成与创意设计
    网站Banner广告设计经验谈
    14个?#34892;?#25552;高网站Banner点击率的设计技巧分享
    广告?#35745;?#32032;材设计:如何从优秀到卓越?(上篇)
    广告?#35745;?#32032;材设计:如何从优秀到卓越?(中篇)
    网站Banner横幅广告设计怎样才能提高点击率?
    网络广告设计必备:Banner设计从入门到精通教程
    如何快速设计好Banner?6个步骤帮你速成!
    网站Banner广告条怎样设计才能提高点击率?
    网页BANNER首图设计抓住用户注意力的8个要点
    视觉设计师做banner的设计方法分享
    电商设计:点缀元素在Banner设计里的运用
    快速设计广告BANNER的20个技巧
    数字元素在BANNER及专题页设计中的运用
    广告Banner设计?#21644;?#36716;9种最常见的设计风格
    Banner设计:最全面的流程分析总结
    BANNER设计的几个实用性策略

    精彩推荐

    ?#35753;?#25945;程

    任选五走势图
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • <bdo id="g6euu"><blockquote id="g6euu"></blockquote></bdo>
    <bdo id="g6euu"><samp id="g6euu"></samp></bdo>
  • 内蒙古时时彩最高遗漏多少期 福彩3d带坐标走势图带连线走势图 天津11选5任选基本走势图 加拿大28提前3分开奖 中国足彩网121120 近几期六合彩搅珠结果 宁夏11选5走势 吉林快3开桨结果 白小姐铁算盘全年资料大全 甘肃11选5今天开奖号码 北京pk10赛车稳赚玩法 球控探足球比分 加拿大极速飞艇彩票 辽宁11选5走势图表一定牛 通比牛牛都是输官方下载