9招,提升設(shè)計(jì)中的空間感!

2021-4-6    ui設(shè)計(jì)分享達(dá)人

空間感是指藝術(shù)形象通過一定手法引起的類似現(xiàn)實(shí)空間的審美感受。包括作品直接表現(xiàn)的空間和作品具體形象之外的使人想象到的空間。這種空間感,一定程度上決定著版面的視覺效果與美感。巧妙的利用空間,可以集中觀眾的注意力,豐富的層次感使作品更具觀賞性,同時(shí)又可以讓作品主次分明,更有效的傳達(dá)信息。

通過對(duì)設(shè)計(jì)作品的參考分析,設(shè)計(jì)師深??偨Y(jié)了營造空間感的方法,大致分為以下九個(gè)類別,希望這篇文章能對(duì)大家有所幫助。



一、遮前掩后

“遮前掩后”的意思是:通過畫面設(shè)計(jì)元素之間的遮擋,交代空間關(guān)系,從而產(chǎn)生一定的空間感。這種形式可能空間感較弱,但易于表達(dá),可以使文字和圖片更好的結(jié)合。


設(shè)計(jì)時(shí)為了保證信息的傳達(dá),普遍會(huì)選擇將文字信息完整的展示出來。其實(shí)像上面兩個(gè)案例一樣,適當(dāng)使用遮擋關(guān)系,反而能讓文字與圖像結(jié)合的更好。

人的大腦有“慣性閱讀”的能力,這使得即使文字被遮擋,也不會(huì)影響太多識(shí)別性。


利用蒙版,然后局部破出,這也是營造空間感常用的手法。本質(zhì)上,這也屬于使用遮擋關(guān)系的一種方式,這種效果空間感更強(qiáng),讓觀眾有一種打破次元壁的感覺。

使用這種樣式時(shí)需要注意:用作蒙版的圖形或文字,必須簡潔,并且識(shí)別性足夠高,否則會(huì)影響信息的傳達(dá)。



二、以小見大

“以小見大”指的是:利用近大遠(yuǎn)小、近疏遠(yuǎn)密的基本透視原理,來營造空間感的一種方式。

在平面設(shè)計(jì)中,面積大的元素使我們感覺更近,面積小的感覺更遠(yuǎn),即使是單一的設(shè)計(jì)元素,只要遵循基本的透視原理,也能塑造出空間感。


從這兩個(gè)案例可以看出,元素的面積大小變化越大,空間的縱深感就越強(qiáng);通過控制元素之間的位置關(guān)系,可以使空間看起來平整或者曲折,表現(xiàn)力非常豐富。



三、山重水復(fù)

“山重水復(fù)”是“以小見大”的進(jìn)階版,同樣是利用近大遠(yuǎn)小的物理規(guī)律,塑造空間感。不同的是,通過元素的無限重復(fù),會(huì)讓空間感更強(qiáng),對(duì)排版的把控能力也要求更高一些。


重復(fù)的元素會(huì)讓畫面有很強(qiáng)的沖擊力,強(qiáng)烈的空間感讓觀眾仿佛在無限的跌落。使用這種版式一定要注意近疏遠(yuǎn)密的空間關(guān)系,否則會(huì)降低畫面的可信度。



四、橫峰側(cè)嶺

“橫峰側(cè)嶺”是指:通過變形,改變元素的透視,在整個(gè)版面中塑造多個(gè)平面,以此來增強(qiáng)作品的空間感。


將同一平面的元素對(duì)齊,創(chuàng)造出虛擬的邊界線,借助這些參考線來塑造不同方向的平面。如果覺得空間感不夠強(qiáng)烈,可以借助輔助線加強(qiáng)透視。使用這種形式的重點(diǎn)在于,要注意閱讀順序和空間平面之間的關(guān)系,不要為了畫面,一味地堆砌空間,信息的傳達(dá)永遠(yuǎn)都是最重要的。


最近非常流行的立體效果,因?yàn)榭臻g感強(qiáng),很容易出效果,深受設(shè)計(jì)師們喜愛。其實(shí)這種類型也是通過透視和多個(gè)平面來塑造空間感,制作時(shí)大多需要3D軟件進(jìn)行輔助,才能實(shí)現(xiàn)如此真實(shí)的透視效果。



五、冰厚三尺

“冰厚三尺”指的是通過給元素添加厚度,增強(qiáng)元素的立體感,從而提升空間感。這是一種非常簡單粗暴的方式,立體化后的元素,可以展現(xiàn)更多的角度,使排版方式更加多變,畫面也更加靈動(dòng)。


最常見的2.5D風(fēng)格,去除了透視感,依靠立體元素來營造空間感,可以使整個(gè)版面更加穩(wěn)定和諧。有些設(shè)計(jì)師還會(huì)引入矛盾空間,讓設(shè)計(jì)作品看起來更有趣味性,吸引用戶目光。



六、潛蹤隱跡

“潛蹤隱跡”的意思是:通過改變透明度,模擬霧中的物體,距離越遠(yuǎn)的元素可見度越低,從而營造出空間感。


在中國傳統(tǒng)國畫中,就會(huì)通過控制水墨的濃淡,來展現(xiàn)畫面的空間感。因此這種方法很適合中國風(fēng)的設(shè)計(jì),讓整個(gè)作品富有神秘、幽寂的氣質(zhì)。



七、霧里看花

“霧里看花”和“潛蹤隱跡”很相似,通過虛實(shí)的變化,模擬現(xiàn)實(shí)世界中的景深效果,從而塑造空間感。這種方法是最常見的,也是最出效果的,在塑造空間感的同時(shí),還可以強(qiáng)調(diào)主體信息。


在對(duì)版面元素進(jìn)行模糊處理的時(shí)候,要考慮元素與焦點(diǎn)的位置關(guān)系:距離焦點(diǎn)越遠(yuǎn),模糊程度越高,普遍情況下,會(huì)將最主要的視覺元素作為焦點(diǎn),保證信息的準(zhǔn)確傳達(dá)。



八、浮光掠影

有光的地方就存在影子,投影本就是空間感的一種直接反應(yīng),“浮光掠影”就是利用光影的變化,在平面中營造視覺上的空間感。


光影的變化非常豐富,因此,光影的表現(xiàn)方式也是五花八門。殊途同歸的是,所有的光影都是為空間感服務(wù)的,所以大多數(shù)情況下,都要遵循現(xiàn)實(shí)世界中的規(guī)律,確定一個(gè)光源,保證整個(gè)畫面的光影統(tǒng)一。



九、鏡花水月

隨著軟件功能越來越強(qiáng)大,重現(xiàn)現(xiàn)實(shí)世界越來越容易。“鏡花水月”指的就是:參考現(xiàn)實(shí)世界的折射、反射等自然現(xiàn)象,在平面空間塑造空間感。這種方式看起來質(zhì)感很強(qiáng),效果也非??犰?。


需要注意的是:在設(shè)計(jì)之前一定要考慮好效果與內(nèi)容的關(guān)系,一味的堆加效果,除了炫技毫無價(jià)值。

文章來源:站酷  作者:設(shè)計(jì)師深海

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔