為什麼你的設計版式看起來有點亂?

有時候做完一個設計之後,重新看回來總覺得有點亂,但是又看不出哪裡有問題。其實這種情況經常會發生,只是經驗不足未能發現。今天通過這個話題,簡單總結導致這種問題出現的情況,希望能幫到你。

為什麼你的設計版式看起來有點亂?


視覺焦點其實就是畫面裡“能吸引你眼球的元素”,即為畫面中的“主角”。留出整體畫面中的視覺焦點,降低次要元素對主題的影響,在視覺上給予主題充分的主導地位(沒有大量的輔助元素去分散用戶的視覺注意力,焦點只會停留在重點上)。

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 上圖給人感覺就是亂亂亂。你會發現畫面出現太多的視覺焦點,原因是沒有控制好元素之間的對比性,使之失去主次關係,從而失去第一視覺焦點。

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 正確的做法:

① 選擇合適的字體,整體可以使用一種字體家族,再根據信息的重要性控制字體的字重(大小/粗細/顏色等)。

② 去掉多餘的元素,如毫無意義的色塊。這裡可以用主色(藍色)填充其中一面,既能提高版面率,還能統一畫面感,突出主題信息。

③ 再將目錄的信息重新調整編排,留出足夠的空白,在視覺上給予主題充分的主導地位。這樣就能清晰看到畫面中的重要信息,也就是第一視覺焦點了。

為什麼你的設計版式看起來有點亂?


色彩作為商品最顯著的外貌特徵,能夠首先引起消費者的注意。在版式設計中,配色是非常重要的。如果色彩處理得好,可以為設計錦上添花,達到事半功倍的效果。但是配色過於複雜,就會造成版面信息混亂,失去重點。怎樣才算“配色過於複雜”呢,下面列舉了幾個錯誤示範:

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 配色的時候千萬不要出現東一塊西一塊,這樣很容易導致錯誤的視覺順序,還會影響版面形式與內容的統一感。色彩往往有它本身的功能性,例如能提高版面率/聚焦區分/引導視線/平衡畫面等功能性的作用。所以必須要考慮到色彩的作用,才能對症下藥。

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 如果一個版面使用過多的色彩,會造成版面信息混亂,失去重點。如果非要使用多種顏色,可以利用相同色相不同的純度或明度進行配色。即便是不同的顏色,在色相相同的情況下,也能帶來統一的視覺感。

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 不同的色彩變化能產生不同的情感,我們不能單純按照個人的喜好來配色,而是要根據設計項目的主題和受眾群體等方面去考慮。上圖中的主題是表達科技感,那麼配色上可以選擇藍綠色系,而不是這麼重口味的搭配。

為什麼你的設計版式看起來有點亂?


為什麼你的設計版式看起來有點亂?


▲ 上圖的配色出現一塊一塊的,既沒有功能性也沒有修飾性,只不過為了不讓畫面那麼單調空洞,強加上去的色彩。

為什麼你的設計版式看起來有點亂?


▲ 應該避免上面所犯的錯誤,必須考慮色彩的功能性。例如當畫面出現空洞或單調時,且在沒有其他素材添加的情況下,添加有效的色彩是一種花最少的時間來提高版面率的方式,而且能增加色彩層次,提高畫面豐富性,這樣的配色才不會添亂。

為什麼你的設計版式看起來有點亂?


如果畫面過於單調,適當添加一些裝飾性的元素或效果是可以提高整體的層次感。但是添加過多的效果,就會帶來畫面的繁瑣感和凌亂感。下面列舉了幾個錯誤示範:

為什麼你的設計版式看起來有點亂?


▲ 去掉不必要的元素,留出適當的留白空間,這樣反而可以把注意力集中到產品上,更能體現空間感,突出主題性質。

為什麼你的設計版式看起來有點亂?


▲ 文字添加過度修飾的效果,讀起來就會變得困難,降低文字的可讀性。那些過度的彩虹漸變、陰影、描邊和其它天花亂墜等效果,是時候擱置了。

為什麼你的設計版式看起來有點亂?


▲ 不要看見畫面有空位,就亂添加背景圖。背景圖並不是加得越多,就會顯得越豐富,反而是畫蛇添足。

免責申明:文章來源於公開網絡,僅供設計師學習,版權歸原創者所有!無對涉及版權問題負責,如有原作者認侵,聯繫必刪

福利互動

為答謝客官閱讀完此文支持,特准備設計新人整套課程贈送領取

下方是領取方式

2,評論文章,不限字數,一個字都行

下方是課程內容

為什麼你的設計版式看起來有點亂?

為什麼你的設計版式看起來有點亂?


分享到:


相關文章: