2021-4-6 ui設(shè)計分享達(dá)人
空間感是指藝術(shù)形象通過一定手法引起的類似現(xiàn)實空間的審美感受。包括作品直接表現(xiàn)的空間和作品具體形象之外的使人想象到的空間。這種空間感，一定程度上決定著版面的視覺效果與美感。巧妙的利用空間，可以集中觀眾的注意力，豐富的層次感使作品更具觀賞性，同時又可以讓作品主次分明，更有效的傳達(dá)信息。
通過對設(shè)計作品的參考分析，設(shè)計師深?？偨Y(jié)了營造空間感的方法，大致分為以下九個類別，希望這篇文章能對大家有所幫助。
“遮前掩后”的意思是：通過畫面設(shè)計元素之間的遮擋，交代空間關(guān)系，從而產(chǎn)生一定的空間感。這種形式可能空間感較弱，但易于表達(dá)，可以使文字和圖片更好的結(jié)合。
設(shè)計時為了保證信息的傳達(dá)，普遍會選擇將文字信息完整的展示出來。其實像上面兩個案例一樣，適當(dāng)使用遮擋關(guān)系，反而能讓文字與圖像結(jié)合的更好。
人的大腦有“慣性閱讀”的能力，這使得即使文字被遮擋，也不會影響太多識別性。
利用蒙版，然后局部破出，這也是營造空間感常用的手法。本質(zhì)上，這也屬于使用遮擋關(guān)系的一種方式，這種效果空間感更強(qiáng)，讓觀眾有一種打破次元壁的感覺。
使用這種樣式時需要注意：用作蒙版的圖形或文字，必須簡潔，并且識別性足夠高，否則會影響信息的傳達(dá)。
“以小見大”指的是：利用近大遠(yuǎn)小、近疏遠(yuǎn)密的基本透視原理，來營造空間感的一種方式。
在平面設(shè)計中，面積大的元素使我們感覺更近，面積小的感覺更遠(yuǎn)，即使是單一的設(shè)計元素，只要遵循基本的透視原理，也能塑造出空間感。
從這兩個案例可以看出，元素的面積大小變化越大，空間的縱深感就越強(qiáng)；通過控制元素之間的位置關(guān)系，可以使空間看起來平整或者曲折，表現(xiàn)力非常豐富。
“山重水復(fù)”是“以小見大”的進(jìn)階版，同樣是利用近大遠(yuǎn)小的物理規(guī)律，塑造空間感。不同的是，通過元素的無限重復(fù)，會讓空間感更強(qiáng)，對排版的把控能力也要求更高一些。
重復(fù)的元素會讓畫面有很強(qiáng)的沖擊力，強(qiáng)烈的空間感讓觀眾仿佛在無限的跌落。使用這種版式一定要注意近疏遠(yuǎn)密的空間關(guān)系，否則會降低畫面的可信度。
“橫峰側(cè)嶺”是指：通過變形，改變元素的透視，在整個版面中塑造多個平面，以此來增強(qiáng)作品的空間感。
將同一平面的元素對齊，創(chuàng)造出虛擬的邊界線，借助這些參考線來塑造不同方向的平面。如果覺得空間感不夠強(qiáng)烈，可以借助輔助線加強(qiáng)透視。使用這種形式的重點(diǎn)在于，要注意閱讀順序和空間平面之間的關(guān)系，不要為了畫面，一味地堆砌空間，信息的傳達(dá)永遠(yuǎn)都是最重要的。
最近非常流行的立體效果，因為空間感強(qiáng)，很容易出效果，深受設(shè)計師們喜愛。其實這種類型也是通過透視和多個平面來塑造空間感，制作時大多需要3D軟件進(jìn)行輔助，才能實現(xiàn)如此真實的透視效果。
“冰厚三尺”指的是通過給元素添加厚度，增強(qiáng)元素的立體感，從而提升空間感。這是一種非常簡單粗暴的方式，立體化后的元素，可以展現(xiàn)更多的角度，使排版方式更加多變，畫面也更加靈動。
最常見的2.5D風(fēng)格，去除了透視感，依靠立體元素來營造空間感，可以使整個版面更加穩(wěn)定和諧。有些設(shè)計師還會引入矛盾空間，讓設(shè)計作品看起來更有趣味性，吸引用戶目光。
“潛蹤隱跡”的意思是：通過改變透明度，模擬霧中的物體，距離越遠(yuǎn)的元素可見度越低，從而營造出空間感。
在中國傳統(tǒng)國畫中，就會通過控制水墨的濃淡，來展現(xiàn)畫面的空間感。因此這種方法很適合中國風(fēng)的設(shè)計，讓整個作品富有神秘、幽寂的氣質(zhì)。
“霧里看花”和“潛蹤隱跡”很相似，通過虛實的變化，模擬現(xiàn)實世界中的景深效果，從而塑造空間感。這種方法是最常見的，也是最出效果的，在塑造空間感的同時，還可以強(qiáng)調(diào)主體信息。
在對版面元素進(jìn)行模糊處理的時候，要考慮元素與焦點(diǎn)的位置關(guān)系：距離焦點(diǎn)越遠(yuǎn)，模糊程度越高，普遍情況下，會將最主要的視覺元素作為焦點(diǎn)，保證信息的準(zhǔn)確傳達(dá)。
有光的地方就存在影子，投影本就是空間感的一種直接反應(yīng)，“浮光掠影”就是利用光影的變化，在平面中營造視覺上的空間感。
光影的變化非常豐富，因此，光影的表現(xiàn)方式也是五花八門。殊途同歸的是，所有的光影都是為空間感服務(wù)的，所以大多數(shù)情況下，都要遵循現(xiàn)實世界中的規(guī)律，確定一個光源，保證整個畫面的光影統(tǒng)一。
隨著軟件功能越來越強(qiáng)大，重現(xiàn)現(xiàn)實世界越來越容易?！扮R花水月”指的就是：參考現(xiàn)實世界的折射、反射等自然現(xiàn)象，在平面空間塑造空間感。這種方式看起來質(zhì)感很強(qiáng)，效果也非常酷炫。
需要注意的是：在設(shè)計之前一定要考慮好效果與內(nèi)容的關(guān)系，一味的堆加效果，除了炫技毫無價值。
文章來源：站酷 作者：設(shè)計師深海
藍(lán)藍(lán)設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.teruid.com