您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

八種很漂亮的排版方法和技巧分享

總結了8個有助于排出悅目版式的技巧,僅供參考。

  一、使用長線

  行使長線排版這個技巧應該許多人都用過,但是它并沒有想象的那么簡單,假如運用得不恰當,不但不會悅目,還會顯得很死板。長線在排版中的使用一樣平常是為了知足以下幾個需求。

  1.區(qū)隔信息

  即行使長線條把版面里不同類型的信息區(qū)分開,你可以根據現實情況來選擇使用虛線照舊實線,覺得詬誶線單調的話也可以給它點顏色瞧瞧,使用長線區(qū)隔信息可以使其看起來更清晰,更方便受眾閱讀,同時還可以起到規(guī)整的作用,使版面不至于太凌亂。

八種很漂亮的排版方法和技巧分享 三聯

  ▲假如一個版面內的信息層級關系許多,我們可以同時使用細線和粗線來進行劃分。

  ▲上圖使用的是紅色虛線,使用虛線會顯得沒那么生硬。

  2.裝飾

  我們在排版時經常會碰到如許的情況,信息并不是許多,也不適合加圖片,所以整個版面容易顯得單調和平淡,這時我們可以行使長線來雄厚版面,在增長美感的同時還能增長設計感。

  ▲斜線經常被當做剪刀用,俗稱“一剪沒”。

  ▲上圖筆墨頂部增長的直線使該排版看起來更專業(yè)。

  3.建立固定版式

  在畫冊或報紙的排版中,一樣平常會有一些固定不變的信息放在頂部或底部,作為模板出現,行使長線來輔助建立這種固定版式也是屢試不爽的技巧。

  ▲在畫冊排版時設計一個固定版式,可以讓版面看上去更細膩。

  ▲用長線建立版式的同時也能起到分隔信息的作用。

  4.強調

  在筆墨下面加直線還能起到強調信息的作用,就像我們曩昔看書的時候劃重點一樣,指導到受眾把目光聚焦在此。

df4558c68b36a801219c77e1c751.jpg

  ▲線條是直照舊彎應該跟設計師的性取向沒毛關系。 

  二、使用短線

  短線的功能和長線大同小異,雖然沒有長線用得那么普遍,但偶然候更好用,分外是在網頁設計、UI設計、咭片設計中,我們能經??吹蕉叹€的身影。短線的用法有如下幾種:

  1.區(qū)隔信息

  行使短線區(qū)隔信息比長線要更天真一點,不會造成太規(guī)矩的結果,而且雖然是短線,但是受眾經常會腦補把它延伸。

  ▲當然,偶然候是由于信息比較短,所以用短線更合適。

  ▲上圖的短線除了分隔信息外還起到了點綴的作用。

  2.裝飾

  短線也是可以用來裝飾的,把短線放在筆墨信息的前面、或者相對應的留白區(qū)域,再選擇合適的顏色,可以有用雄厚版面。

  ▲在筆墨的下一行位置加短線

  ▲在筆墨對應的空白區(qū)域加短線

  3.歸類

  就是用一條短線把一部分信息歸為一類,一樣平常采用豎線。把筆墨左對齊或右對齊,然后在對齊的一壁加一條長于或等于這段筆墨的直線,跟大括號的用法差不多,但是要更悅目一些,在信息類別比較多的版面中很實用,如下圖:

  ▲在目錄中使用短線是最合適不過的了。

  ▲上面的這些短線都有點長?那我們就叫它長長的短線吧。

  三、使用色塊

  使用色塊進行排版也很是實用的一項技巧,而且容易營造時尚的感覺,經常被用在畫冊和網頁設計當中,色塊在版式中的重要用途有以下幾個:

  1.劃分區(qū)域

  在畫冊或網頁設計中,可以用色塊來劃分區(qū)域,一個色塊承載一塊信息,使該色塊內的內容與其他信息區(qū)別開來,假如色塊較多時最好讓它們形成肯定的節(jié)奏感,比如呈同一或漸變結果。

  ▲色塊在劃分區(qū)域的同時還能把一些看起來比較零散的信息組合起來。

  ▲上圖的三個色塊各使用了不同的顏色,且故意上下錯開創(chuàng)造節(jié)奏感。

  2.凸起重點

  凸起重點信息的體例有許多,把它放在色塊中也是一種不錯的方法,筆墨和色塊要使用對比色。

  ▲上圖的色塊是為了凸起扣頭信息。

  ▲上圖的色塊是為了凸現題目。

  3.星散背景

  當我們在圖片上排筆墨的時候,因為圖片的明暗關系不是太平均,所以會影響筆墨的閱讀性,這時在筆墨底部增長色塊是一個不錯的方法,假如把背景圖調成詬誶,再使用顏色美麗的色塊結果會更好。

  ▲假如想保留背景圖片的完備性,也可以適當降低色塊的透明度,或者使用正片疊底結果。

  4.雄厚設計情勢(裝飾)

  色塊自己就是具有強烈設計感的元素,所以我們可以用色塊來進行構圖,比如用幾個色塊組合成一個圖形,或者通過色彩搭配制造對比,都可以做出很漂亮且有特色的設計。

  ▲上圖的色塊其實是左上角品牌標志的延展,構圖很分外。

  ▲上面這款包裝頂部的橙色在大面積的白色對比下顯得十分顯眼,成為了該包裝的最大亮點。 

  四、使用線框

  線框和色塊的用法有許多雷同的地方,但區(qū)別也不小,首先線框沒有色塊那么有視覺沖擊力,其次,由于線框的框內是沒有顏色的,所以更適合把圖片也一同框起來了,而色塊重要用來承載筆墨信息。線框重要的用法有以下3種:

  1.信息分組

  用線框來把版面內的信息進行分組,跟色塊的用法是同樣的意思,這里就不多說了,直接看例子吧。

  ▲上圖右側用線框把信息分為三組,粗一點的彩色線框還很時尚。

  ▲線框的風格應該與設計的團體風格同等。

  2.信息組織

  零散的信息可能會造成版面紊亂,用線框把臨近的信息框在一路是一個有用的解決辦法。

  ▲在這密集恐驚癥的版面中,還好設計師用線框守住了信息區(qū)域附近的一片“凈土”。

  3.裝飾

  根據版面尺寸、設計元素,合理的使用線框可以使作品更有設計感和美感,如:用圖片貫穿線框,塑造一種突破約束的感覺,或者把線框直接作為版面邊緣的裝飾線條花邊等。

  ▲在卡片的設計中用細線框裝飾在邊緣,有點小小的文藝氣息。

  ▲行使規(guī)則的線框與圖片錯開制造沖突。 

  五、把筆墨排成一個分外的外形

  正常情況下我們都會把段落筆墨排成小方塊,但是對于那些要求不是太規(guī)矩的設計,我們也可以嘗試把段落筆墨排成一些故意思的外形,例如把表達愛情的筆墨排成心形,把闡述環(huán)保的內容排成樹的外形等。這些分外的外形會比方方正正的筆墨更具視覺沖擊,看上去也會更天真更風趣,不過太花哨的外形會降低筆墨的閱讀性,要慎用。

  ▲上圖的筆墨被排成平行四邊形,雖然算不上太分外,但是也造成了一種不穩(wěn)固的感覺,在周邊筆墨的搭配下顯得個性十足。 

  六、文本繞排

  即把筆墨繞著圖片的外輪廓進行排版,這種手法在畫冊、雜志或報紙的排版中比較多見,由于筆墨要充足多才能達到結果,使用文本繞排時,圖片要用異形結果才會比較好,而且圖片要盡量大一點,此方法最適合創(chuàng)造視覺沖擊。

  ▲上圖的版面中不僅運用了筆墨繞排,同時還用了大小對比、稀少對比、留白等技巧,有點叼。

  ▲上圖報紙中的圖片選得特別很是好,既有空間感又有動感,筆墨與圖片也結合得很緊密,營造出了一種車從報紙里沖出來了的感覺。

  關于文本繞排,我順便說一下操作方法,假如是用AI排版,你必要先把圖片在PS里去底,存為PSD格式的文件,然后把該文件直接拖入AI,嵌入文件后選擇可編輯選項,再點擊右鍵選擇釋放剪切蒙板,接著把圖片放入文本中,同時選中文本與圖片,點擊在菜單欄對象-文本繞排-建立就可以了。

  而在CDR中的操作方法則要復雜一點點,你必要用貝塞爾工具再把圖片的外輪廓勾出來,然后再單機右鍵選擇段落文本換行-輪廓圖-跨式文本即可。 

  七、對齊

  由于對齊排版能夠制造一種穩(wěn)固、整齊、同一的感覺,最緊張的是便于閱讀,所以,幾乎是在任何版式中都要用到該技巧??此坪芎唵蔚募记?,其實里面也大有學問,有許多良好的設計作品中都暗藏了許多對齊的玄機,但是過份的強調對齊也會讓版面顯得很死板,于是有些設計師就喜好有心制造凌亂,效果總是弄巧成拙。

  ▲跟我一路唱:左對齊、右對齊、上對其、下對齊、左右對齊、居中對齊。

  ▲上圖的設計師一定有對齊強迫癥,不過結果確實不錯。

  八、文疊圖

  跟使用色塊不同的是,文疊圖不必要其他元素的輔助,而是直接把筆墨疊在圖片上,所以必須要保持筆墨的可識別性。而且不要把所有筆墨都放在圖片內,而是只放一部分,與圖片形成交叉的關系。這種排版的上風在于對比結果強烈,且讓筆墨與圖片形成了緊密的互動,不會有各自孤立的感覺。

  ▲采用不規(guī)則的異性圖片來處理結果也不錯,圖片的顏色最好不要太多太艷。

  ▲劃一的筆墨與矩形的圖片交叉疊加,既平穩(wěn)和諧又有種沖破約束的感覺。

  每一個技巧的使用都是有目的的,要么為了美觀,要么為了方便閱讀,而不是為了炫技,所以在分析每個技巧時,我都說明了之所以這么做的益處,這是必要大家真正去理解的。

  這么多經典的作品,就算大家不看筆墨,純看圖片都可以從中學到不少是不是?不過,忠實說你們到底認真看了筆墨沒有啊?別襲擊老人家好不好。

[教程作者:佚名]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di15.html
說說幾點使用增強對比度來提高可讀性的小提示
表單設計的5個新規(guī)則
圖趣網微信
建議反饋
×