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