【職場(chǎng)版式】研習(xí)社K先生版式設(shè)計(jì)訓(xùn)練營(yíng)

【職場(chǎng)版式】研習(xí)社K先生版式設(shè)計(jì)訓(xùn)練營(yíng)

研習(xí)社K先生版式設(shè)計(jì)訓(xùn)練營(yíng)，不管是版面率、圖版率還是跳躍率，它們的高與低都由，畫(huà)面所要傳達(dá)的感覺(jué)和項(xiàng)目自身的氣質(zhì)所決定的。 研習(xí)設(shè)K先生：作為平面設(shè)計(jì)師，除了要跟客戶打交道以外，更多的是和文字、圖片、圖形等編排元素打交道。如果，將版面比喻為畫(huà)布的話，那它們就是我們用來(lái)作畫(huà)的工具，正所謂：工欲善其事必先利其器。要想畫(huà)好，首先我們就要學(xué)會(huì)使用這些工具。而今天的這篇文章將跟大家分享，使用「工具」的技巧與方法。我會(huì)按照從整體到局部的思維，依次講解它們?cè)诎婷嬷械�，設(shè)定方法與用途。希望大家在看完這篇文章后，能對(duì)編排設(shè)計(jì)有一個(gè)全新的認(rèn)知與了解。 在平面設(shè)計(jì)中，有三率一界的說(shuō)法。三率指的是版面率、圖版率以及跳躍率，而一界指的是視覺(jué)界限，簡(jiǎn)稱視界。今天不談一界，主要來(lái)說(shuō)說(shuō)三率。 版面率 首先來(lái)了解一下，什么是版面率。版面我們都知道，是用來(lái)承載信息的一個(gè)載體。 它就像是一個(gè)房間，而文字信息與圖片素材，則是家具飾品。在合理的情況下，這個(gè)房間內(nèi)放的東西越多，物品占據(jù)房間的面積比例也就越高，整個(gè)房間的空間被利用的也就越充分。 判斷一個(gè)版面的版面率是高還是低，我們就看版面內(nèi)部的，信息數(shù)量與元素的面積占比即可。 △版面率高，信息量多 △版面率低，信息量少 信息量越多，元素的面積占比也就越高，相對(duì)的版面率也就越高。信息量越少，元素的面積占比也就越低，相對(duì)的版面率也就越低。 不過(guò)，數(shù)量也不是，唯一的評(píng)價(jià)標(biāo)準(zhǔn)，關(guān)鍵還得看這些信息，在版面當(dāng)中的面積占比，為什么這么說(shuō)呢？ △版面率一致，信息量多 △版面率一致，信息量少 因?yàn)�，�?dāng)信息量不多時(shí)，只要元素的面積占比夠大，版面率依然不會(huì)受到影響。跟信息量多的版面比，它們的版面率都是一樣的。 我們都知道，一個(gè)版面是存在版心的。除去天頭地腳，左右頁(yè)邊距外，剩下的空間就是版心所在的區(qū)域了。 △ 版面率高 △ 版面率低 版心的大小會(huì)直接影響到，版面率的高低。因?yàn)橹�前也說(shuō)過(guò)了，版面好比是一個(gè)房間，你拿一個(gè) 40 平米的房，跟 80 平米的房比承載量的話，結(jié)果可想而知。 △ 版心 △ 留白 △ 版面率低 除了版心以外，對(duì)版面率影響最大的，要數(shù)留白了。哪怕你版心定得再大，如果版面內(nèi)部留白較多的話，版面率還低的。因?yàn)榱舭着c元素的面積占比，是成正比的。留白多，元素的面積占比就少，留白少，元素的面積占比就多。 △ 版面率低，留白多 △ 版面率高，留白少 在版心一致的情況下，留白越少版面率越高，留白越多版面率越低。 除了有版面留白以外，還有圖片留白。相較于常規(guī)的圖片來(lái)說(shuō)，那些為了表現(xiàn)清新、安靜的圖片，會(huì)刻意的創(chuàng)造留白來(lái)迎合氛圍。 △ 版面率高，留白少 △ 版面率低，留白多 在版面率一致的情況下，跟圖片留白少的版面比，圖片留白多的版面，版面率會(huì)顯得較低。 版面率越高，畫(huà)面的視覺(jué)張力就越大，版面也會(huì)表現(xiàn)的更加活潑與熱鬧 反之，版面率越低，畫(huà)面給人的感覺(jué)則非常典雅與寧?kù)o，版面也會(huì)更有格調(diào)。 版面率之所以有高低之分，完全取決于你想要傳達(dá)的氣質(zhì)是什么。當(dāng)需要表現(xiàn)出，活潑與熱鬧感時(shí)，可以提高版面率。當(dāng)需要表現(xiàn)出安靜、典雅范時(shí)，則可以降低版面率。 圖版率 圖版率和版面率的意思相近，版面率說(shuō)的是，文字與圖片占據(jù)畫(huà)面的比例，而圖版率說(shuō)的是，圖片占據(jù)畫(huà)面的比例。 △ 圖版率 △ 圖版率 如果整個(gè)頁(yè)面都是由圖片構(gòu)成的，那圖版率就是 100%；反之，如果頁(yè)面全是文字，圖版率則為 0%。 一般來(lái)說(shuō)，版面中的圖片數(shù)量越多，圖版率也就越高。因?yàn)殡S著圖片數(shù)量的增加，圖片的占比也在增加。 但有一點(diǎn)需要注意的是，跟版面率一樣，元素的數(shù)量并不是絕對(duì)的。要想圖版率高，在有數(shù)量的基礎(chǔ)上，圖片自身的面積也不能過(guò)小。 △ 圖版率高 △ 圖版率低 哪怕版面中只有一張圖片，只要面積足夠大的話，圖版率給人的感覺(jué)，也會(huì)比那些數(shù)量上占優(yōu)勢(shì)的版面要高。 一般來(lái)說(shuō)，圖片的視覺(jué)沖擊力比文字強(qiáng) 85%，提高圖版率可以活躍版面，但完全沒(méi)有文字的版面也會(huì)顯得格外空洞，讓人覺(jué)得這個(gè)版面非常的單調(diào)與無(wú)味。 當(dāng)圖版率為 0% 時(shí)，觀者會(huì)喪失閱讀的興趣，因?yàn)榘婷骘@得非�？菰�。當(dāng)圖版率為 40% 時(shí)，觀者的閱讀興趣會(huì)隨之上升，因?yàn)榘婷娉錆M了生氣，富有活力。當(dāng)圖版率為 100% 時(shí)，版面則會(huì)給觀者帶來(lái)，強(qiáng)烈的視覺(jué)感受。 看到這，我相信不用分析大家也知道了，圖版率高的版面，會(huì)給人帶來(lái)活躍與熱鬧的印象。 相反，圖版率低的版面，則會(huì)給人帶來(lái)一種，非常安靜與沉穩(wěn)的印象。 當(dāng)然，也不是說(shuō)圖版率高，版面就一定會(huì)傳達(dá)出活躍與熱鬧的氛圍，如果圖片屬于安靜、有格調(diào)的類型的話，提高圖版率只會(huì)放大圖片自身的氣質(zhì)。 現(xiàn)在很多奢侈品，比如：珠寶，手表，香包等等，無(wú)論是電視廣告還是紙媒廣告，都采用大圖版率，有故事內(nèi)容的情境圖，來(lái)創(chuàng)造氛圍，好吸引消費(fèi)者的目光，從而促進(jìn)產(chǎn)品的銷售。 提高圖版率的方法 當(dāng)遇到特殊情況如：圖片的像素不高，或是尺寸受限無(wú)法放大時(shí)，要怎么提高圖版率呢？針對(duì)這個(gè)問(wèn)題，我給大家介紹三種解決方法。 在演示之前，先跟大家說(shuō)明一下，這三種方法屬于視覺(jué)上的提高，并非實(shí)質(zhì)上的。 填充底色 第一種方法為：填充底色，也就是背景色、第二種方法為：添加圖形做疊底、第三種方法為：重復(fù)這張圖片或是圖形，通過(guò)增加圖片數(shù)量的方式，來(lái)使圖片的面積占比變高。 首先，我們先來(lái)看看第一種方式：填充底色。做法非常簡(jiǎn)單，選取一個(gè)與自身圖片相契合，或是跟圖片中的主色系，相對(duì)比、相互補(bǔ)的顏色進(jìn)行填充即可。 現(xiàn)在我們所看到的這張海報(bào)中，有三個(gè)色彩分別為：黃色、深藍(lán)色與黑色。從中選取一個(gè)出來(lái)用作填充，這叫相契合 選出圖片中的主色系，然后在結(jié)合色相環(huán)找出，跟這個(gè)主色系，有「對(duì)比」關(guān)系的色彩用作填充，這叫相對(duì)比。 這張海報(bào)的主色系是黃色，而跟黃色有對(duì)比關(guān)系的色彩為：紅色與藍(lán)色。 相互補(bǔ)，意思就是挑選一個(gè)，跟主色系相「互補(bǔ)」的顏色進(jìn)行填充。而跟黃色有互補(bǔ)關(guān)系的色彩是「紫色」。 不管是相契合，還是相對(duì)比或是相互補(bǔ)，它們之間沒(méi)有優(yōu)劣之分，具體要用哪個(gè)，可結(jié)合實(shí)際的視覺(jué)效果來(lái)做決定。