移動端3D交互動畫創(chuàng)作管窺

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了移動端3D交互動畫創(chuàng)作管窺范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：本文就新媒體藝術(shù)發(fā)展背景下，移動媒體端的3d交互動畫創(chuàng)作為切入點(diǎn)，就用戶體驗(yàn)度為創(chuàng)作中心，分析了在具體創(chuàng)作中如何從用戶視角進(jìn)行創(chuàng)作，并且提出了一些常見問題和解決方法，最后總結(jié)了3D交互動畫的創(chuàng)作要點(diǎn)。

關(guān)鍵詞：用戶體驗(yàn)；移動端；3D動畫；創(chuàng)作

一、3D交互動畫在移動端的作用

動畫作為一種綜合藝術(shù)，集合了視覺、聽覺于一身的表現(xiàn)形式，以制作形式分為2D動畫和3D動畫，其中3D動畫能夠更加完整的為用戶展示多種視角，而交互設(shè)計(jì)的視覺元素包括色彩、圖像、文字等，這使得3D動畫是加強(qiáng)用戶體驗(yàn)的不二之選。其運(yùn)用范圍較為廣闊，涉及到用戶點(diǎn)擊觸控的常用手勢、按鈕效果反饋、輸入框布局設(shè)計(jì)、界面規(guī)劃設(shè)計(jì)、游戲動畫等交互內(nèi)容設(shè)計(jì)等多種應(yīng)用。近年來，硬件設(shè)備的發(fā)展促使移動端設(shè)備性能的極大提升，具有不同針對性的移動端設(shè)備提升用戶的便捷度。更高的硬件配置為軟件提供更多的優(yōu)化空間，在加強(qiáng)用戶體驗(yàn)的同時達(dá)到占領(lǐng)市場的目的。用戶體驗(yàn)是其在使用產(chǎn)品、服務(wù)等過程期間的全部感受，對于移動端設(shè)備而言，則是軟件交互功能的使用感受。這是對畫面、音效及系統(tǒng)交互反饋等各種角度的綜合評價，在3D交互動畫的創(chuàng)作中加入交互設(shè)計(jì)，在其播放時能夠?qū)τ脩舻慕换バ袨槌尸F(xiàn)不同的反饋效果，增加用戶的參與度，使趣味性得到提升。本文將通過不同的設(shè)計(jì)案例，分析3D動畫在以增強(qiáng)用戶體驗(yàn)為核心目標(biāo)的創(chuàng)作要點(diǎn)，針對性的開發(fā)有趣、生動的內(nèi)容，發(fā)揮3D交互動畫的優(yōu)勢。

二、風(fēng)格定風(fēng)格

依據(jù)不同的用戶定位，APP內(nèi)三維模型的風(fēng)格略有不同。針對不同的年齡人群，有偏寫實(shí)風(fēng)格的三維人物建模和偏日本卡通造型的三維人物建模，不同的三維建模風(fēng)格對APP的內(nèi)存數(shù)據(jù)有決定性的影響。而簡捷卡通風(fēng)格在造型上更容易符合大眾審美的要求，在模型數(shù)據(jù)上更易優(yōu)化，占內(nèi)存更小。即使有足夠的內(nèi)存空間，軟件的內(nèi)部優(yōu)化依舊是很重要的一個環(huán)節(jié)，無論何種風(fēng)格的三維建模，都不容忽視這個要點(diǎn)。決定三維模型風(fēng)格的除了造型的設(shè)計(jì)，還有貼圖的繪制。過于復(fù)雜的造型會增加模型面數(shù)從而增加數(shù)據(jù)內(nèi)存。故此，貼圖設(shè)計(jì)同理，寫實(shí)的貼圖能夠在視覺效果上達(dá)到現(xiàn)實(shí)物件的真實(shí)效果，但對貼圖尺寸有更大的要求，而顏色明亮、簡單的色塊設(shè)計(jì)，不僅降低了對貼圖尺寸的要求還更容易強(qiáng)化視覺效果，符合大眾審美。本著優(yōu)化內(nèi)存和符合大眾審美的目標(biāo)，確定了以顏色明快造型簡潔的三維模型為之作風(fēng)格。在制作過程中將以牛排和魚的設(shè)計(jì)制作作為詳細(xì)介紹。

三、暗示巧用

依據(jù)用戶心理需求進(jìn)行暗示設(shè)計(jì)，以肉排模型設(shè)計(jì)為例，對肉排的造型及顏色進(jìn)行大量圖片參數(shù)數(shù)據(jù)收集。不同的動畫中，對肉排的造型、顏色、紋理等有著不同的處理效果，而現(xiàn)實(shí)拍攝的照片中，肉排的紋理更佳真實(shí)、不規(guī)則，在不同動畫中，對細(xì)碎紋理的處理手法均有不同，在顏色的設(shè)計(jì)上，對熟肉和生肉的對比效果也有偏橘色或者偏焦黑等不同的處理手法。造型暗示上，采用橫切大塊的造型設(shè)計(jì)，整塊未切開的肉在造型上顯得過于巨大，生活常識中大塊的肉屬于未處理的食材，給用戶心理感受偏向于未完成品；切塊的肉則屬于半處理食材，不同的烹飪手法決定切塊的肉直接烹飪還是待定繼續(xù)切片烹飪，給用戶心理感受偏向于半完成，有試圖完成的欲望。最終從薄切片、肉排切塊和大肉塊中選取了適中的肉排切塊造型。在建模上，通過較簡潔的幾何塊面設(shè)計(jì)將肉排的造型確定下來。顏色暗示上，熟食效果的肉類，有偏醬油的顏色或者是烤至焦黑的顏色這兩種參考，生肉的上色效果則偏暗紅或者時便橘紅。生活常識中，紅色變得越暗沉，更容易給人心理上的暗示偏向于不新鮮、變質(zhì)等效果，所以顏色暗示上需要側(cè)重于新鮮這個關(guān)鍵點(diǎn)。經(jīng)過多次配色設(shè)計(jì)，最終的顏色擬定為便橘色的亮紅，在部分邊角出用略深一點(diǎn)的紅做漸變處理，簡化脂肪的紋理效果。更佳明快的紅色暗示用戶食材非常新鮮。

四、虛實(shí)結(jié)合

根據(jù)移動端及用戶的視覺呈現(xiàn)效果進(jìn)行設(shè)計(jì)，結(jié)合移動端和生活現(xiàn)實(shí)景物呈現(xiàn)特點(diǎn)，進(jìn)形三維貼圖調(diào)式。以模型魚為例，為了使3D動畫更佳真實(shí)，參考用戶角度在光效處理上進(jìn)行強(qiáng)化。為了貼近日常生活，在造型上選用普通常見的鯽魚，造型除開細(xì)微的區(qū)別，在大體概括上歸為水滴或是流線型，這是其生活環(huán)境所決定的。模型設(shè)計(jì)上，在不影響視覺效果的情況下采取最低的幾何輪廓展現(xiàn)出魚的流線造型，避免使用過多的點(diǎn)增加模型面數(shù)，造成不必要的數(shù)據(jù)內(nèi)存。貼圖設(shè)計(jì)上需要注意的一個細(xì)節(jié)是鱗片的處理。過分密集的魚鱗容易給用戶造成視覺感官上的不適，這如同卡通人物對頭發(fā)的簡化處理，在魚鱗這種細(xì)碎的細(xì)節(jié)處理上同樣值得注意。在圖4最右側(cè)圖中，以尾部的高亮出魚鱗為重點(diǎn)，突出了一下鱗片的排列，在中段部分做虛化處理，避免造成視覺上擁擠不堪的視覺效果。

五、總結(jié)

比起制作過程，更重要的是明確前期設(shè)計(jì)定位，一個好的定位方向能夠?yàn)橹鬟^程節(jié)省很多不必要的彎路。同時要注重對現(xiàn)有資料的收集、歸納、分析，抓住受眾群，并針對性的進(jìn)行有效設(shè)計(jì)。對市面上的各種成品的優(yōu)缺點(diǎn)進(jìn)行研究整理，從中找出利于作品需要的要點(diǎn)，并加以運(yùn)用，在設(shè)計(jì)上要考慮到生活常識給人們帶來的潛在心里影響，通過對身邊人群的調(diào)查尋找出均衡點(diǎn)，并運(yùn)用到設(shè)計(jì)中。要做到設(shè)計(jì)不脫離實(shí)際生活；設(shè)計(jì)為現(xiàn)實(shí)生活中的人服務(wù)。隨著人們對服務(wù)要求的提高，交互體驗(yàn)對人性化等細(xì)節(jié)性服務(wù)日趨重視，對現(xiàn)今的各種軟件的服務(wù)性功能性要求也日益增加。在這個軟件眾多的時代，以用戶體驗(yàn)為主的移動端3D交互動畫設(shè)計(jì)營運(yùn)而生，在結(jié)合新興技術(shù)的過程中，為用戶帶來更優(yōu)質(zhì)的交互體驗(yàn)，為移動端的軟件占領(lǐng)市場提供一份有力的支柱。

參考文獻(xiàn)：

[1]賈蕾.基于用戶體驗(yàn)角度的伊利網(wǎng)絡(luò)營銷策略.現(xiàn)代商貿(mào)工業(yè)，2018（10）.

[2]夏麗雯.基于移動終端的交互式動畫設(shè)計(jì)探討.新媒體研究，2018（07）.

[3]郭子明.基于用戶體驗(yàn)移動端的UI交互設(shè)計(jì)探究.明日風(fēng)尚，2018（10）.

[4]季鈺，周蓓.基于增強(qiáng)現(xiàn)實(shí)技術(shù)的用戶體驗(yàn)設(shè)計(jì).常數(shù)理工學(xué)院學(xué)報(bào)，2018（09）.

[5]王星博，王典.三維動畫的發(fā)展應(yīng)用.西部皮革，2018（05）.

作者：萍 曾雪瑤 單位：湖北工業(yè)大學(xué)藝術(shù)設(shè)計(jì)學(xué)院數(shù)字媒體藝術(shù)系