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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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