浅析数字化时代3D元素在视觉设计中的运用

陈茹

摘要：随着信息技术的迅猛发展，传统的平面设计一方面受到极大的市场冲击，另一方面也迎来了极大发展机遇，衍生出了诸多新的数字化的平面设计种类。根据国际权威设计社区Behance近几年对于设计趋势分析，可以预见到设计界中3D风格将在很长一段时间里，引领这个时代的潮流。本文重点叙述3D视觉元素的定义、视觉表现优点和使用，研究其在标志设计、电商设计、H5互动广告设计等相关设计中的现实表现，分析数字化平面设计新视觉元素和具备视觉辨别效果与影响力的全新设计方式。

关键词：3D设计；标志设计；电商设计；H5广告设计

中图分类号：1524 文献识别码：A 文章编号：1001-828X（2018）025-0334-02

3D英文全文是“Three Dimensions”，大众所了解到的物体都是以三维立体形态出现，其颜色、光泽等外部质感和内部相对复杂的结构与物体之间的运动关系，都相对丰富、类型众多。人的视网膜感受到的物体一般是二维，其中感受三维空间关系一般依赖双眼间距产生的视差。由于大众现实生活的空间是拥有多个维度的，现实世界带来的直接感受与日常经验促使我们产生视觉习惯、空间定义与思维模式。因此，我们一般会把出现在二维空间内的图像主观给予其三维立体空间观，其一般是由于大脑习惯性地把视觉信息自主改变成我们日常了解的三维空间。

一、3D元素在标志设计中的运用

在标志设计中，所谓3D形式是指通过不同的表现与处理方法，呈现出立体效果的标志。标志的三维表现形式可大致分为两类，一类是在二维几何图形的基础上通过赋予其光影、材质、冷暖色彩、透视原理、矛盾空间等与空间感紧密相关的因素，使其产生纵深感和空间感；另一类则是直接运用3D软件进行设计和制作，其实质就是三维立体图形，当今软件科技的发展，尤其是3D软件的发展与应用，给标志的设计带来了新的概念，使得标志立体化，动态化的设计能够现实。2016年巴西里约奥运会的会标，由巴西本土著名的塔蒂尔工作室创作设计而成。此会标的主体为三个线条优美的人形图案构成，并结合柔和的色彩渐变使得光源所投影的绿、黄、蓝三色展现在三个人性之上，同时把光影的对比融入其中，从而设计出一个较之中国奥运会和伦敦奥运会标志更为空间感更强的标志。由此可见，这现代化背景下的标志设计中，色调和光线两个因素的三维视觉研究与应用，对于空间感的构成及表现尤为重要。

二、3D在标志样机展示设计中的运用

样机为检验设计或预案的科学性与正确性，或生产可行性而生产的样品，目前平面设计行业一般表示将材质、光影赋予标志、包装、画册等二维的设计内容，模拟出其在展示空间中、承载媒介上的表现。使用样机进行标志的展示有三个好处：

首先是降低与客户的沟通成本：由于客户是非专业人士，对于设计师所设计的内容、无法有太直观的认识。为了便于理解，设计师必须将二维、平面的设计内容立体化、三维化，使其产生空间感、景深感，模拟在真实场景的成像，以方便客户对于设计内容的评估与进一步给出反馈。其次降低设计印刷工艺的试错成本：平面设计师在设计过程中，时常得考虑到使用烫金、UV等印刷工艺。相比于制成印刷实体，使用展示样机进行印刷工艺的模拟，其试错成本和时间成本更低，便于提高设计师的工作效率。但是样机对于印刷工艺的模拟并不能完全等同于现实中的实际效果，如果客户在精度、工艺方面有特殊要求，还需使用真正的印刷实体。

三、H5互动广告中3D元素的运用

以互动方式来分类的话，H5一般可以分成四类：基于传感器、基于触摸屏操作、基于画面呈现。这种分类方式并不是绝对的，四类之中继续划分成不同小类，实际使用中可使用一种，也可以多种类别组合起来使用。接下来进行全面叙述：

1.基于传感器

手机上的传感器主要包含陀螺仪、GPS、摄像头、麦克风、震动传感器、光线传感器等多个部分。

2.基于触摸屏操作

在触摸屏上的操作具有众多互动模式，比如单屏滚动、手势操作、全景交互和多屏互动等。

3.基于画面呈现

通常是表现一段具有乐趣的、技术含量高的画面，比如视频、动画、特效，让使用者产生视觉上的冲击，使用者也能利用和画面内容互动，查看个人需要的内容。

通常来说，运用到3D元素的H5设计，一般以第一种和第三种互动方式为主。这类H5的制作成本一般比实拍视频类的H5低一些，同时使用3D元素也可以实现一些比较华丽的视觉效果。

四、3D元素在电商设计中的运用

1.电商设计的发展与风格概述

随着互联网的发展与普及，电子商务这一新兴行业也如雨后春笋一般进入人们的生活中。大到电商平台天猫的双十一、京东的618等的“造节”活动，小到单个品牌的线上活动“超级品牌日”，不无是通过运营上的优惠促销、设计上的独特视觉来吸引人们的注意力，以达到提高产品销售额和品牌知名度的营销目的。根据调查在闲暇之余浏览品牌电商页面时，更喜欢风格具有气质灵动、活力充沛、新颖有形且色彩明快的电商品牌。因此电商页面的设计风格、整体调性要符合品牌的形象、气质和定位。近年来设计师们几乎都是使用了Cinema 4D这款3D软件来实现设计的，甚至于在电商设计领域，C4D成为了3D风格的代名词，受到了大量的设计师的追捧。

2.风格电商设计的运用与常见样式

电商设计从广义上来说包括电商平台网站设计、品牌店铺页面设计、活动专题页设计、商品详情页设计、Banner设计等等，而3D作为一种视觉冲击力很强的设计风格，最多被运用在活动专题页设计的头部banner中。3D作為电商的视觉输出可以有很多种风格与感觉，是一种可塑性极强的视觉风格，3D元素在banner设计中一般可以分为四种类别：一是3D字体设计，这是一种最常见的3D风格的banner类型，由于电商活动页设计是时效性非常强，一个banner从活动策划到输出上线的时间特别仓促，而3D字体设计拥有强烈的视觉冲击力的同时其制作难度相对其他类型比较低，常常作为Banner视觉输出的优先考虑。天之眼作为国内知名的终端品牌，其聚划算活动页显得充满了酷炫的科技感。二是搭建3D场景：这也是一种Banner类型，与3D字体设计相比，通过3D建模的形式搭建一个品牌视觉形象显然更有挑战性、耗时更长、难度更大，但是这种方式输出的视觉形象显然更加饱满而耐看、充满细节。正如小米天猫超级品牌日的banner，上面陈列了众多的小米产品，点击可以直接进入每个产品的详情页，整个画面显得特别地温暖、女性化。三是3D与摄影相结合，这种类型的Banner设计也可以分为两种：一种是用建模形式搭建商品展示场景，并与商品的摄影图片相结合；一种是以摄影图片为主，3D元素作为装饰性的元素出现，此类Banner摄影图片一般以模特为主，用3D元素来增添整个画面的设计感。四是添加了交互、动效的banner，这种类型的banner一般和上面的几种类型相结合，在添加了交互或者动画之后显得更加的引人注目、提高受众的兴趣。

近年来电商的迅猛发展是不争的事实，由于网上售卖价格是公开透明的，对于商品质量和价格都相近的商品而言，要想吸引住消费者的注意力，电商的视觉设计的作用更是不可低估，甚至可以说视觉是消费者网购的前提，一个不重视视觉设计的电商品牌，绝不是一个优秀的电商品牌。无论是3D风格或者扁平风、复古风等等视觉风格，如何在充分展现电商品牌形象、气质的前提下，设计出能够第一时间抓住消费者眼球的设计，是电商设计师们需要努力钻研的课题。

五、结语

伴随信息科技的持续发展和使用，当前3D一般表示基于电脑端数字化的3D技术，也就是三维数字化。此科技催生出全新的视觉形态，已然成为一种趋势趋势，在影视、游戏、建筑设计中都已得到广泛运用，今后的前景将更加广阔。