探索数字科技世界中的二十四节气

设计背景

在2019年5月21日-23日的腾讯全球数字生态大会上，腾讯安全进行了品牌使命刷新，升级为“产业互联网时代的安全战略官”，为产业互联网的安全保驾护航。

作为腾讯安全的旗下产品电脑管家，也在探索如何将产业数字化升级的安全战略官这一品牌使命通过插画设计的方法将其具象化到品牌故事中，从而建立用户情感链接，提升品牌情感化维度的方法。因此，我们希望新的插画设计在表现节气的特有属性以及电脑管家的品牌调性外，能够塑造一个数字科技守护的插画世界，使用户感受到科技使生活更美好。

一、品牌概念提炼

腾讯电脑管家在13.0版本提炼出了“新科技，轻快净”的品牌调性。轻快净代表了未来世界科技的发展趋势，轻装饰、高效能、弱干扰可以使用户体验更轻松，科技发展更聚焦，更容易产生飞跃性的突破。这在许多科幻电影中也都有表现，比如复联中的机舱和机房环境，以及三体小说描绘下的水滴等。
二十四节气系列插画是电脑管家的经典设计之一，而节气本身也是中国古人在农耕时期，通过观察天体运行从而总结出的自然界气候、生物的变化规律，是属于古人的科学理论。古人的科学和未来的科技结合，让人们在感受季节变化的同时，可以体会到新科技的理性，纯粹，也可以更好的传达出腾讯安全的使命和责任感。

1、关键词提取

基于“新科技、轻快净”的品牌定位，以及“产业数字化升级的安全战略官”的品牌使命，我们脑暴了许多能与之联系起来的关键词。“新科技、轻快净”这个Slogan在内容上突出了科技的纯粹，效率，以及对于未来的探索，而品牌使命“产业数字化升级的安全战略官”给人守护和助力的感受。在综合多个关键词对比之后，最终选择了科技、探索、守护三个关键词作为本次系列插画的发散点。

2、世界观以及故事思路设定

以关键词为基础我们开始发散思考，怎样的世界才能将节气和科技更好的结合，为此我们也查找了许多科幻电影世界观的资料。节气有非常强的自然属性，但在大部分的科幻电影中，自然属性往往是次于科技概念的。因此，我们为此尝试设计了许多不同的概念，从科技城市中的自然景观，到守护世界的科技神兽。这些概念虽然在视觉效果上可以做到科技感十足，但与自然场景的结合都显得较为生硬，或者过于复杂与就在我们感到灵感枯竭之时，突然想到小时候看过的电影黑客帝国，黑客帝国描写下的世界是一个由虚拟数据构成的世界，那里一切现实场景都是数据构成的，就像我们现在丰富多彩的网络世界，具象的机械科技元素和丰富的由数据构成的自然元素在这样的世界观下显得非常和谐，腾讯安全业务的主战场从C端转向B端也类似于数据世界开启了新的探索。

在这样的世界观引导下，节气插画的故事也逐渐清晰了起来：“腾讯的安全专家G博士来到未知的数码世界，开启了利用科技守护数据净土的旅程。”在这个故事中，他会沿途利用科技结合节气中的特性，帮助世界更好的发展。也象征着腾讯安全助力数字世界发展的使命。

二、科技与传统的结合

1、与节气传统的关系

以往的节气插画是通过诗句、传说等意境为着力点进行构思，而这次以科技感去打造节气，仅仅是表达出意境是远远不够的。为此，我们结合确定的插画故事，思考如何利用科技在每个节气去守护数据净土。节气是古人的科学，我们应当针对节气所反映的自然变化特性，发现节气的特征以及其中存在的痛点，可以思考科技如何锦上添花、雪中送炭。

第一张节气插画是从立夏开始的，提起立夏，我们第一反应这是繁茂初始，荷花待开的季节。想到的诗句是“小荷才露尖尖角,早有蜻蜓立上头”，荷花象征着纯净与美好，也象征着富有生命的夏季已经到来，一切都是希望，就像产业互联网时代的到来。为此我针对腾讯安全保护用户数据的使命，设计了一个开端故事。腾讯安全化身的小人在数据世界中，守护着即将开放的荷花，画面中荷叶长得像山一样高，荷花一旦绽放，花香会传遍整个山谷，让人感受美好的同时也会招来危险。这也象征着腾讯安全守护用户数据，助力产业互联网时代发展的责任感。

接下来的每个节气，我都选取最能代表这个节气的特性，，和腾讯安全在产业互联网中助力发展的概念相结合，比如芒种”飞船用生命射线助力水稻生长“，夏至“驾船去维护人造太阳”，秋分“管理时间的池塘来提高效率”，谷雨“通过克隆的方式帮助作物同步生长”等等。

2、科技感节气的特征

世界观和故事确定后，我们就在思考什么样的画面让科技感与节气相互融合。首先，我们根据新科技轻快净的品牌调性，搜集了大量的情绪板，将其分为科幻场景和自然场景两类。其次，我们将其中常见的科幻场景提炼出了三大特性：神秘的氛围，充满未来感的科技，突破常理的画面构图。对自然类的插画作品也提炼了三大特性：舒适的气氛，清新的自然感受，细腻的色彩。按照元素特点进行区分，科技感的元素往往拥有较为光滑的质感，因为可以使人联想到玻璃、金属的材质，在外形上拥有平滑的直线，在构成形式上有着比较明确的规律，比如平行、垂直、对称等，给人一种理性的感觉。而在自然界的生物往往造型是较为复杂多变、有生命力的、不存在绝对的直线和几何形体，而绘制科技感的节气需要将科技的理性造型搭配与变化丰富的自然元素相结合。

最后，在画风的选择上、我们考虑过厚涂、线描、扁平矢量的风格，在观察对比了多个B端品牌的插画之后，发现扁平矢量的插画风格更容易将科技的理性和自然的感性相结合。为此，我们采用了抽象概括的手法，将自然界的景观概括成扁平，轻质感的插画风格。在描绘风景时多使用几何构成的方式，使感性的自然风景变得理性，与画面中严谨的科技相辅相成。同时为了不显得生硬死板，也可以在其中加入变化随机的有机造型，比如云朵，花瓣，树叶，水汽等来为画面增添活力。将画面中科技元素和自然元素的比重控制到3:7，较多的自然景色可以留出更多的余地来展现节气的意境。

3、营造构图的秩序感

在科技感插画当中，画面构图的秩序感非常重要。怎样突出画面的秩序感。针对这个问题我结合了许多风格近似的插画以及电脑管家13.0星际探索主题皮肤，提炼出了几个特点：

（1）视觉重心的平衡：视觉重心的平衡这一点在平面设计中经常用到，在科技感插画中往往会有为了表现重力的失衡做出漂浮的物体，但没有重力不代表视觉重心的失衡。在这一点上在插画上采用中心构图，对角线构图，之字型构图几种。既考虑作为壁纸插画时的布局，也考虑作为tips时预留的文字位置。

（2）有步骤的观看体验：为了让每张插画都能获得同样的有秩序的体验，我将观看的路线分为三步：科技——人物——环境。每一张的场景都设计了远中近的层层递进关系，虚实明确，画面有纵深感。

（3）有秩序的构成组合方式：真正的平行与垂直在自然界中几乎不存在，但在建筑设计与工业设计中经常可以见到，也因此这种形式可会让人产生理性的感觉。为此我会在画面中，有意识的采用平行的手法来概括自然界的物体，比如说水面采用平行的色块，或者线条，通过有节奏感的疏密分布，将水面产生动感，同样的方法也应用于山体上。除了平行与垂直，对称也可以使画面感觉非常稳固可靠。

（4）斜线与折线的应用：单纯的平行与垂直的构成容易使画面感受过于死板和僵硬，在平面设计中，斜线可以给人带来不稳定型，增加画面的节奏感。而折线可以产生速度感，紧张感，能够有效的增强画面的活力，也可以起到引导视线的作用。

通过以上四种理性的组合方式，可以使的画面构成感强烈，画面视野开阔，节奏丰富又不失秩序感。同样的组成方式可以应用在任何一种科技感插画之中。

4、新科技主体的设计

二十四张节气中，每一个画面都有一个对应功能和主题的主体科技，来贯穿整个系列。在电脑管家13.0的品牌推导中，将新科技定义为纯粹、高效、可持续的科技。围绕这个品牌调性，我将画面中的主要科技都设定为造型简洁、棱角分明、构成感强、有柔和光感的未来科技。绘制了全息投影，宇宙飞船，未来汽车等近20余种科技。

5、轻快净色彩的设定

基于电脑管家13.0，轻、快、净的品牌调性，在配色上选用选比较符合纯净、轻量、明快的色彩，将明度和饱和度的区间都定义的比较高。同时控制了画面中暖色的面积，使整个系列插画获得一种轻快、理性的色彩感受。

为了使各个节气表现出自己的特色，我针对节气变化中的冷暖，定义了四种区间颜色，并且使整体处于一个和谐的过渡状态。同时我把颜色控制在了一个舒适区，不能太冷也不能太热。根据调查，在夏季最热的两个节气，小暑和大暑中，人们更希望获得清凉舒适的视觉体验。因此控制了绿色和蓝色的比重，使色彩感受舒适。在冬天最冷的节气小寒和大寒中也适当的加入阳光和花朵的色彩，让人感受到希望。

三、最终呈现

随着谷雨节气的结束，当前24节气插画已经全部完成。通过对节气故事的设定和对画面理性的安排，为电脑管家的24节气赋予了特有的插画调性。在关键营销节点和各大公司的节气营销海报和插画对比中拉开了差距。以下是当前完整的节气插画。

1、壁纸与周边扩展

当前节气插画的展示场景有开机Tips、手机壁纸、电脑壁纸、运营banner以及手机管家启动闪屏等。由于展示尺寸的不同，在延展电脑壁纸时结合画面需要增加了一些细节丰富度。希望带给用户最佳的视觉体验。

2、用户反响

节气插画一经推出就就好评不断，被许多公众号和网站转载，几乎每一张都被数英网收录在节气营销海报的文章之中，让电脑管家的品牌获得了更多的曝光。

在2020年的腾讯设计周时，以电脑管家二十四节气做为封面的灵感本销售一空，获得了许多业界同仁的认可，非常感谢大家的支持！

四、总结与展望

这次的节气插画与其他品牌的营销插画风格大不相同，在创作思路以及构成形式上都较难找到近似的参考。此外，在创作思路上，所有的节气都要在其中发现痛点，思考如何通过科技来使其变美好。在构成形式上，几何化的构成如何在24节气中使用统一的构成语言而又不死板，表现每个节气不同的气质。而这些问题最终都被我们逐一突破，使节气插画的设计多了一种可能性。也让我们领悟到未来元素与传统故事包含共通点，以叙事性的手法作为桥梁将元素间的内在联系打通，可以帮助我们在传统的基础上实现新风格的构建。

最后，感谢所有人的关注与支持，希望我们能够不断探索出新的设计思路，在产业数字化升级的赛道上带来更多精彩的设计。

Ps：喜欢壁纸的各位可以前往电脑管家壁纸中心进行下载，谢谢大家🙏

地址 https://guanjia.qq.com/product/wallpaper/?ADTAG=innerenter.gj.web