會08期淑慧文字的高級排版用戶洞察對營銷影響龔超期

1、設(shè)計(jì)基礎(chǔ)-文字的排版分享人：龔超目錄1234為什么學(xué)習(xí)文字排版文字排版對齊方式與其它最好的文字排版都是最簡單的【第三期預(yù)告】文字排版高級技巧 【第四期預(yù)告】簡單粗暴的字體效果【第五期預(yù)告】常見的版式設(shè)計(jì)1為什么學(xué)習(xí)文字排版Why learn text typesetting文字排版的重要性文字排版在設(shè)計(jì)中用的尤為重要。如何做出一張主題突出，有助于提高轉(zhuǎn)化率的banner？那么就要先學(xué)好文字的排版！首先呢，要知道為什么文字要進(jìn)行排版？當(dāng)然是為了好看啦！文字可不是隨隨便便堆出來就能好看啊。而且文案的主要目的是什么？向你的客戶傳遞你想告訴他的信息啊，好的banner能夠勾起人們的購買欲望，文字的排版

2、就在里面起著關(guān)鍵的作用了！比如你文案中的打折信息，要突出，客人看到了感覺：哇！便宜！買！或者：哇！優(yōu)惠了好多！買買買！.等等，看到轉(zhuǎn)化率的提高，是不是心里也是美滋滋的？廢話不多說了，咱們講重點(diǎn)吧，設(shè)計(jì)的基礎(chǔ)，最基礎(chǔ)的，文字的排版，開始了。2文字排版對齊方式與其它第一個(gè)文字排版的內(nèi)容：排版中的對齊第二個(gè)文字排版的內(nèi)容：排版中的層級第三個(gè)文字排版的內(nèi)容：行間距與字間距的設(shè)置文字排版對齊方式與其它 其實(shí)排版是有技巧的。比如我們常見的左對齊和右對齊，就有著非常大的區(qū)別，掌握了區(qū)別后，你就可以根據(jù)自己的需要，隨心所欲的去為自己的創(chuàng)意服務(wù)了。 我們在看文字時(shí)。首先會看對齊方式的點(diǎn)，當(dāng)然左對齊就看左邊，右對

3、齊就看右邊。當(dāng)我們看左邊時(shí)，會觸動自己的左腦，用左腦看問題。而左腦是理想思維，用理性去看問題。當(dāng)我們看右邊時(shí)，同樣會觸動右腦，有感性看問題，會更注重眼睛看到的東西。 不同的對齊方式，會起到不同的作用，看你喜歡哪一種，再決定哪一種對齊方式?！?】排版中的對齊 左對齊 左對齊觸動理性思維左對齊，首先剖析一下這張banner，右邊的圖片擺放具有指向性，做到了整個(gè)畫面的平衡，文字可以排得更好，當(dāng)我們看到這張圖片時(shí)，我們會不自覺的看到左邊的拍和下載按鈕的對齊方式，會發(fā)現(xiàn)自己的左腦在開始判斷事情的對與錯(cuò)好與壞。面對于右邊的圖片，似乎并不是最關(guān)心的。這就是左腦工作理性的判斷。其次向左的文字排版是根據(jù)人的閱讀

4、習(xí)慣的，所以，重點(diǎn)來了，左對齊文字排版的特點(diǎn)是：網(wǎng)頁默認(rèn)的的對齊方式；適合閱讀的排版方式；用于內(nèi)容較多的版式設(shè)計(jì)；具有方向感。左對齊是用的相對比較多的一種對齊方式?！?】排版中的對齊 右對齊 右對齊觸動感性思維這幅圖我個(gè)人非常喜歡，不僅先看到的是珠寶戒指，同時(shí)會關(guān)注右側(cè)，有右腦的工作，會不自覺的以欣賞的角度看問題，會馬上注意到右邊的珠寶文案，愛不釋手，出現(xiàn)買的沖動?！?】排版中的對齊 居中對齊 居中對齊的特點(diǎn)是：具有完美、完整、經(jīng)典的氣質(zhì)；由于其結(jié)構(gòu)穩(wěn)定居中的特點(diǎn)所以標(biāo)題感強(qiáng)。主要是根據(jù)他們的特點(diǎn)，在應(yīng)對不同的商品設(shè)計(jì)的時(shí)候會對應(yīng)想到文案的對齊方式就好?！?】排版中的對齊 穿過字會使人的視覺停

5、留 閱讀此圖，必然越過模特，造成時(shí)間的停留，給觀眾更多的時(shí)間來看圖?！?】排版中的對齊 直線的補(bǔ)充對齊作用 “再塑 ”前面的直線，可以彌補(bǔ)文字太短，也是常用的方法 排版中的層級什么是層級？據(jù)我理解就是向樓梯一樣，一層一層的，看得出下一步該踏那個(gè)位置，排版中的層級就是讓你知道哪個(gè)是跟哪個(gè)一伙的，他們會以幾個(gè)東西區(qū)別開，讓你看的出他們的差別，哪個(gè)是重點(diǎn)。 我們要了解影響層級的因素，主要是以下幾個(gè)：字體、字號、文字位置、顏色。注意把握這幾個(gè)要點(diǎn)，設(shè)計(jì)的banner就不會差到哪里去（當(dāng)然是從文字排版角度，其他因素也很重要，比如色彩、素材的使用等等。）?？纯匆韵吕泳椭览?。 排版中的層級來個(gè)層級的技巧

6、總結(jié)：要給文案分好層級，首先第一步，改變字體；第二步，改變字號；第三步，突出字體位置；第四步，改變字體顏色。影響的輕重次序?yàn)椋侯伾恢米痔栕煮w，建議排文字的時(shí)候文字比較少的時(shí)候能用三步不用四步，使用越少畫面越精致。 行間距與字間距的設(shè)置改變行間距可以讓內(nèi)容層級分明，字間距可以調(diào)整排版的節(jié)奏、平衡，排版時(shí)應(yīng)注意每行文案的長短調(diào)整節(jié)奏。3最好的文字排版都是最簡單的很多時(shí)候，我們會下很大的功夫去研究文字的排版，認(rèn)為是值得的。當(dāng)我們?nèi)シ催^來看那些最好看經(jīng)得起風(fēng)雨的排版，卻簡單到?jīng)]有任何技巧。原來簡單才是最好的。 第一幅顏色吸取了圖片顏色，文章幾乎沒有任何技巧。但圖片看起來卻非常舒服。 第二幅仍然吸取圖

7、片顏色，字體簡單，僅僅是拉了幾條線，還是非常的清晰。看起來卻非常協(xié)調(diào)。 第三幅還是吸取圖片顏色加白色，采用居中排列?？雌饋矸浅５膮f(xié)調(diào)。 總結(jié)這些最簡單的文字字體，加上不用太多的技巧，給人的感覺確實(shí)協(xié)調(diào)整齊，和諧統(tǒng)一。有一種說不出來的美感。比起那些嘩眾取寵的文字，它們更有味道。所以最好的文字，都是簡單整齊的，和諧統(tǒng)一的。4 預(yù)告【第三期】文字排版高級技巧 【第四期】簡單粗暴的字體效果【第五期】常見的版式設(shè)計(jì)文字排版高級技巧 分享人：龔超閱前一叨逼1234花了4天寫的干貨，滿滿的都是精華文字和圖片都有點(diǎn)多，因?yàn)樯履銈兛床贿^癮主題：8個(gè)技巧助你排出好看的版式 【第四期預(yù)告】簡單粗暴的字體效果【第五

8、期預(yù)告】常見的版式設(shè)計(jì)1使用長線利用長線排版這個(gè)技巧應(yīng)該很多人都用過但是它并沒有想象的那么簡單如果運(yùn)用得不恰當(dāng)，不但不會好看，還會顯得很死板。長線在排版中的使用一般是為了滿足以下幾個(gè)需求：1、區(qū)隔信息即利用長線條把版面里不同類型的信息區(qū)分開，你可以根據(jù)實(shí)際情況來選擇使用虛線還是實(shí)線，覺得黑白線單調(diào)的話也可以給它點(diǎn)顏色瞧瞧，使用長線區(qū)隔信息可以使其看起來更清晰，更方便受眾閱讀，同時(shí)還可以起到規(guī)整的作用，使版面不至于太凌亂。1、區(qū)隔信息如果一個(gè)版面內(nèi)的信息層級關(guān)系很多，我們可以同時(shí)使用細(xì)線和粗線來進(jìn)行劃分。1、區(qū)隔信息如圖使用的是紅色虛線，使用虛線會顯得沒那么生硬。2、裝飾我們在排版時(shí)經(jīng)常會遇到這

9、樣的情況，信息并不是很多，也不適合加圖片，所以整個(gè)版面容易顯得單調(diào)和平淡，這時(shí)我們可以利用長線來豐富版面，在增加美感的同時(shí)還能增加設(shè)計(jì)感。2、裝飾斜線經(jīng)常被當(dāng)做剪刀用，俗稱“一剪沒”。2、裝飾如圖文字頂部增加的直線使該排版看起來更專業(yè)。3、建立固定版式在畫冊或報(bào)紙的排版中，一般會有一些固定不變的信息放在頂部或底部，作為模板出現(xiàn)，利用長線來輔助建立這種固定版式也是屢試不爽的技巧。3、建立固定版式在畫冊排版時(shí)設(shè)計(jì)一個(gè)固定版式，可以讓版面看上去更精致。3、建立固定版式用長線建立版式的同時(shí)也能起到分隔信息的作用。4、強(qiáng)調(diào)在文字下面加直線還能起到強(qiáng)調(diào)信息的作用，就像我們以前看書的時(shí)候劃重點(diǎn)一樣，引導(dǎo)到受

10、眾把目光聚焦在此。4、強(qiáng)調(diào)線條是直還是彎應(yīng)該跟設(shè)計(jì)師的性取向沒毛關(guān)系。2使用短線短線的功能和長線大同小異，雖然沒有長線用得那么普遍，但有時(shí)候更好用特別是在網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)、名片設(shè)計(jì)中，我們能經(jīng)常看到短線的身影。短線的用法有如下幾種：1、區(qū)隔信息利用短線區(qū)隔信息比長線要更靈活一點(diǎn)，不會造成太規(guī)矩的效果，而且雖然是短線，但是受眾經(jīng)常會腦補(bǔ)把它延長。1、區(qū)隔信息當(dāng)然，有時(shí)候是因?yàn)樾畔⒈容^短，所以用短線更合適。1、區(qū)隔信息如圖的短線除了分隔信息外還起到了點(diǎn)綴的作用。2、裝飾短線也是可以用來裝飾的，把短線放在文字信息的前面、或者相對應(yīng)的留白區(qū)域，再選擇合適的顏色，可以有效豐富版面。2、裝飾在文字的下一

11、行位置加短線2、裝飾在文字對應(yīng)的空白區(qū)域加短線3、歸類就是用一條短線把一部分信息歸為一類，一般采用豎線。把文字左對齊或右對齊，然后在對齊的一面加一條長于或等于這段文字的直線，跟大括號的用法差不多，但是要更好看一些，在信息類別比較多的版面中很實(shí)用。3、歸類在目錄中使用短線是最合適不過的了。3、歸類這些短線都有點(diǎn)長？那我們就叫它長長的短線吧。3使用色塊使用色塊進(jìn)行排版也很是實(shí)用的一項(xiàng)技巧，而且容易營造時(shí)尚的感覺，經(jīng)常被用在畫冊和網(wǎng)頁設(shè)計(jì)當(dāng)中，色塊在版式中的主要用途有以下幾個(gè)：1、劃分區(qū)域在畫冊或網(wǎng)頁設(shè)計(jì)中，可以用色塊來劃分區(qū)域，一個(gè)色塊承載一塊信息，使該色塊內(nèi)的內(nèi)容與其他信息區(qū)別開來，如果色塊較多

12、時(shí)最好讓它們形成一定的節(jié)奏感，比如呈統(tǒng)一或漸變效果。1、劃分區(qū)域色塊在劃分區(qū)域的同時(shí)還能把一些看起來比較零散的信息組合起來。1、劃分區(qū)域如圖的三個(gè)色塊各使用了不同的顏色，且有意上下錯(cuò)開創(chuàng)造節(jié)奏感。2、突出重點(diǎn)突出重點(diǎn)信息的方式有很多，把它放在色塊中也是一種不錯(cuò)的方法，文字和色塊要使用對比色。2、突出重點(diǎn)圖上的色塊是為了突出折扣信息2、突出重點(diǎn)如圖的色塊是為了凸現(xiàn)標(biāo)題3、分離背景當(dāng)我們在圖片上排文字的時(shí)候，由于圖片的明暗關(guān)系不是太平均，所以會影響文字的閱讀性，這時(shí)在文字底部增加色塊是一個(gè)不錯(cuò)的方法，如果把背景圖調(diào)成黑白，再使用顏色鮮艷的色塊效果會更好。3、分離背景如果想保留背景圖片的完整性，也可

13、以適當(dāng)降低色塊的透明度，或者使用正片疊底效果。4、豐富設(shè)計(jì)形式（裝飾）色塊本身就是具有強(qiáng)烈設(shè)計(jì)感的元素，所以我們可以用色塊來進(jìn)行構(gòu)圖，比如用幾個(gè)色塊組合成一個(gè)圖形，或者通過色彩搭配制造對比，都可以做出很漂亮且有特色的設(shè)計(jì)。4、豐富設(shè)計(jì)形式（裝飾）如圖的色塊其實(shí)是左上角品牌標(biāo)志的延展，構(gòu)圖很特別。4、豐富設(shè)計(jì)形式（裝飾）如圖這款包裝頂部的橙色在大面積的白色對比下顯得十分顯眼，成為了該包裝的最大亮點(diǎn)4使用線框線框和色塊的用法有很多相同的地方，但區(qū)別也不小，首先線框沒有色塊那么有視覺沖擊力，其次，因?yàn)榫€框的框內(nèi)是沒有顏色的，所以更適合把圖片也一同框起來了，而色塊主要用來承載文字信息。線框主要的用法有

14、以下3種：1、信息分組用線框來把版面內(nèi)的信息進(jìn)行分組，跟色塊的用法是同樣的意思，這里就不多說了，直接看例子吧。1、信息分組線框的風(fēng)格應(yīng)該與設(shè)計(jì)的整體風(fēng)格一致1、信息分組如圖右側(cè)用線框把信息分為三組，粗一點(diǎn)的彩色線框還很時(shí)尚。2、信息組織零散的信息可能會造成版面混亂，用線框把臨近的信息框在一起是一個(gè)有效的解決辦法。2、信息組織2、信息組織在這密集恐懼癥的版面中，還好設(shè)計(jì)師用線框守住了信息區(qū)域附近的一片“凈土”。3、裝飾根據(jù)版面尺寸、設(shè)計(jì)元素，合理的使用線框可以使作品更有設(shè)計(jì)感和美感，如：用圖片貫穿線框，塑造一種突破束縛的感覺，或者把線框直接作為版面邊緣的裝飾線條花邊等。3、裝飾在卡片的設(shè)計(jì)中用細(xì)

15、線框裝飾在邊緣，有點(diǎn)小小的文藝氣息。3、裝飾利用規(guī)則的線框與圖片錯(cuò)開制造沖突。5把文字排成一個(gè)特別的形狀正常情況下我們都會把段落文字排成小方塊，但是對于那些要求不是太規(guī)矩的設(shè)計(jì)，我們也可以嘗試把段落文字排成一些有意思的形狀，例如把表達(dá)愛情的文字排成心形，把闡述環(huán)保的內(nèi)容排成樹的形狀等。這些特別的形狀會比方方正正的文字更具視覺沖擊，看上去也會更靈活更有趣，不過太花哨的形狀會降低文字的閱讀性，要慎用。把文字排成一個(gè)特別的形狀把文字排成一個(gè)特別的形狀文字被排成平行四邊形，雖然算不上太特別，但是也造成了一種不穩(wěn)定的感覺，在周邊文字的搭配下顯得個(gè)性十足。6文本繞排即把文字繞著圖片的外輪廓進(jìn)行排版，這種手

16、法在畫冊、雜志或報(bào)紙的排版中比較多見，因?yàn)槲淖忠銐蚨嗖拍苓_(dá)到效果，使用文本繞排時(shí)，圖片要用異形效果才會比較好，而且圖片要盡量大一點(diǎn)，此方法最適合創(chuàng)造視覺沖擊。文本繞排如圖的版面中不僅運(yùn)用了文字繞排，同時(shí)還用了大小對比、稀疏對比、留白等技巧，時(shí)不時(shí)很沖擊力，感覺這個(gè)圖還不錯(cuò)吧！文本繞排報(bào)紙中的圖片選得非常好，既有空間感又有動感，文字與圖片也結(jié)合得很緊密，營造出了一種車從報(bào)紙里沖出來了的感覺。7文本繞排因?yàn)閷R排版能夠制造一種穩(wěn)定、整潔、統(tǒng)一的感覺，最重要的是便于閱讀，所以，幾乎是在任何版式中都要用到該技巧?？此坪芎唵蔚募记?，其實(shí)里面也大有學(xué)問，有很多優(yōu)秀的設(shè)計(jì)作品中都暗藏了很多對齊的玄機(jī)，但是過份的強(qiáng)調(diào)對齊也會讓版面顯得很死板，于是有些設(shè)計(jì)師就喜歡故意制造凌亂，結(jié)果總是弄巧成拙。左對齊、右對齊、上對齊、下對齊、左右對齊、居中對齊。這位i設(shè)計(jì)師肯定有對齊強(qiáng)迫癥，不過效果確實(shí)不錯(cuò)。8文疊圖跟使用色塊不同的是，文疊圖不需要其他元素的輔助，而是直接把文字疊在圖片上，所以必須要保持文字的可識別性。而且不要把所有文字都放在圖片內(nèi)，而是只放一部分，與圖片形成交叉的關(guān)系。這種排版的優(yōu)勢在于對比效