想知道你的banner爲什麼設計的那麼「丑」嗎?答案全在這裡

視覺元素在二次元平面上,以美的視覺效果與力學原理,進行編排組合,理性和邏輯推理來創造形象、研究形象與形象之間的排列。Banner入題,看平面構成中的秩序之美。


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


直接進入主題,上圖是自己平時對banner圖一個抽絲剝繭的過程,這個圖大家可以看到,通過一級一級的分析,你會發現一個小小的banner設計可以慢慢囊括設計的各個分支中,像最後我用“∞”這個符號,其實只要你肯再用心去分析,比如標題可以有的樣式,幾何形的研究又有哪些,顏色的心理暗示等等,你會發現設計的知識體系就慢慢建立起來,你也可以具體到某個模塊上,比如自己在這個知識樹體系下,色彩不是太好,再細緻些我漸變色用的不好,都可以有的放矢的加強某個模塊的學習,不至於一把抓,沒有重點。

今天選擇banner中文字形式這個模塊入手,形式和排版這樣一個設計圈永恆的話題,或許大家都耳聞能詳,不過還是想通過這樣的文章,對自己有個更好的梳理,也和大家一道去學習。


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


實例(工作及收集內容)


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


中軸型排版,以上的圖列便是這種排版形式,在做電商活動海報的時候中軸型是很出效果的一種形式。

這種方式使用畫面展示規整穩定、醒目大方,視覺更聚焦,信息更集中,在突出主體的同時能使整體畫面具有一定的衝擊力。

相對來說,對於實物(人,商品,創造形象)要求並不高,文字信息

本身的處理需要更顯功力。

拋開文字,色彩,點綴等元素,總結了幾個較典型排版骨骼樣式


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


分割型排版,以分割排版的方式構圖,畫面有明確的獨立性和引導性。這種方式留白更多,較好的視覺引導和方向使信息更明確,更顯品質感。

相對來說,對於圖像的品質要求更高,精緻感品質感更高。

拋開文字,色彩,點綴等元素,總結了幾個較典型排版骨骼樣式


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


滿版型排版,大面積的元素來傳達最為直觀和強烈的視覺刺激,

當製作的圖片中有極為明確的主體,且文案較少時可以採用滿版型排版。這種方式視感更強,帶入感更高。例如節日專題活動,會員等營銷活動。

常見的滿版型排版有整體滿版、細節滿版和文字滿版。

相對來說,文字與背景元素的處理關係需要更加明確細微。

拋開文字,色彩,點綴等元素,總結了幾個較典型排版骨骼樣式


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


排版的方式還有很多,致總結下來分為:中心型排版,中軸型排版,分割型排版,骨骼型排版,傾斜型排版,滿版型排版,上面圖例的分析總結也是以自己平時設計比較集中的類型進行了說明,之後還需要不停的挖掘和提高。

總結的樣式


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


通過上述圖例的分析,最終我們的設計作品應該儘可能地滿足一下目標:

和諧統一

元素與元素之間,或所有元素構成的整體是一種協調的關係,比如大小/顏色風格等的協調。

對比突出

即把2個或者多個反差很大的元素放在一起,使人感覺主體鮮明突出,整體又活躍而統一,比如大小/數量/色彩/形狀的對比。

畫面平衡

即元素與元素之間,元素與整體之間的大小/形狀/數量/色彩/材質等的分佈與視覺上的平衡。

節奏韻律

畫面中的一種或多種元素按一定的規律排列,會產生音樂一般的旋律感。


想知道你的banner為什麼設計的那麼“醜”嗎?答案全在這裡


今天重點為大家總結了兩點,一是banner圖的拆分剖析,以便於我們對設計知識體系的建立和訓練,二是一些工作中常用設計版式的分析和實例,希望能對大家的平日的設計工作與學習有幫助。

在設計過程中,我們會通過運用各種設理論和手法去呈現我們最後的設計,我個人總結其實都是為了形成

秩序,因為設計的本質都是為了傳播,你的設計內容都是為了讓用戶去理解和遵從你的思路,理解作品,產生共鳴,這其實就是一種秩序之美。

想想平時有沒有遇到:

場景一

設計師A做了一款產品的運營宣傳長圖,給到了ta的朋友B(完全不混設計圈):

A:“看我做的產品設計稿”

B:呀呀呀,這麼牛,美美噠!

A:“一般一般啦,費了不少時間”

B:嗯嗯,不過我看那部分產品介紹的圖不好看,對比圖的地方不夠吧。

A:這個……

接下來或許就是一堆解釋;

場景二

設計師A做了一款產品的運營宣傳長圖,給到ta的朋友B(完全不混設計圈):

A:這是我們最近要推的新品

B:哦,掃地機器人哈,我喜歡。

A:怎麼樣,有興趣沒。

B:感覺功能不強大,我之前看過個更牛的。

同樣是一個內容,你會發現切入的角度不同,你得到的答案自然也差之千里,橫看成嶺側成峰,遠近高低各不同,我們的著眼點和用戶(受眾)的理解點是很難達成一致的。所以這其中“設計的秩序”就很關鍵,其實我們需要的就是讓用戶(受眾)能夠看下去,不管是什麼角度切進去,能好好看完我們的設計就ok,然後用戶(受眾)自己去判斷和理解。

所以落回今天的內容,我們對於形式的理解和掌握就顯得很重要,如何通過合理的設計形式展示我們的內容,更好的傳遞信息,形成秩序,引導用戶去產生共鳴,增加我們的點擊。設計理論知識的靈活運用和深入學習都是我們陪伴我們整個職業生涯的大問題。

感謝各位看官完成解鎖文章,達成新成就

2,關注後私信小編:新人禮包,領取獲得為大家準備的2000種設計筆刷,10本必備設計電子書,超大字體設計安裝包


分享到:


相關文章: