云和教育:云和数据集团旗下高端ICT职业教育品牌
  • 国家级全民数字素养与技能培训基地
  • 河南省第一批产教融合型企业建设培育单位
  • 郑州市数字技能人才(码农)培养评价联盟

教程 | 如何设计好圣诞节专题?

  • 作者:云和教育
  • 日期:2020-12-24
  • 浏览:811次

圣诞节马上就来了,又该做节日专题了!作为一个UI设计师来说,你是否还在发愁如何下手?

本篇文章会从从色彩搭配、视觉元素、作品风格以及技巧方法作为切入点,逐一进行分析和总结,赶快来看一下吧。

001.jpg

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

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

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

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

想做好节日专题,就要从这4个方面入手思考,理清这4点,圣诞专题就迎刃而解啦。

002.jpg

所有的节日都会有标志性的视觉元素,如:七夕节牛郎织女,中秋节嫦娥月饼,端午节粽子龙舟等。

那么圣诞节的视觉元素有哪些呢?圣诞老人、圣诞树、条纹糖果、圣诞袜、圣诞帽、麋鹿雪橇等等。

003.jpg

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

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

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

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

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

004.jpg

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

答案是:松树和条纹糖果

这就是视觉符号所带来的直观感受。

但其实还有一点也很关键,就是作品中的色彩搭配,下面我们详细说下。

005.jpg

对于不同节日来说,配色也是不同的,圣诞节的主色调一般为:红、绿、白。

1. 主色调:

006.jpg

2. 辅助色和点缀色:

007.jpg

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

008.jpg

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

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

首先选择一个主色调,一般为红色、绿色、白色,然后根据主色调选择辅助色和点缀色进行搭配,看个例子:

当主色调确定为绿色时,辅助色和点缀色就可以从黄色或红色中进行选取。

009.jpg

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

010.jpg

主色调选择白色,可以突出干净、整洁的感觉,也能给人一种高品质之感,一般大牌化妆品都会用。如果选择白色作为主色,那么辅助色和点缀色的选择范围就宽泛多了。

011.jpg

当我们选择完视觉元素和色彩后,就要考虑作品的整体设计风格了。

012.jpg

由于作品的用途不同,设计的侧重点就不同,比如电商类作品主要目的是为了卖货,那就需要突出利益主体。

013.jpg

如果作品是以品牌宣传为目的,那就要在保留圣诞节日气息的前提下,更能凸显品牌调性。

014.jpg

最后,我们就要利用一些设计技巧和方法,来让我们的设计作品更有逼格了!

015.jpg

1. 巧用圣诞视觉符号

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

016.jpg

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

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

017.jpg

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

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

2. 合成手法

合成是设计师们常用的技法之一,圣诞节海报用合成也是最常见的方式,比如奔驰的这张海报,以圣诞老人送礼物为故事主题,既能体现出圣诞节的氛围,又给用户一种非常有趣的感受。

018.jpg

类似的作品还有:

019.jpg

3. 恰当的配色

刚才已经提到配色该如何选择,下面看一个案例,红色主色调,绿色、金色辅助色点缀色。

020.jpg

当然还有一些品牌为了追求独特性,也会使用非常规配色,如:

021.jpg

4. 标题与圣诞元素相结合

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

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

022.jpg

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

023.jpg

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

如果你想要往UI设计方向发展,想学一门技术的话,请点击阅读原文,云和数据的老师会给你建议哦!

声明:除云和数据原创文章外,分享和转载的文章皆为促进IT技术的传播,并不代表本微信赞同其观点和对真实性负责,仅做交流学习使用,非商业用途。如有文章或图片的原作者有异议或涉及版权问题,请立即联系我们,我们将在第一时间进行改正或删除,确保您的权益,谢谢支持!