設計畫面太平，該怎麼破？

傳統的設計工作是在平面中完成的，也就是二維的，而在工作中，很多時候太過平面化的東西很容易造成視覺疲勞，視覺衝擊力不夠強烈，那麼適當打破畫面的平面感也是對於設計師而言很重要的一種技法，往往只需要很簡單的處理就能帶來質的改變；本期就和大家分享一些打破設計畫面太平的幾種常用技法！

什麼是環境感？即將元素置身於現實環境中考慮，並且將現實中很複雜的環境效果簡化，從而體現出一種簡約的環境感；這和所謂的光影合成還是有很大區別的；說到環境，我們就會聯想到影子、光線，通過給元素添加投影效果，會在視覺上形成一種潛在的環境感，這樣做就能適當的避免畫面太平，比如：

這就是增加環境感的一種表現形式，因為有了投影的存在，使得產品有種真正落在地面的感覺，而不是飄飄然什麼都沒有的感覺！其實投影的形式會根據環境的變化有存在著不同的表現形式，每一種形式給人的感覺都是不同的：

左側投影形式給人一種產品懸浮的感覺，使得整體給人一種懸浮空中的潛在環境感；右側則是一種貼在牆上的感覺；而投影的形式遠遠不止這幾種，比如：長投影、離牆面有距離的投影等等，無論哪種形式，目的都是在給整體增加一定的環境感，不至於整體太過平面化！

除了投影能增加一定的環境感，倒影也可以，倒影能營造出一種光滑或者亞光的環境感，比如：

通過在投影的基礎上添加倒影，能夠營造出一種光滑地面或者亞光的環境感，同時也使得產品呈現出的整體感覺更豐富，視覺效果也更加立體化；很多人無法理解什麼是細節感，這就是其中的一種體現形式，看似很簡單的手法，但是在設計環節中用到的卻是最多的，無論是投影還是倒影，目的都是為了避免畫面太過平面化、不夠生動，缺少細節感，同時影子也能體現出一種潛在的光感：

通過增強元素的環境感，畫面還會給人一種很平的感受嗎？不要一味的追求多麼炫酷的技巧，看似簡單的手法，反而更能體現出一個設計師對於細節把控的能力！

遮擋關係也是改變畫面太平的一種手法，通過遮擋的處理手法，使得畫面在視覺上呈現出一種空間上的變化，最常見的遮擋關係是這樣的：

左側是平面上的位置關係的一種體現，給人的感覺不夠鮮明，只是在二維空間上的變化；而右側是在此基礎上將遮擋關係做的更加鮮明、立體化，營造出一種三維的視覺假象，給人的感覺更直觀，這也是改變畫面太平的一種手法，在很多設計作品中這種設計形式也很常見：

這種簡單的遮擋關係會使得畫面整體更生動、充滿立體感，畫面不會太平面化而顯得誤無趣，也不會因為用了這種手法而顯得畫面太亂或者過於複雜，在工作中通過文字與文字、圖片與文字，圖片與圖片前後遮擋關係的變化能夠打破其原本平面化的編排，使得整體更有趣，舉個例子：

這張圖的感覺已經足夠優秀了，給人的感覺也是很有逼格，唯一不足之處就是構圖的感覺稍顯單薄；那麼如果我們充分的利用遮擋關係的處理手法，也許會帶來另一種視覺感受：

較上圖而言，這裡構圖更加飽滿，通過將「AIR」字樣放大與鞋子形成了明顯空間上的變化，使得鞋子主體更生動、立體化，且大英文用了與背景色一致的顏色，並不會搶主體，這就把將遮擋手法很好的運用到設計中，且同樣保持著簡約、高逼格的調性！

同樣，線條也能營造一種遮擋關係，比如：

雖然線條相比色塊單薄一些，但是同樣也能起到一定的打破畫面太平的作用。

說到透視，很多人都會感覺太難了，其實這裡所說的透視關係是一些結合現實的一種透視感覺，並不是要像光影合成那樣要求嚴格，比如：近大遠小、近實遠虛、近處的飽和度高遠處的飽和度低等等，而在平面中用的最多的就是近大遠小和近實遠虛的手法，通過在原本很平面的畫面中尋找簡單的透視關係，也是避免畫面太平的常用手法，比如：

通過大小、虛實的變化，間接的在視覺上形成了一種很簡約的空間感，這種手法在很多官網設計或者編排設計中也是很常用的，目的也是為了避免畫面的太平面化，同時也能起到一定的活躍畫面的作用，比如常見的：

這種處理形式非但不會使得整體顯得雜亂，反而會再不改變原本調性的前提下讓畫面整體更生動形象，視覺感受更強烈。

透視關係也可以是體現在縱向拉伸，比如一些常見的字體編排或者構圖，通過縱向拉伸的手法營造一種空間感：

通過將畫面元素縱向拉伸，在視覺上呈現縱向的空間感，這也是尋找透視關係的一種表現形式！

飄飛元素很多時候是以點狀元素的形式使用，添加飄飛元素除了能起到烘托氣氛的作用，還能有效的避免畫面太平所導致的視覺疲勞，也能起到一定的增加畫面細節感的作用，比如：

飄飛元素在視覺上也能起到很好的豐富拉開空間的作用，常用的是虛實結合的形式，目的是營造一種視覺上的前後關係，從而使得畫面整體更跳躍，這種形式在前面文章中也都提出過！

通過給元素添加一定的厚度，同樣也能很好的打破畫面的太平現象，最常見的就是字體厚度或者添加效果，改變其原有的平面感：

給字體加效果或者厚度的形式也是很常見的，如果畫面感覺太平，這種形式也是一個方向，只不過這種形式在簡約設計或者官網設計中較少出現，更多的是運用在專題或者促銷海報中；還有一種常見的形式，就是頁面整體都通過增加厚度營造空間場景的形式，打破原本平面設計的局限，比如：

偏三維感覺的頁面也是在這兩年流行起來的，給人的感覺很鮮明生動富有趣味性，常用於促銷活動中！

這些手法都看似很簡單，但是有和無的區別一目了然，很多時候並不是不懂，而是想不到，這就是思維被局限了，在設計中，很多完全一致手法、元素卻起著截然不同的效果，發散思維考慮問題，會有意想不到的收穫！這些手法很實用且又容易被用戶接受的原因是既能體現出很好的目的性視覺效果，又不會因此給人一種太複雜、雜亂的感受，比如：相比光影合成里的透視，這裡的形式更簡潔、大方且視覺感受更舒服、富有目的性！

最後希望大家：多讀書、多看報、少打遊戲、多睡覺

乾貨文章、行業動態定期更新

轉載請聯繫作者

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！