頁(yè)面排版設(shè)計(jì)有哪些技巧?遵循什么原則

古柏廣告設(shè)計(jì)
助力企業(yè)品牌成長(zhǎng)
圍觀:10811次

  對(duì)于很多設(shè)計(jì)師而言,畫(huà)冊(cè)排版一直是非常重要的問(wèn)題,經(jīng)過(guò)對(duì)應(yīng)的排版設(shè)計(jì)可以讓頁(yè)面看起來(lái)更為整潔美觀,這就需要使用一些排版技巧,那么頁(yè)面排版設(shè)計(jì)有哪些技巧?跟隨古柏廣告設(shè)計(jì)一起看下吧。

  運(yùn)用對(duì)齊的原則

  對(duì)齊在設(shè)計(jì)中算是很基礎(chǔ)的知識(shí)點(diǎn),畫(huà)面顯亂很多情況是元素的胡亂擺放,毫無(wú)規(guī)律可循,那么合理的運(yùn)用對(duì)齊的手法是避免畫(huà)面亂很好的解決方式,對(duì)齊的過(guò)程也就是規(guī)整畫(huà)面元素的過(guò)程。比如常見(jiàn)的:

  左側(cè)給人的感覺(jué)是雜亂無(wú)章的、毫無(wú)規(guī)律可言,很容易讓用戶反感,而右側(cè)雖然在形態(tài)上參差不齊,但是因?yàn)檫\(yùn)用了對(duì)齊的手法,并不會(huì)在視覺(jué)上呈現(xiàn)出很亂的感覺(jué),因?yàn)闊o(wú)論什么模塊,都按照了左對(duì)齊的方式擺放,這就起到了很好的規(guī)整作用。對(duì)齊手法,無(wú)論是在文字編排、海報(bào)設(shè)計(jì)、頁(yè)面設(shè)計(jì)等等方面都是基礎(chǔ)的,也是最常用的。其實(shí)對(duì)齊也能起到很好的串聯(lián)作用,因?yàn)橐曈X(jué)上按某種規(guī)律存在的元素會(huì)被用戶下意識(shí)的認(rèn)為是具有相關(guān)聯(lián)的。

  串聯(lián)視覺(jué)元素

  畫(huà)面太亂最常見(jiàn)的原因之一是因?yàn)樵刂g沒(méi)有形成呼應(yīng),也就是每個(gè)元素都是獨(dú)立的,互無(wú)關(guān)聯(lián)性,在用戶腦海中無(wú)法形成一條完整的視覺(jué)鏈條,而這樣的畫(huà)面相對(duì)是容易呈現(xiàn)出亂的感覺(jué)。那么避免畫(huà)面太亂常用的技法之一:將原本各自為戰(zhàn)的視覺(jué)元素串聯(lián)起來(lái),在視覺(jué)上呈現(xiàn)出關(guān)聯(lián)性,形成一條不會(huì)斷開(kāi)的視覺(jué)鏈條。比如視覺(jué)形態(tài)的串聯(lián):

  這里把每一個(gè)色塊當(dāng)做畫(huà)面中的不同的視覺(jué)元素或者欄目,左側(cè)和右側(cè)都運(yùn)用了對(duì)齊的原則,但是從視覺(jué)感受上說(shuō),相比而言左側(cè)整體感覺(jué)還是亂,出現(xiàn)亂的原因在于:每個(gè)視覺(jué)元素在形態(tài)上毫無(wú)關(guān)聯(lián)性,都是獨(dú)立存在的,無(wú)法在用戶腦海中形成很鮮明的視覺(jué)鏈條。而右側(cè)相比而言減少了很多不同的視覺(jué)形態(tài),這使得整體有了很好的統(tǒng)一,在排列方式上也是左右右左的形式,能在很短的時(shí)間內(nèi)讓用戶形成一個(gè)視覺(jué)慣性,這樣就很好的避免了畫(huà)面亂問(wèn)題的出現(xiàn),但是也并不是說(shuō)一定要讓元素1:1重復(fù)擺放,而是說(shuō)讓每個(gè)元素之間相互有關(guān)聯(lián)性,比如:

  左側(cè)和右側(cè)視覺(jué)元素位置是一致的,但是左側(cè)給人的感覺(jué)卻是雜亂的,因?yàn)槊總€(gè)視覺(jué)元素之間毫無(wú)關(guān)聯(lián)性,而右側(cè)則是保持了同種調(diào)性,整體都采用了金屬材質(zhì)的感覺(jué),把每個(gè)單獨(dú)的視覺(jué)元素放在一個(gè)整體看,又能形成一個(gè)完整的視覺(jué)鏈條,最后通過(guò)簡(jiǎn)單改變形狀,使得整體不至于因?yàn)樘y(tǒng)一而顯得單調(diào),這就是在統(tǒng)一時(shí)找變化,在變化中找視覺(jué)聯(lián)系。

頁(yè)面排版設(shè)計(jì)

頁(yè)面排版設(shè)計(jì)

  串聯(lián)視覺(jué)元素的方式也可以是色彩上的,通過(guò)顏色的呼應(yīng)形成很好的串聯(lián)作用,比如常見(jiàn)的:

  這里要表達(dá)的就是盡可能把整體色彩串聯(lián)起來(lái),而不是毫無(wú)關(guān)聯(lián),顏色的多樣性帶來(lái)的是視覺(jué)上的不統(tǒng)一,這也是為什么配色時(shí)盡量做到色相不超過(guò)三個(gè)的原因,且盡量保持飽和度和明度接近,任何元素的完全獨(dú)立都有可能帶來(lái)視覺(jué)上的雜亂,盡量做到有種隱藏規(guī)律在約束視覺(jué)元素,且各個(gè)獨(dú)立元素之間最終能形成一個(gè)視覺(jué)鏈。再比如,一些 WEB設(shè)計(jì)或者官網(wǎng)頁(yè)面設(shè)計(jì)作品,對(duì)于顏色的呼應(yīng)是要求很高的,呼應(yīng)的目的就是為了使得元素與元素之間相互關(guān)聯(lián),形成視覺(jué)上的串聯(lián),下面舉個(gè)例子:

  這個(gè)頁(yè)面視覺(jué)元素并不少,但是給人的感覺(jué)是很舒服且不顯亂,原因之一:整體的視覺(jué)元素呼應(yīng)很好,圍繞植物盆栽,視覺(jué)形態(tài)上形成了很好的串聯(lián)作用,每處圖片的調(diào)性基本保持了一致,且頁(yè)面整體既有大面積的顏色呼應(yīng)又有點(diǎn)綴性的小面積呼應(yīng),能夠很直觀的將每處視覺(jué)元素串聯(lián)在一起。原因之二:頁(yè)面的上中下三個(gè)區(qū)域分別出現(xiàn)了重色,這也是色彩上呼應(yīng)的一個(gè)表現(xiàn),如果把最后一部分重色改為白色的話,會(huì)給人一種頭重腳輕的感覺(jué),或者把中間重色去掉,就會(huì)給人一種視覺(jué)鏈斷層的感覺(jué)。原因之三:頁(yè)面整體對(duì)齊做的很好,每處元素都不是胡亂擺放的,都有一條隱形的線在約束元素,所以整體給人的感覺(jué)很舒服且不顯亂。

  下面再舉個(gè)例子:

  這里同樣也是整體圖片、顏色調(diào)性保持一致,且上中下也是有很明顯的重色呼應(yīng),在此中間也有一些小塊色彩的呼應(yīng),整體視覺(jué)鏈已經(jīng)有了很明顯的體現(xiàn)。其次在重色區(qū)域用了波浪形的形狀約束,其實(shí)這種波浪形狀是不好把控的,稍微使用不得當(dāng)就會(huì)顯亂,但是通過(guò)呼應(yīng)的關(guān)系,且只是出現(xiàn)在上中下三個(gè)區(qū)域,在進(jìn)行活躍版式的同時(shí)兼顧了視覺(jué)串聯(lián),所以給人的感覺(jué)并不亂,反而版式很活躍。

  說(shuō)了這么多,其實(shí)就是要充分把原本獨(dú)立存在的視覺(jué)元素有效的串聯(lián)起來(lái),讓他們相互作用,再有效的結(jié)合對(duì)齊原則,這也是有效避免畫(huà)面亂的一種常用手法,串聯(lián)視覺(jué)元素的過(guò)程其實(shí)就是規(guī)整的過(guò)程。

  重心平穩(wěn)原則

  在設(shè)計(jì)作品中,平穩(wěn)的重心是最常見(jiàn)的,在之前的文章中也說(shuō)過(guò),畫(huà)面中無(wú)論是顏色、色塊、文字等等它們?cè)谝曈X(jué)上都存在著一定的比重,如果重心不穩(wěn),就會(huì)給人一種視覺(jué)天平的傾向,給人一種「站不穩(wěn)」的感覺(jué),這并不是畫(huà)面亂的絕對(duì)因素,因?yàn)橐灿行┰O(shè)計(jì)是故意改變畫(huà)面重心尋求視覺(jué)上的差異化,所以在做好前兩點(diǎn)的前提下,再去考慮重心,比如前面案例里上中下的色彩呼應(yīng),同時(shí)也起到了很好的平穩(wěn)重心的作用,很多不錯(cuò)的海報(bào)、頁(yè)面都喜歡采用平穩(wěn)的構(gòu)圖方式,比如:

  無(wú)關(guān)元素的多與少,整體重心的平穩(wěn)使得畫(huà)面不會(huì)因?yàn)橐曈X(jué)比重的缺失顯得雜亂,而是給人一種穩(wěn)定、協(xié)調(diào)的感覺(jué),但是重心平穩(wěn)并不是完全的視覺(jué)比重的1:1,而是整體協(xié)調(diào)即可。

頁(yè)面排版設(shè)計(jì)

頁(yè)面排版設(shè)計(jì)

  以上是古柏廣告設(shè)計(jì)有關(guān)頁(yè)面排版設(shè)計(jì)技巧和原則的具體介紹,相信大家在看完之后也清楚了吧,歡迎關(guān)注我們的網(wǎng)站了解更多設(shè)計(jì)知識(shí)。


版權(quán)聲明:以上文章信息來(lái)源于網(wǎng)絡(luò),等僅代表原作者本人的觀點(diǎn)。除了已經(jīng)標(biāo)注原創(chuàng)的文章外,其它文章版權(quán)和文責(zé)屬于原作者。文章中出現(xiàn)的商標(biāo)、專利和其他版權(quán)所有的信息,其版權(quán)屬于其合法持有人。對(duì)可以提供充分證據(jù)的侵權(quán)信息, 我們將在確認(rèn)后的1小時(shí)內(nèi)刪除。


本網(wǎng)站之聲明以及其修改權(quán)、更新權(quán)和最終解釋權(quán)均屬?gòu)V州古柏廣告策劃有限公司所有。

(注:古柏廣告-版權(quán)所有-轉(zhuǎn)載請(qǐng)注明出處。)

免費(fèi)呼叫-輕松咨詢


品牌全案策劃、設(shè)計(jì)、執(zhí)行一站式服務(wù),
助力企業(yè)品牌成長(zhǎng)!

掃一掃關(guān)注古柏

GOOBAI AD.

Brand Whole Case Design


4000-882-993

tian520.cn

微信加好友咨詢


廣州古柏廣告策劃有限公司

地址:廣州市天河區(qū)東圃長(zhǎng)盛商務(wù)大廈B213-215

Copyright?2004-2020 GOOBAI Inc.All rights reserved

粵公網(wǎng)安備: 44010602001481號(hào)

備案號(hào):粵ICP備09222445號(hào)

GOOBAIAD

服務(wù)熱線:020-3160-9080

業(yè)務(wù)總監(jiān):136-3149-2728(Mr.羅)

Q Q/微信:212210324

與古柏對(duì)話

關(guān)注古柏