淺析數(shù)字化時(shí)代3D元素在視覺設(shè)計(jì)中的運(yùn)用

陳茹

摘要：隨著信息技術(shù)的迅猛發(fā)展，傳統(tǒng)的平面設(shè)計(jì)一方面受到極大的市場(chǎng)沖擊，另一方面也迎來了極大發(fā)展機(jī)遇，衍生出了諸多新的數(shù)字化的平面設(shè)計(jì)種類。根據(jù)國(guó)際權(quán)威設(shè)計(jì)社區(qū)Behance近幾年對(duì)于設(shè)計(jì)趨勢(shì)分析，可以預(yù)見到設(shè)計(jì)界中3D風(fēng)格將在很長(zhǎng)一段時(shí)間里，引領(lǐng)這個(gè)時(shí)代的潮流。本文重點(diǎn)敘述3D視覺元素的定義、視覺表現(xiàn)優(yōu)點(diǎn)和使用，研究其在標(biāo)志設(shè)計(jì)、電商設(shè)計(jì)、H5互動(dòng)廣告設(shè)計(jì)等相關(guān)設(shè)計(jì)中的現(xiàn)實(shí)表現(xiàn)，分析數(shù)字化平面設(shè)計(jì)新視覺元素和具備視覺辨別效果與影響力的全新設(shè)計(jì)方式。

關(guān)鍵詞：3D設(shè)計(jì)；標(biāo)志設(shè)計(jì)；電商設(shè)計(jì)；H5廣告設(shè)計(jì)

中圖分類號(hào)：1524 文獻(xiàn)識(shí)別碼：A 文章編號(hào)：1001-828X（2018）025-0334-02

3D英文全文是“Three Dimensions”，大眾所了解到的物體都是以三維立體形態(tài)出現(xiàn)，其顏色、光澤等外部質(zhì)感和內(nèi)部相對(duì)復(fù)雜的結(jié)構(gòu)與物體之間的運(yùn)動(dòng)關(guān)系，都相對(duì)豐富、類型眾多。人的視網(wǎng)膜感受到的物體一般是二維，其中感受三維空間關(guān)系一般依賴雙眼間距產(chǎn)生的視差。由于大眾現(xiàn)實(shí)生活的空間是擁有多個(gè)維度的，現(xiàn)實(shí)世界帶來的直接感受與日常經(jīng)驗(yàn)促使我們產(chǎn)生視覺習(xí)慣、空間定義與思維模式。因此，我們一般會(huì)把出現(xiàn)在二維空間內(nèi)的圖像主觀給予其三維立體空間觀，其一般是由于大腦習(xí)慣性地把視覺信息自主改變成我們?nèi)粘Ａ私獾娜S空間。

一、3D元素在標(biāo)志設(shè)計(jì)中的運(yùn)用

在標(biāo)志設(shè)計(jì)中，所謂3D形式是指通過不同的表現(xiàn)與處理方法，呈現(xiàn)出立體效果的標(biāo)志。標(biāo)志的三維表現(xiàn)形式可大致分為兩類，一類是在二維幾何圖形的基礎(chǔ)上通過賦予其光影、材質(zhì)、冷暖色彩、透視原理、矛盾空間等與空間感緊密相關(guān)的因素，使其產(chǎn)生縱深感和空間感；另一類則是直接運(yùn)用3D軟件進(jìn)行設(shè)計(jì)和制作，其實(shí)質(zhì)就是三維立體圖形，當(dāng)今軟件科技的發(fā)展，尤其是3D軟件的發(fā)展與應(yīng)用，給標(biāo)志的設(shè)計(jì)帶來了新的概念，使得標(biāo)志立體化，動(dòng)態(tài)化的設(shè)計(jì)能夠現(xiàn)實(shí)。2016年巴西里約奧運(yùn)會(huì)的會(huì)標(biāo)，由巴西本土著名的塔蒂爾工作室創(chuàng)作設(shè)計(jì)而成。此會(huì)標(biāo)的主體為三個(gè)線條優(yōu)美的人形圖案構(gòu)成，并結(jié)合柔和的色彩漸變使得光源所投影的綠、黃、藍(lán)三色展現(xiàn)在三個(gè)人性之上，同時(shí)把光影的對(duì)比融入其中，從而設(shè)計(jì)出一個(gè)較之中國(guó)奧運(yùn)會(huì)和倫敦奧運(yùn)會(huì)標(biāo)志更為空間感更強(qiáng)的標(biāo)志。由此可見，這現(xiàn)代化背景下的標(biāo)志設(shè)計(jì)中，色調(diào)和光線兩個(gè)因素的三維視覺研究與應(yīng)用，對(duì)于空間感的構(gòu)成及表現(xiàn)尤為重要。

二、3D在標(biāo)志樣機(jī)展示設(shè)計(jì)中的運(yùn)用

樣機(jī)為檢驗(yàn)設(shè)計(jì)或預(yù)案的科學(xué)性與正確性，或生產(chǎn)可行性而生產(chǎn)的樣品，目前平面設(shè)計(jì)行業(yè)一般表示將材質(zhì)、光影賦予標(biāo)志、包裝、畫冊(cè)等二維的設(shè)計(jì)內(nèi)容，模擬出其在展示空間中、承載媒介上的表現(xiàn)。使用樣機(jī)進(jìn)行標(biāo)志的展示有三個(gè)好處：

首先是降低與客戶的溝通成本：由于客戶是非專業(yè)人士，對(duì)于設(shè)計(jì)師所設(shè)計(jì)的內(nèi)容、無法有太直觀的認(rèn)識(shí)。為了便于理解，設(shè)計(jì)師必須將二維、平面的設(shè)計(jì)內(nèi)容立體化、三維化，使其產(chǎn)生空間感、景深感，模擬在真實(shí)場(chǎng)景的成像，以方便客戶對(duì)于設(shè)計(jì)內(nèi)容的評(píng)估與進(jìn)一步給出反饋。其次降低設(shè)計(jì)印刷工藝的試錯(cuò)成本：平面設(shè)計(jì)師在設(shè)計(jì)過程中，時(shí)常得考慮到使用燙金、UV等印刷工藝。相比于制成印刷實(shí)體，使用展示樣機(jī)進(jìn)行印刷工藝的模擬，其試錯(cuò)成本和時(shí)間成本更低，便于提高設(shè)計(jì)師的工作效率。但是樣機(jī)對(duì)于印刷工藝的模擬并不能完全等同于現(xiàn)實(shí)中的實(shí)際效果，如果客戶在精度、工藝方面有特殊要求，還需使用真正的印刷實(shí)體。

三、H5互動(dòng)廣告中3D元素的運(yùn)用

以互動(dòng)方式來分類的話，H5一般可以分成四類：基于傳感器、基于觸摸屏操作、基于畫面呈現(xiàn)。這種分類方式并不是絕對(duì)的，四類之中繼續(xù)劃分成不同小類，實(shí)際使用中可使用一種，也可以多種類別組合起來使用。接下來進(jìn)行全面敘述：

1.基于傳感器

手機(jī)上的傳感器主要包含陀螺儀、GPS、攝像頭、麥克風(fēng)、震動(dòng)傳感器、光線傳感器等多個(gè)部分。

2.基于觸摸屏操作

在觸摸屏上的操作具有眾多互動(dòng)模式，比如單屏滾動(dòng)、手勢(shì)操作、全景交互和多屏互動(dòng)等。

3.基于畫面呈現(xiàn)

通常是表現(xiàn)一段具有樂趣的、技術(shù)含量高的畫面，比如視頻、動(dòng)畫、特效，讓使用者產(chǎn)生視覺上的沖擊，使用者也能利用和畫面內(nèi)容互動(dòng)，查看個(gè)人需要的內(nèi)容。

通常來說，運(yùn)用到3D元素的H5設(shè)計(jì)，一般以第一種和第三種互動(dòng)方式為主。這類H5的制作成本一般比實(shí)拍視頻類的H5低一些，同時(shí)使用3D元素也可以實(shí)現(xiàn)一些比較華麗的視覺效果。

四、3D元素在電商設(shè)計(jì)中的運(yùn)用

1.電商設(shè)計(jì)的發(fā)展與風(fēng)格概述

隨著互聯(lián)網(wǎng)的發(fā)展與普及，電子商務(wù)這一新興行業(yè)也如雨后春筍一般進(jìn)入人們的生活中。大到電商平臺(tái)天貓的雙十一、京東的618等的“造節(jié)”活動(dòng)，小到單個(gè)品牌的線上活動(dòng)“超級(jí)品牌日”，不無是通過運(yùn)營(yíng)上的優(yōu)惠促銷、設(shè)計(jì)上的獨(dú)特視覺來吸引人們的注意力，以達(dá)到提高產(chǎn)品銷售額和品牌知名度的營(yíng)銷目的。根據(jù)調(diào)查在閑暇之余瀏覽品牌電商頁(yè)面時(shí)，更喜歡風(fēng)格具有氣質(zhì)靈動(dòng)、活力充沛、新穎有形且色彩明快的電商品牌。因此電商頁(yè)面的設(shè)計(jì)風(fēng)格、整體調(diào)性要符合品牌的形象、氣質(zhì)和定位。近年來設(shè)計(jì)師們幾乎都是使用了Cinema 4D這款3D軟件來實(shí)現(xiàn)設(shè)計(jì)的，甚至于在電商設(shè)計(jì)領(lǐng)域，C4D成為了3D風(fēng)格的代名詞，受到了大量的設(shè)計(jì)師的追捧。

2.風(fēng)格電商設(shè)計(jì)的運(yùn)用與常見樣式

電商設(shè)計(jì)從廣義上來說包括電商平臺(tái)網(wǎng)站設(shè)計(jì)、品牌店鋪頁(yè)面設(shè)計(jì)、活動(dòng)專題頁(yè)設(shè)計(jì)、商品詳情頁(yè)設(shè)計(jì)、Banner設(shè)計(jì)等等，而3D作為一種視覺沖擊力很強(qiáng)的設(shè)計(jì)風(fēng)格，最多被運(yùn)用在活動(dòng)專題頁(yè)設(shè)計(jì)的頭部banner中。3D作為電商的視覺輸出可以有很多種風(fēng)格與感覺，是一種可塑性極強(qiáng)的視覺風(fēng)格，3D元素在banner設(shè)計(jì)中一般可以分為四種類別：一是3D字體設(shè)計(jì)，這是一種最常見的3D風(fēng)格的banner類型，由于電商活動(dòng)頁(yè)設(shè)計(jì)是時(shí)效性非常強(qiáng)，一個(gè)banner從活動(dòng)策劃到輸出上線的時(shí)間特別倉(cāng)促，而3D字體設(shè)計(jì)擁有強(qiáng)烈的視覺沖擊力的同時(shí)其制作難度相對(duì)其他類型比較低，常常作為Banner視覺輸出的優(yōu)先考慮。天之眼作為國(guó)內(nèi)知名的終端品牌，其聚劃算活動(dòng)頁(yè)顯得充滿了酷炫的科技感。二是搭建3D場(chǎng)景：這也是一種Banner類型，與3D字體設(shè)計(jì)相比，通過3D建模的形式搭建一個(gè)品牌視覺形象顯然更有挑戰(zhàn)性、耗時(shí)更長(zhǎng)、難度更大，但是這種方式輸出的視覺形象顯然更加飽滿而耐看、充滿細(xì)節(jié)。正如小米天貓超級(jí)品牌日的banner，上面陳列了眾多的小米產(chǎn)品，點(diǎn)擊可以直接進(jìn)入每個(gè)產(chǎn)品的詳情頁(yè)，整個(gè)畫面顯得特別地溫暖、女性化。三是3D與攝影相結(jié)合，這種類型的Banner設(shè)計(jì)也可以分為兩種：一種是用建模形式搭建商品展示場(chǎng)景，并與商品的攝影圖片相結(jié)合；一種是以攝影圖片為主，3D元素作為裝飾性的元素出現(xiàn)，此類Banner攝影圖片一般以模特為主，用3D元素來增添整個(gè)畫面的設(shè)計(jì)感。四是添加了交互、動(dòng)效的banner，這種類型的banner一般和上面的幾種類型相結(jié)合，在添加了交互或者動(dòng)畫之后顯得更加的引人注目、提高受眾的興趣。

近年來電商的迅猛發(fā)展是不爭(zhēng)的事實(shí)，由于網(wǎng)上售賣價(jià)格是公開透明的，對(duì)于商品質(zhì)量和價(jià)格都相近的商品而言，要想吸引住消費(fèi)者的注意力，電商的視覺設(shè)計(jì)的作用更是不可低估，甚至可以說視覺是消費(fèi)者網(wǎng)購(gòu)的前提，一個(gè)不重視視覺設(shè)計(jì)的電商品牌，絕不是一個(gè)優(yōu)秀的電商品牌。無論是3D風(fēng)格或者扁平風(fēng)、復(fù)古風(fēng)等等視覺風(fēng)格，如何在充分展現(xiàn)電商品牌形象、氣質(zhì)的前提下，設(shè)計(jì)出能夠第一時(shí)間抓住消費(fèi)者眼球的設(shè)計(jì)，是電商設(shè)計(jì)師們需要努力鉆研的課題。

五、結(jié)語

伴隨信息科技的持續(xù)發(fā)展和使用，當(dāng)前3D一般表示基于電腦端數(shù)字化的3D技術(shù)，也就是三維數(shù)字化。此科技催生出全新的視覺形態(tài)，已然成為一種趨勢(shì)趨勢(shì)，在影視、游戲、建筑設(shè)計(jì)中都已得到廣泛運(yùn)用，今后的前景將更加廣闊。