你有沒有這樣的煩惱:為什麼別人家的海報為什麼那麼吸引人?自己也做了超多的模仿or努力,但效果往往差強人意,問題究竟是什麼?

問題是你沒看這個的回答(滑稽臉),在開始之前,首先我們先來了解一個概念。

一.版面率

我們都知道一個版面中必定有版心的概念。何為版心呢?版心就是除去天頭、地腳和左右頁邊距餘下的區域,也是我們頁面內容的擺放空間。下圖中灰色塊的區域就是此頁面的版心。

知道了版心,那麼何為版面率呢?版面率就是版心所佔頁面的比例,通俗一點講就是版面的利用率

那麼,版面率對版式設計有什麼影響呢?

版面率降低,包含的信息減少,給人一種典雅或高貴的感覺,適用於安靜和穩重的頁面設計。

縮小頁面四周的余白,版面率提高,包含的信息增加,給人一種充滿活力且非常熱鬧的印象,適用於需要傳遞大量信息且留下深刻印象的設計。

舉個栗子

這樣看就能比較直觀看出,上圖中高版面率的海報(圖左)相對於低版面率(圖右),更熱鬧與活潑,低版面率的則更典雅。

通過上面的案例可以看出,控制版面率的方式是「擴大圖像面積」或「縮小圖像面積」,這兩個方式是改變版面率的最基本,最容易掌握的方法,也是版式設計中最經常使用的手法。

版面率無論高低,都有它的好處,不同的版面率帶來不同的構圖效果,這也就是接下來要說的構圖方式。

二.構圖

構圖是整個版式設計的骨架,一幅優秀設計作品能深深地吸引目光,其中一個非常重要的原因是版面處理得很好。沒有一個好的構圖排版,你的工作基本上就會…崩潰。

不要害怕,煩惱放下,今天當然幫你準備好了解決辦法,整理了幾種常用的基礎方法,用這樣的構圖方法,一定能幫你解決一些設計版式時的頭痛問題~

? 對稱式構圖

對稱式構圖是構圖中最常用的構圖方式之一,在平面設計中,對稱是一種視覺元素上下相對、左右相對的構圖形式。

對稱型構圖是一種結構規律性很強的構圖形式,相互對稱的平面視覺元素不是單一元素簡單地重複排列,而是一種新的、更豐富的一致和統一的視覺美感。

看些好看的栗子?

? 中心式構圖

中心式構圖以設計平面的中心部位作為整個視覺中心來進行設計構圖,比較常用長方形和正方形的構圖框來進行構圖,這種構圖方式優點在於非常!突出主體,並且可以賦予畫面一種平衡感。

放一些好看的中心式構圖海報

? 對角線構圖

這是一個非常著名的構圖表現方法,設計中所呈現的線所形成的對角關係,使畫面產生了極強的動勢,表現出縱深的效果。透視也會使整體變成了斜線,可以引導人們的視線到畫面深處。

比如這幅紀梵希的海報,可以將海報與一眾平衡構圖的圖片區分開來,傾斜的角度讓人第一眼就想注意到它。這種構圖方式在各類產品海報中會比較常見,不信你去看看蘋果官網。

? 方形排列構圖

方形與重複排列的構圖形式是視覺元素以方形骨架或外形呈方形重複排列形成的構圖形式。通過方形中視覺元素規整和變化的重複組合,增加構圖效果的生動性、多樣性與豐富性。

像下面這幅海報就是比較典型的方形排列構圖,整個畫面顯得灰常強調和突出。

當然還有很多構圖方式啦,諸如圓形構圖,三分法構圖,圓形構圖...篇幅有限,今天就不詳細講啦,有機會整理一篇詳細的構圖方法。

當你構思好構圖方式,在你實際設計版本過程中,你還需要了解版式設計的有限率。

三.優先率

從字面理解,即你想讓人看到你的設計後,優先看到什麼,最先注意到哪一部分?

比如這兩幅圖,圖形大小面積的不同,是不是顯然讓你最先注意到的部分也產生了不一樣?

和版面率一樣的道理,改變優先率最好的方法就是通過圖片大小來引導內容的先後順序,比如擴大主圖,或者縮小其他圖片來提高「優先率」。

除了大小,你還可以通過改變顏色來改變優先率,比如醬紫

在相似的色塊中,加入不同的顏色和形狀,產生「差別化」的概念,對內容是一種強調。

不過,很多時候看別人的版式,都會有一種莫名的高級感or清爽感,自己明明也學著做了,卻總感覺少了點什麼,不如試試這個版式小妙招?

四.留白率

留白指的是設計里的背景空白空間,圖片、文字、標題和Logo等構成設計里的前景部分。

幾乎所有的用戶都喜歡整潔、有條理、容易看懂的網站。想想誰願意花大半天時間去瀏覽一個網站,看了一大堆信息卻找不到自己想要的?

依然舉個栗子,你看下面這張圖:

如果缺少留白部分,容易造成一種封閉的感覺,在天地四周安排余白,反而會讓人有一種向外部擴展的感覺。

在店鋪陳列設計中也是這樣的:

這就是為什麼奢侈品商店都喜歡「大而空」的陳列方式,因為足夠的留白,可以顯示出「高級感」、「觸不可及的冷淡風」。

平面設計中留白的使用就更多了:

留白的恰當使用,可以讓布局更加平衡,讓元素有更清晰的呈遞效果,更能吸引用戶的注意。

說了這麼多,其實版式設計也並沒有一個絕對的模板,也沒有「這樣是絕對不行的」的說法,每個設計師的風格不同,設計版式也自然有眾多差異。


我們還回答過一些版式設計相關的問題,你可以前往查看:

留白的美學價值是什麼?

字數多的海報如何設計才能搶眼?

給照片配上文字有哪些好的排版?

多圖片如何排版?

人人都是設計師4:如何用網格使排版更加精妙


歡迎前往Fotor懶設計網站fotor.com.cn進行在線設計,簡單好用的設計工具,能夠有效提高你的設計效率哦。

【新手特別福利】註冊時填入邀請碼:721274,即可獲得3天VIP~?(*?▽?*)?

關注公眾號【Fotor懶設計】,回復「素材資料包」,獲得我們吐血整理的可商用高清圖庫、靈感圖庫等各類素材資源。

希望以上總結能幫助你更好地進行設計創作,喜歡就給我點個贊吧?


推薦閱讀:
相关文章