咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • 教你如何快速制作弹跳加载动画
  • 6个超级好用的AI冷门干货!
  • 2020年12月超实用设计干货大合集
  • 超五亿用户的蚂蚁森林是如何做好体验设计的?
  • 2021年UI设计趋势前瞻
  • 5个小细节提升卡片式UI设计质量
  • 圣诞节专题怎么做?掌握这篇干货就够了!

    发布时间:2020-12-22 09:13:34

    一不小心,又到年底了。双12短暂休息之后,圣诞节又来了!很多人是不是已经开始做圣诞节专题了?还是说仍在发愁、不知如何下手?时间不等人,眼看活动将至,还没想法的同学是不是已经着急了。圣诞节专题怎么做?掌握这篇干货就够了!

    接下来我从色彩搭配、视觉元素、作品风格以及技巧方法作为切入点,逐一进行分析和总结。废话不多说,希望今天的文章能对你有所帮助。

    1.png

    视觉元素:

    说起圣诞节,你想到的视觉元素有哪些?

    色彩搭配:

    符合圣诞节日主题颜色搭配。

    作品风格:

    用恰当的作品风格体现圣诞节日气息。

    技巧方法:

    实现最终作品的技巧和方法。

    核心切入点确定之后,理清楚这四点,圣诞节专题设计就能迎刃而解。下面我们拆分开注意来看。

    2.png

    电商设计发展到如今,很多节日都有其标志性的视觉元素,比如:七夕节的牛郎织女,中秋节的嫦娥、月饼,端午节的龙舟、粽子等等。这就是节日所对应的具有代表性的视觉元素。

    当用户看到这些视觉元素时,会联想到对应的节日。久而久之,这些视觉元素就成了其对应节日的视觉符号。

    而视觉符号的形成,也让作品在视觉表现上更通俗易懂。所以现在你可以闭上眼睛,好好想一想:说到圣诞节你会想到哪些与之相关的视觉元素?

    3.png

    也许我们能想到上面这些与圣诞相关的视觉元素,但不同的视觉元素之间也会有本质性的区别,所以进行简单的分类。

    第一类:圣诞节所特有的视觉符号

    圣诞袜、圣诞树、圣诞老人、麋鹿雪车、圣诞帽、条纹糖果等等。在一幅作品中看到这些视觉元素,大部分人八九不离十能判断是与圣诞相关。

    第二类:装饰性、衬托氛围

    雪人、气球、贺卡、水晶球、丝带、铃铛、霓虹灯等等。这些属于衬托圣诞氛围的元素。

    将与圣诞相关的视觉元素分类之后,我们就能清楚的知道:什么情况下需要用哪些元素。下面举个例子:

    4.webp.jpg

    这是海马体圣诞活动倒计时海报,站在元素分类的角度分析:即便不看说明性文字,我们也能一眼就认出这是与圣诞节有关联的海报,那么是哪些视觉元素让你有这样的判断?

    答案是:松树和条纹糖果

    这就是视觉符号所带来的直观感受。但其实还有一点也很关键,就是作品中的色彩搭配,下面我们详细说下。

    5.png

    严格意义上来说,色彩也属于视觉元素的一类,不同的节日所使适用的色彩组合也不一样。就拿本期要说的圣诞节来说,在你印象中,圣诞节常用的色彩组合有哪些?

    主色调:

    6.png

    辅助色和点缀色:

    7.png

    说到圣诞节,我们能想到常见的与之相关联的颜色基本上就是这两组,尤其是红色和绿色相互搭配的颜色组合,已经逐渐成为了圣诞节另一个视觉符号。举个简单的例子:

    8.png

    如上图所示,红色和绿色的颜色组合,再加上模特衣服上的麋鹿团,即使没有其他元素的衬托、也没有文字说明,让能让人第一时间联想到圣诞节。

    那么如何去理解和运用这两组颜色呢?

    可以理解为当上方主色调确定后,那么就可以选择下方与之不同的色彩作为辅助色或者点缀色。

    比如:当主色调确定为绿色时,辅助色和点缀色就可以从黄色或红色中进行选取,看个案例:

    9.webp.jpg

    同样的,当主色调为红色时,辅助色和点缀色就可以选择黄色或者绿色:

    10.webp.jpg

    当主色调为白色时比较特殊,因为白色属于无彩色的一种,所有的有彩色都可以成为它的辅助色或者点缀色。而圣诞节中最常用的有彩色是:红色、绿色和黄色。

    11.png

    当然,与圣诞节相关的颜色还有很多,只是文中提到的更常见,也更好把控。

    当我们了解清楚圣诞节具有代表性的视觉元素和色彩搭配之后,接下来就要考虑作品风格了。

    12.png

    作品风格的不同,对于视觉元素以及色彩搭配的要求就不同。但我们在分析作品风格之前需要搞清楚一点:设计是服务于商业的。

    所以在确定风格之前,你要清楚设计的目的是什么?促销卖货、品牌宣传、炫技……

    设计的目的不同,设计风格取向也不同,下面我们通过目的来推演作品风格的不同类型。当我们的设计目的是卖货时,那么作品风格上就可以偏促销、热闹一些,下面举例说明:

    13.png

    这一风格的特点就是视觉元素较多、热闹、主题利益点突出。适合以卖货为目的的电商活动专题设计。

    再来说下以品牌宣传为目的的风格特点。

    14.png

    相对来说,这类风格更加安静,在保留圣诞节日气息的前提下,更能凸显品牌调性。

    至于炫技,怎么牛逼就怎么来,没错的图片~

    15.png

    视觉元素、色彩搭配和作品风格了解清楚之后,下面我们就需要利用一些设计中的技巧方法实现作品输出。

    ① 巧用圣诞视觉符号

    在视觉元素模块中就提到过圣诞节的视觉符号,利用好这一点,基本上就不会出错,下面一起看几个案例:

    16.png16-3.webp.jpg

    圣诞老人、圣诞袜、麋鹿等等这些富有代表性的视觉元素出现在作品中时,会给人较为明确的主题意向,对于作品整体的视觉呈现来说有很大帮助。

    同样也可以运用到品牌宣传上:

    17-1.webp.jpg17-2.webp.jpg17-3.webp.jpg

    利用简单且有意图的圣诞视觉元素,就能体现出浓浓的圣诞节气息。并且丝毫不会降低作品整体的品牌感。

    另外当刻意放大圣诞视觉符号时,会给人更强烈的视觉冲击力和圣诞氛围感。

    ② 合成手法

    合成手法在设计工作中用到的非常多。在圣诞节专题设计中,同样可以利用合成的手法搭建与圣诞有关的场景,再融入产品、文案元素。

    这是奔驰为圣诞节制作的海报,以圣诞老人送礼物为故事主题,既能体现出圣诞节的氛围,又给用户一种非常有趣的感受。

    18.webp.jpg

    类似的作品还有:

    19-1.webp.jpg19-2.png

    ③ 恰当的配色

    在色彩搭配模块中就提到了常用的与圣诞相关的颜色,比如:红色和绿色,这个颜色搭配已经成为圣诞节的标志性颜色,所以这是一种不会出错的色彩搭配形式。

    看下面这个案例,即便没有特别突出的圣诞元素,也能让人联想到圣诞节,这就是红色、绿色组合所带来的独特感受。

    20.webp.jpg

    当然,不会出色的色彩搭配也就意味着大家可能都会使用,想要摆脱大众化、追求新颖的话,也完全可以换种色彩搭配形式。比如:

    21.png

    ④ 标题与圣诞元素相结合

    设计作品中不可忽略的一个元素就是标题,作为最直接的信息传达元素,文字远比画面更易于理解。

    所以即便画面中没有太多与圣诞相关的视觉元素,也可以通过标题设计,体现出圣诞节日的氛围。举个例子:

    22.png

    同样都是圣诞相关的标题,文字与圣诞元素相结合的形式,将标题从单纯的文字信息转变为具有节日色彩的图文信息。应用到工作中:

    23.webp.jpg23-2.png

    以上通过视觉元素、色彩搭配、作品风格、技巧方法四个核心方面的详细分析和总结,每个环节环环相扣、相互结合,你能得到很多种解题思路。

    当然,圣诞专题的思路远不止这些,文章只是为大家提供方向和思路,剩下的还有很多可发挥的空间。

    今天就到这里吧,咱们下次再见!

    原文地址:美工美邦(公众号)

    作者:美工美邦