陳茹

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

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

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

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

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

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

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

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

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

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

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

1.基于傳感器

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

2.基于觸摸屏操作

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

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

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

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

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

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

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

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

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

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

五、結(jié)語

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