平面設計中的立體空間
導讀
如果版面設計出現問題，無非就是視覺層級（視覺流）、顏色搭配、視覺空間等。視覺層級問題需要考慮主次關係，圖與文的先後順序。解決方法為弱化圖片或文字做到主次分明，我們可以通過大小、虛實等手法通過視覺流程來區分層級關係。顏色在版面中也起到十分關鍵作用，會給版面造成複雜的影響。如果顏色方面有問題請移至公眾中《最容易上手的配色方法》一文中較為細緻的分析了顏色的搭配方法。本文主要與各位老鐵交流有關版面中空間感的處理方法。
光感空間：
模擬光源（如圖一）照射在物體上產生的空間變化，可以表現為線性漸變與徑向漸變兩種可通過圖層樣式漸變與形狀羽化來完成。
圖（一）
圖（二）
圖二banner背景就是通過觀察模特太陽傘的光源方向來定義背景的光源方向，從而使得畫面產生空間感。畫面不僅僅運用一種手法老鐵們讀完其它的空間感的表現手法後可以再次觀察該版面會有很多其它的發現。
虛實空間：
虛實變化也是繪畫里的表現語言（如圖三）近實遠虛同時會有空間的大小變化，在軟體表現上我們可以通過自由變換改變大小，濾鏡里的模糊或羽化改變虛實，不透明度來改變明暗等等。
圖（三）
圖（四）
圖四的畫面表現中洗衣機是實的表現方法，遠處的冰箱為虛的表現方法。以及改變了不透明度蒙版處理技巧，使得畫面整體性比較統一。背景的點元素通過模糊與不透明度來完成表現，有虛實處理有大小處理，增加了畫面空間感和層次感。
重疊空間：
如圖五通過面積大小產生遠近空間，以及虛實變化產生的透疊效果，增加畫面的空間感。
圖（五）
圖（六）
圖六背景就運用傾斜矩形透過改變顏色以及不透明度來完成的空間感塑造，豐富了畫面的層次空間與色彩。家電點的元素通過虛實與不透明度來完成了畫面的點綴。
傾斜空間：
通過形狀進行傾斜來豐富畫面的層次感。單色或水平線只能起到分割畫面作用，畫面統一性比較強，缺乏空間感。
圖（七）
圖（八）
圖八畫面中背景與字體均使用了傾斜的表現手法，活躍了畫面增加了空間感覺，雖然畫面元素比較少比較簡約，但運用了傾斜不失為好的表現手法。
轉折空間：
多層空間進行轉化使得畫面層次感較強，很好起到豐富畫面空間產生深遠感。
圖（九）
圖（十）
圖十畫面中運用了不同的幾何形進行畫面表現，空間感豐富。黑白灰關係表現出了更好的層次感。
交錯空間：
背景空間與近景空間的相互襯托，能夠使得畫面產生交錯感，符合繪畫里的兩點透視原理。
圖（十一）
圖（十二）
圖十二背景的紫色造型與近處的深紫色造型產生了空間交錯感，以及近處的產品（電視）與背景為統一視覺空間，遠中近三度空間再加上其它點元素以及背景的虛實變化，使得畫面空間感極強。
透視空間：
提到透視我們能夠想到繪畫里的語言，平行透視（圖十三）、成角透視、傾斜透視這些點都是構成透視空間的表現方法， 透視空間還與大小、虛實、顏色都息息相關。
圖（十三）
圖（十四）
圖十四產品（家電）運用兩點透視（透視為視平線中的視角），上面文字運用了透視中視平線上的視角，整個畫面符合兩點透視的變化規律。
投影空間：
投影的表現需要依照光源的角度發生變化，（圖十五）左圖為頂光源右圖為側光源，光源的強弱變化也與產品的質感光線的強弱有關聯，會給空間感帶來不同的視覺。
圖（十五）
圖（十六）
圖十六採用了頂光源進行投影表現，我們可以從鞋、手機下方都能看到以及字體都做了投影的處理手法。
曲線空間：
曲線的表現可以使得畫面具有空間變化，避免單色的造型使得畫面過於單薄層次感不分明。
圖（十七）
圖（十八）
圖十八背景的黃色運用了曲線的變化使得產品的擺放具有現實性，增強垂直與水平維度的空間變化。
以上畫面的立體空間在不同的畫面表現中應靈活使用。畫面表現需要結合創意思維，做好視覺層級，分清主次關係，運用好版式以及合理的配色。合理使用點線面視覺元素。多揣摩視覺表現中的繪畫語言的介入，遵循多觀察、多思考、多實踐，做符合用戶需求設計師。
童鞋們請轉發文章到你的朋友圈中，請老鐵們幫助點擊下方的「廣告」感謝。無象形必將全力幫助大家解決設計問題，確保就業無憂
TAG:無象形 |