
1對1定制服務,PC端+手機端+小程序多端應用
網(wǎng)頁中的3D視覺效果
2017年03月31日瀏覽:
3D打印是目前最熱門的,也是最受歡迎的小工具。這是一種可能會改變產(chǎn)品制造方式的工具。但是,還有另外一種三維主題在設(shè)計界中形成浪潮——3D視覺效果。
即使網(wǎng)頁設(shè)計實際上存在于兩個維度上,但并不能阻止設(shè)計師將創(chuàng)意四維融入到其他的領(lǐng)域中,并且通過更多具有現(xiàn)實感的物品和項目來推動屏幕可以承載以及展現(xiàn)的極限。讓我們來看看如何充分利用3D趨勢。
1.在你的工作中引入三維
當談到網(wǎng)站設(shè)計時,三維效果最有可能在實際上存在于2D空間中(特別是需要通過特殊的眼鏡技術(shù)試圖將東西放在一起,并不是特別有效,你怎么知道哪些用戶有這些必要的設(shè)備呢?)。
在實際的網(wǎng)頁設(shè)計中使用時,3D效果可以很好地適用于各種不同的網(wǎng)站類型。從游戲風格界面到購物和產(chǎn)品識別,事實證明,一個用戶幾乎可以觸摸得到的界面是非常有用。
將3D效果和風格融入設(shè)計中也變得越來越流行。正如設(shè)計師幾年前開始思考3D一樣,平面設(shè)計的瘋狂人氣阻止了這種趨勢,因為模仿真正的生活美學需要的技術(shù),扁平的勢頭已經(jīng)超過了三維的。當在2D到3D空間中創(chuàng)建景深時,諸如陰影,斜面和浮雕等效果至關(guān)重要。
2.不斷發(fā)展的趨勢
那么,如何才能不斷的充分發(fā)揮這種趨勢呢?我覺得,你可以嘗試將其與其他趨勢風格進行混合和匹配,以獲得最大的影響。
在使用3D視覺效果時,需要考慮以下幾點:
· 為用戶想要觸摸的元素添加逼真的感覺;
· 通過添加游戲或視頻元素來增加你網(wǎng)頁設(shè)計的深度;
· 使其成為視差滾動界面的一部分;
· 不要使用戶感到壓力,堅持在設(shè)計中僅使用一種3D技巧;
· 保持其余的設(shè)計簡單;
· 在可用性方面,引導用戶瀏覽或使用相關(guān)的工具。
3.分層和物質(zhì)影響
由于材料設(shè)計的發(fā)展,為3D效果的使用提供了強大的動力。Google的基礎(chǔ)設(shè)計理念已經(jīng)幫助你掌握了一些扁平和簡約風格的時尚技術(shù)和效果。
這包括使用陰影——是的,它們回來了。但是,在它們的使用上確實需要更仔細的考慮,以便陰影總是能真實的模仿“源”光。這意味著陰影應該看起來更自然,因為元素具有深度,而不僅僅是突出顯示一點文本或?qū)ο蟆?/p>
盡管你不想因為如何使用陰影而讓你抓狂,但是在多個對象上使用小陰影是可以的。最好的陰影是為了目的而設(shè)計的,而不是為了臨時強調(diào)而使用它們。如果有人可以“看”到陰影,那你可能就做的太過了。盡量選擇那些蒼白,柔和和強調(diào)現(xiàn)實的陰影。
所以,當考慮使用3D效果時,考慮對象如何移動和交互就像考慮創(chuàng)建它們所涉及的設(shè)計技術(shù)一樣重要。
4.3D矢量插圖和動畫
你真正將3D視覺效果提升到更高水平的地方之一就是使用矢量插圖,物體成像和動畫。特別是在線零售商將3D動畫效果融入到產(chǎn)品頁面方面就做得很好。
最好的使用方式之一就是通過360度的全方位觀看,讓購物者可以通過點擊或滑動來移動和檢查產(chǎn)品??锿谄湫钫故卷撁婢妥龅煤芎?。用戶可以通過移動,從任何角度觀看細節(jié),以及更改顏色和所有其他選項,使用戶感覺他或她處于持有鞋子的環(huán)境中。
這是3D視覺效果在網(wǎng)站設(shè)計中的有效使用。它復雜,但是很有吸引力,在用戶體驗方面也是友好的(這是實現(xiàn)這一點的真正訣竅——任何設(shè)計技術(shù),實際上都是以一種對用戶有意義的方式工作的)。
5.技巧和竅門
當談到3D視覺效果時,往往簡單的會是最好的。你不想只是為了展示,讓用戶感到在視覺上承受太多的效果或元素。因為三維設(shè)計在平面,網(wǎng)頁設(shè)計上都是一種視覺幻覺,重要的是不要用太依賴于表現(xiàn)技巧。專注于內(nèi)容的可用性,并從那里決定3D是否是正確的出路。
當使用3D時,請記住以下提示:
· 使用3D時需要將物體與其周圍(分層)分開;
· 在微小的陰影或壓花上多關(guān)注一下,并記住在角度和位置上考慮更自然的光源;
· 它需要看起來更真實;
· 漸變和亮點也可以創(chuàng)造深度和分層;
· 在頁面上始終使用3D效果;
· 如果3D與動作(例如點擊)相關(guān)聯(lián),則你需要提供幫助用戶了解該做什么的提示(按鈕是常見的3D元素)
· 適當調(diào)整元素,3D是現(xiàn)實的錯覺,因此物體在尺寸,重量和環(huán)境中都應該讓瀏覽者感覺到“真實”。
結(jié)論
如果說你想避免使用3D效果的話,我覺得你的意思是避免那些最早的3D排版或圖像。
使用三維效果的竅門是很微妙的。應該有現(xiàn)實和分層的元素,但它不應該是一個明顯的“伎倆”或效果。良好的3D效果鼓勵用戶參與和使用界面,這得益于一種技術(shù),可以幫助他們更直觀地知道該做什么。