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