電商版式設計,該如何提升?


電商版式設計,該如何提升?


如何提高版式設計水平,怎樣評估自己的版式設計水平?

直接進入今天的主題:怎樣提高板式設計?提高板式設計水平,需要掌握一些核心理論知識,當你具備解讀優秀

設計作品的能力時,你便能吸取有用知識,在後續的模仿學習中,也就能得到一步步的提高。

電商版式設計,該如何提升?


無論是平面設計還是電商網頁設計,版式設計主要是為了追求視覺上的平衡和協調。

在做版式設計時,我們可以先把拿到的文案,以及圖像素材,梳理一下主次關係後,再編排到版面中,形成一個

大致的平衡構圖後,再來精細化調整各區域元素的外觀樣式,最後在針對整個版面進行潤色修飾,達到平衡協調。

電商版式設計,該如何提升?


最簡單的平衡,就是一個元素處於版面正中央(圖1)。

電商版式設計,該如何提升?


圖1:最簡單的構圖平衡

當這個元素,在版面中的位置發生偏移,挪到左上角,此時這個版面就失去了平衡(圖2)。

電商版式設計,該如何提升?


圖2:最簡單的不平衡

當版面出現多個視效元素時,版式設計的平衡理論正好能大展身手!比如圖3,代表了我們設計師,做版面設計時,所面臨的絕大部分場景。帶編排的視效元素不止一個,而且元素的色彩、形狀、大小都各不相同,初始狀態千奇百怪,混成一團!

電商版式設計,該如何提升?


圖3:帶編排元素,初始狀態千奇百怪,混成一團,不堪直視!

圖3整個版面的初始狀態,自然是不平衡的,也不協調。如果我們,調整各元素的尺寸大小,重新給它們分配版面

所處位置,圖4整個版面重歸於平衡,但是整體還是不夠協調。再做細微調整如圖5

電商版式設計,該如何提升?


圖4:版面重歸於平衡,但還不夠協調。

電商版式設計,該如何提升?


圖5:版面歸於平衡,整體色彩基本協調!

電商版式設計,該如何提升?


我們將圖5版面中的圖形元素,都換做真實的商品圖片或文案,並依據產品做適當的調整,便可以衍生出一張海報

電商版式設計,該如何提升?


小結

版式設計第一步,就是要顧全大局,先把版面做平衡,然後針對局部細節做精細調整,再把版面做協調。要把

版面做平衡,主要考慮的就是元素尺寸大小,邏輯層次、以及位置擺放。要把版面做協調,主要考慮的就是處

理元素間的色彩搭配、字體的樣式選擇、圖像的風格取向、以及裝飾圖形的機理與質感等

電商版式設計,該如何提升?


電商版式設計,該如何提升?


對稱是同等同量的平衡,對稱式設計是一種靜態的,可預見的,講求條理和平衡佈局的設計。水平對稱的版式,

給人穩定,理性的感受,能使畫面表現出和諧、莊重、統一的視覺效果,提升版面的表現力

電商版式設計,該如何提升?


電商版式設計,該如何提升?


電商版式設計,該如何提升?


將文字信息編排在版面的左邊或右邊,運用了對齊的海報不光富有整齊的美感,同時也更加便於顧客快速的獲取

信息

電商版式設計,該如何提升?


電商版式設計,該如何提升?


電商版式設計,該如何提升?


在板式設計重,將版面中的部分視覺要素,包括文字,圖形以曲線的軌跡進行排列,另外線條的起點和重點也

同樣是讀者容易關注的地方,可以放一些重要的信息。這樣的構圖靈活,有趣,而且可以引導用戶沿著s形軌跡

閱讀信息。頁面整體更有衝擊力。

電商版式設計,該如何提升?


電商版式設計,該如何提升?


電商版式設計,該如何提升?


這是我們最常見的構圖之一,文案和主體居中頁面,注意的是位於版心的主體要儘可能的出彩,利用設計技巧吸引

讀者的眼光,這樣才能避免破平淡乏味。

電商版式設計,該如何提升?


電商版式設計,該如何提升?


電商版式設計,該如何提升?


點綴元素圍繞中心的文案或者圖形發射,這樣的構圖會讓中心的視覺容易聚焦,視覺衝擊感會更強烈。

電商版式設計,該如何提升?


電商版式設計,該如何提升?


電商版式設計,該如何提升?


整體平衡,是指圖片充滿整個版面,文案佈局在上下,左右,中部的位置,點是主要以圖像為訴求,視覺傳達直觀

而強烈。滿版型構圖,給人大方,舒展的感覺。

電商版式設計,該如何提升?


電商版式設計,該如何提升?


總結

文章中一共總結了六種比較實用的設計構圖法,目的是為了大家提供一個可供參考的方向,而從我們實操的

案例來說,這些構圖形式並不是完全孤立存在的,在特定的情況下他們可以同時出現在一個作品中,只要變現

形式稍有不同,希望能對大家有所幫助,實際設計中也可以活學活用,舉一反三,大膽嘗試。


分享到:


相關文章: