大家好，這次見面，給大家來點干貨，本期想跟大家分享一下優(yōu)秀的版式要怎么去欣賞，它到底有什么不一樣，好在哪？該看什么東西？俗話說，外行看熱鬧，內(nèi)行看門道，看待一件事情要追根溯源，只有知其然才能知其所以然。希望對大家有所幫助。一起學(xué)習(xí)，共同提高！
——————————————————————————————————————————————
開始前，先反問一下自己，一個設(shè)計作品它有哪些東西？拋開外部因素，從學(xué)術(shù)的角度來講，無非就是字體丶圖片丶圖形丶顏色，它們之間的相互擺放，相互堆疊在一起組成一個畫面呈現(xiàn)在我們眼前。至于元素為什么要這樣擺放等原因，同樣可以反問自己，不這么擺那會是什么樣的呢？有什么規(guī)律和秩序？
反問自己，這個作品上有什么元素？一開始我們可以從局部看作品，一直細(xì)分。
1、 文字 2、圖片 （典型的圖文搭配。）
理解到這，再反問下自己，為什么文字要有大小。可以舉下反例，去做一版對比，看看是什么效果。
經(jīng)過這樣一調(diào)整，文字的層級關(guān)系就沒了，看不出重點是什么。文字的層級關(guān)系很平，幾乎沒有對比可言了。由此可以看出，放大文字是為了突出重點，這樣才能讓主角有更好的展現(xiàn)機(jī)會。
那這里的字體是很纖細(xì)的宋體，為什么呢？同樣可以舉反例來驗證心中的疑問。
將字體一換，是不是覺得很別扭，為什么會有這種感覺呢？是因為圖片可以看出這是一位女性，因此選擇了宋體來表現(xiàn)，而且圖片整體的明度很高，包括身形手形以及裙子的形態(tài)都是給人一種飄逸、輕盈的感覺，所以選用的字體不能太粗，要不然圖片鎮(zhèn)不住字體反而被搶了風(fēng)頭。同樣，下面那段小文字之所以行距放那么大，也是為了符合圖片所以表達(dá)出的氣質(zhì)。
繼續(xù)，這個作品第一眼看到的是什么？
毫無疑問，是最大的圖片，那么這個最大的圖片就是這個作品的主體。
分析玩圖片和字體后，我們可以看看這個作品的構(gòu)圖是怎么樣？
左邊文字信息，右邊是圖片，那么就可以得出，這是左右結(jié)構(gòu)的構(gòu)圖形式。
那么文字為什么要放在左邊的上面呢？小段文字為什么要和大標(biāo)題放在一起呢？我們試著把它們分開來放，看看最后呈現(xiàn)的效果是怎樣的。
這樣一看，元素太散，負(fù)空間也由此變得復(fù)雜起來，正好左上角是空白最大的，所以將它們放在一處原來是很合適的，而右下角的文字與左上角的文字成對角線，起到呼應(yīng)的作用。
——————————————————————————————————————————————
這個畫面也是屬于圖文搭配，選用的字體有很強(qiáng)的曲線感，正是因為畫面的主體是一位性感的女性，有女性的曲線柔美感，同時圖片明度很高，就決定了字體不能是粗獷的字體，顏色上只用了一種。構(gòu)圖同樣是左右構(gòu)圖布局。
——————————————————————————————————————————————
這個畫面除了文字就是圖形，那么怎么來欣賞這個版式呢？
我們可以嘗試分解畫面中哪些部分是屬于圖形，有多少個文字群？主體是誰？
區(qū)分文字群要看具體內(nèi)容、貼近遠(yuǎn)離、組合形式、對齊方式、字體的運(yùn)用、加上自身經(jīng)驗和閱歷來進(jìn)行判斷。這里大的文字群是4個，大的文字群里又包含了小的文字群。圖形無疑是這個畫面中的主體。
我們欣賞作品時可以看它里面是否運(yùn)用的有對比和統(tǒng)一等手法。文字群的對齊方式都是統(tǒng)一的左對齊形式，文字群的字級大小就是對比（在字級最大的文字群里還運(yùn)用了兩種對齊方式。）
——————————————————————————————————————————————
同樣，這個也是屬于圖文搭配，中間的文字為什么要放在中上的位置呢？這樣放有什么用意？試著用網(wǎng)格去解構(gòu)一下，發(fā)現(xiàn)這個畫面上下左右都被劃分了三等份，如果框內(nèi)文字群放在畫面的中心，會顯的畫面很呆板，而且人眼一般看畫面視覺中心會偏向中上，將文字群位置上移很好的避免了這兩個問題。
圖片和文字整體的視覺流動都是從上到下，在底部放入的信息最后會映入人眼中。
——————————————————————————————————————————————
這是一張純文字海報，這個怎么看呢？
首先我們來看看它的比例，用網(wǎng)格來解構(gòu)一下。
中間文字群和兩邊的文字群的比例為86.783/60.325=1.438（白銀比）。構(gòu)圖形式是左中右構(gòu)圖。采用了文字群重復(fù)出現(xiàn)并超出頁面的表現(xiàn)形式。
除了這些還能看出字體都是用的現(xiàn)代無襯線字體和黑體，字重也很均勻。文字群是兩端對齊的形式，大文字群中又包含了小的文字群，里邊的細(xì)線起到了分割文字群信息的作用。
畫面中有黃色塊是什么原因呢？試著把黃色塊去掉，看下結(jié)果 。
去掉之后是不是有點太單調(diào)了，沒有一點顏色來襯托，加入黃色后有一種現(xiàn)代的都市感。
同樣的我們可以舉一反三，用其它的顏色，不一定非要用黃色。也非常好看。
——————————————————————————————————————————————
這種簡約圖配文版面設(shè)計怎么去欣賞呢？
畫面用的是現(xiàn)代感的黑體字，符合圖片中的物體屬性，視覺流向是從左上到右下，運(yùn)用了對角構(gòu)圖。
用網(wǎng)格解構(gòu)一下，豎向是六欄，橫向三欄的網(wǎng)格形式。
畫面中運(yùn)用了左對齊、右對齊、頂對齊、底對齊四種對齊方式。三個字級大小對比。對齊形式的統(tǒng)一、字級大小對比、畫面整體元素的布局使整個設(shè)計得到均衡。
——————————————————————————————————————————————
這個海報用文字編排成樂器的形式，創(chuàng)意形式非常好。可以記在腦中用文字編排成某個器物的形式，有類似項目就可以考慮這樣的形式。
這樣的海報同樣有要清晰傳達(dá)的信息。
——————————————————————————————————————————————
這種非常規(guī)的設(shè)計怎么欣賞學(xué)習(xí)呢？
同樣是圖文搭配，先在腦海中把文字全部屏蔽掉，那么就只剩下色塊、圖片、漸變色和背景了，再屏蔽掉色塊，那剩下的就只有圖片、漸變色和背景，再屏蔽掉圖片和漸變色呢？是不是就只有灰底了。為什么要這樣看呢？有沒有發(fā)現(xiàn)，單從設(shè)計上來講這個畫面就是分了這么幾層堆疊在一起組成的。字體上對比非常強(qiáng)，可以明顯看出是想要用粗獷的字體來突出想要重點傳達(dá)的信息，畫面中的色塊和字體的顏色以及底部的漸變色在圖片中也都能找到源頭。
圖片和色塊、文字的疊加擺放，形成流暢的觀看視線。畫面中顏色運(yùn)用也有相對應(yīng)的呼應(yīng)關(guān)系。畫面中，文字字體、粗細(xì)、顏色、色塊等到處充滿了對比，同時，文字群的分組和顏色、圖片和色塊的形狀又保持統(tǒng)一。
——————————————————————————————————————————————
最后分析一張名片作為本次的結(jié)尾吧。
設(shè)計，到最后講究的是細(xì)節(jié)，細(xì)節(jié)到位才能體現(xiàn)作品的精致。有時候失之毫厘，便差之千里。下面我們就來分析，名片到底隱藏了多少設(shè)計細(xì)節(jié)。
同樣，這個版面上只有文字，沒有任何其它東西，那么這就考驗設(shè)計師對文字編排的功底了。
怎么解構(gòu)這個名片呢？首先，這個名片是從中間劃分為兩半（左右相等）。
接著看這個畫面上有多少個文字群？文字群里是否又包含了小文字群？
3個大文字群，同時信息最多的文字組里又分了三個小文字群。
字級為二個字級（忽略模糊不清的字級大小），文字群的間隙和行距都是有依據(jù)可尋的。
對齊方式都是左對齊，同時文字群和文字群之間也是左對齊的形式，姓名職稱文字群和聯(lián)系郵箱文字群上下是對齊的，達(dá)到統(tǒng)一秩序。
這里要注意的是正面和背面的姓名和職稱這一文字群是采用了居中對齊，為什么不采用統(tǒng)一的左對齊形式呢？
經(jīng)過對比發(fā)現(xiàn)，如果左對齊，由于正面文字長度的原因?qū)е潞竺婵障短?，視覺上不舒服，所以巧妙的將它進(jìn)行居中對齊，很好地解決了視覺上問題。同時，中間空隙正好是頁面邊距的2倍。
從大的方向看這個名片都是呈三角趨勢，長度上的比例節(jié)奏韻律都很好，字級上有對比，相關(guān)的信息都擺放在了一起，需要區(qū)分或強(qiáng)調(diào)的信息進(jìn)行了單獨的提取擺放（公司名）。
——————————————————————————————————————————————
好了，最后做一個知識總結(jié)吧。都講了什么，該看什么？
一、看字體（字體的類型、字重、字級的大小、字體和字群的組合方式，對齊方式、文字長度比、）
二、看圖片的使用是什么感覺的，整體畫面的構(gòu)圖是什么樣的構(gòu)圖，視線流動在畫面中是怎樣的?用了什么樣的美學(xué)比例？
三、看新穎的形式感，存儲在腦中的記憶庫。
四、看優(yōu)秀設(shè)計所用的配色手法（理解表達(dá)的是什么氣質(zhì)，遇到想到項目氣質(zhì)的就可以參考這些優(yōu)秀的配色）
