![電商版式設計,該如何提升?](http://p2.ttnews.xyz/loading.gif)
如何提高版式設計水平,怎樣評估自己的版式設計水平?
直接進入今天的主題:怎樣提高板式設計?提高板式設計水平,需要掌握一些核心理論知識,當你具備解讀優秀
設計作品的能力時,你便能吸取有用知識,在後續的模仿學習中,也就能得到一步步的提高。
![電商版式設計,該如何提升?](http://p2.ttnews.xyz/loading.gif)
無論是平面設計還是電商網頁設計,版式設計主要是為了追求視覺上的平衡和協調。
在做版式設計時,我們可以先把拿到的文案,以及圖像素材,梳理一下主次關係後,再編排到版面中,形成一個
大致的平衡構圖後,再來精細化調整各區域元素的外觀樣式,最後在針對整個版面進行潤色修飾,達到平衡協調。
最簡單的平衡,就是一個元素處於版面正中央(圖1)。
圖1:最簡單的構圖平衡
當這個元素,在版面中的位置發生偏移,挪到左上角,此時這個版面就失去了平衡(圖2)。
圖2:最簡單的不平衡
當版面出現多個視效元素時,版式設計的平衡理論正好能大展身手!比如圖3,代表了我們設計師,做版面設計時,所面臨的絕大部分場景。帶編排的視效元素不止一個,而且元素的色彩、形狀、大小都各不相同,初始狀態千奇百怪,混成一團!
圖3:帶編排元素,初始狀態千奇百怪,混成一團,不堪直視!
圖3整個版面的初始狀態,自然是不平衡的,也不協調。如果我們,調整各元素的尺寸大小,重新給它們分配版面
所處位置,圖4整個版面重歸於平衡,但是整體還是不夠協調。再做細微調整如圖5
圖4:版面重歸於平衡,但還不夠協調。
圖5:版面歸於平衡,整體色彩基本協調!
我們將圖5版面中的圖形元素,都換做真實的商品圖片或文案,並依據產品做適當的調整,便可以衍生出一張海報
小結
版式設計第一步,就是要顧全大局,先把版面做平衡,然後針對局部細節做精細調整,再把版面做協調。要把
版面做平衡,主要考慮的就是元素尺寸大小,邏輯層次、以及位置擺放。要把版面做協調,主要考慮的就是處
理元素間的色彩搭配、字體的樣式選擇、圖像的風格取向、以及裝飾圖形的機理與質感等。
對稱是同等同量的平衡,對稱式設計是一種靜態的,可預見的,講求條理和平衡佈局的設計。水平對稱的版式,
給人穩定,理性的感受,能使畫面表現出和諧、莊重、統一的視覺效果,提升版面的表現力
將文字信息編排在版面的左邊或右邊,運用了對齊的海報不光富有整齊的美感,同時也更加便於顧客快速的獲取
信息
在板式設計重,將版面中的部分視覺要素,包括文字,圖形以曲線的軌跡進行排列,另外線條的起點和重點也
同樣是讀者容易關注的地方,可以放一些重要的信息。這樣的構圖靈活,有趣,而且可以引導用戶沿著s形軌跡
閱讀信息。頁面整體更有衝擊力。
這是我們最常見的構圖之一,文案和主體居中頁面,注意的是位於版心的主體要儘可能的出彩,利用設計技巧吸引
讀者的眼光,這樣才能避免破平淡乏味。
點綴元素圍繞中心的文案或者圖形發射,這樣的構圖會讓中心的視覺容易聚焦,視覺衝擊感會更強烈。
整體平衡,是指圖片充滿整個版面,文案佈局在上下,左右,中部的位置,點是主要以圖像為訴求,視覺傳達直觀
而強烈。滿版型構圖,給人大方,舒展的感覺。
總結
文章中一共總結了六種比較實用的設計構圖法,目的是為了大家提供一個可供參考的方向,而從我們實操的
案例來說,這些構圖形式並不是完全孤立存在的,在特定的情況下他們可以同時出現在一個作品中,只要變現
形式稍有不同,希望能對大家有所幫助,實際設計中也可以活學活用,舉一反三,大膽嘗試。
閱讀更多 北京設計小白 的文章