亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

8個技巧助你排出好看的版式

作者:蔥爺
2017-03-14
11695

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

一、使用長線

利用長線排版這個技巧應(yīng)該很多人都用過,但是它并沒有想象的那么簡單,如果運(yùn)用得不恰當(dāng),不但不會好看,還會顯得很死板。長線在排版中的使用一般是為了滿足以下幾個需求。

1.區(qū)隔信息
即利用長線條把版面里不同類型的信息區(qū)分開,你可以根據(jù)實(shí)際情況來選擇使用虛線還是實(shí)線,覺得黑白線單調(diào)的話也可以給它點(diǎn)顏色瞧瞧,使用長線區(qū)隔信息可以使其看起來更清晰,更方便受眾閱讀,同時(shí)還可以起到規(guī)整的作用,使版面不至于太凌亂。


1.jpg

▲如果一個版面內(nèi)的信息層級關(guān)系很多,我們可以同時(shí)使用細(xì)線和粗線來進(jìn)行劃分。


2.jpg

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


2.裝飾
我們在排版時(shí)經(jīng)常會遇到這樣的情況,信息并不是很多,也不適合加圖片,所以整個版面容易顯得單調(diào)和平淡,這時(shí)我們可以利用長線來豐富版面,在增加美感的同時(shí)還能增加設(shè)計(jì)感。

3.jpg

▲斜線經(jīng)常被當(dāng)做剪刀用,俗稱“一剪沒”。
4.jpg

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

3.建立固定版式
在畫冊或報(bào)紙的排版中,一般會有一些固定不變的信息放在頂部或底部,作為模板出現(xiàn),利用長線來輔助建立這種固定版式也是屢試不爽的技巧。

5.jpg

▲在畫冊排版時(shí)設(shè)計(jì)一個固定版式,可以讓版面看上去更精致。


6.jpg

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

4.強(qiáng)調(diào)
在文字下面加直線還能起到強(qiáng)調(diào)信息的作用,就像我們以前看書的時(shí)候劃重點(diǎn)一樣,引導(dǎo)到受眾把目光聚焦在此。

7.jpg

▲線條是直還是彎應(yīng)該跟設(shè)計(jì)師的性取向沒毛關(guān)系。

二、使用短線

短線的功能和長線大同小異,雖然沒有長線用得那么普遍,但有時(shí)候更好用,特別是在網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)、名片設(shè)計(jì)中,我們能經(jīng)常看到短線的身影。短線的用法有如下幾種:

1.區(qū)隔信息
利用短線區(qū)隔信息比長線要更靈活一點(diǎn),不會造成太規(guī)矩的效果,而且雖然是短線,但是受眾經(jīng)常會腦補(bǔ)把它延長。

8.jpg

▲當(dāng)然,有時(shí)候是因?yàn)樾畔⒈容^短,所以用短線更合適。

9.jpg

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

2.裝飾
短線也是可以用來裝飾的,把短線放在文字信息的前面、或者相對應(yīng)的留白區(qū)域,再選擇合適的顏色,可以有效豐富版面。

10.jpg

▲在文字的下一行位置加短線

11.jpg

▲在文字對應(yīng)的空白區(qū)域加短線

3.歸類
就是用一條短線把一部分信息歸為一類,一般采用豎線。把文字左對齊或右對齊,然后在對齊的一面加一條長于或等于這段文字的直線,跟大括號的用法差不多,但是要更好看一些,在信息類別比較多的版面中很實(shí)用,如下圖:

12.jpg

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

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

三、使用色塊

使用色塊進(jìn)行排版也很是實(shí)用的一項(xiàng)技巧,而且容易營造時(shí)尚的感覺,經(jīng)常被用在畫冊和網(wǎng)頁設(shè)計(jì)當(dāng)中,色塊在版式中的主要用途有以下幾個:

1.劃分區(qū)域
在畫冊或網(wǎng)頁設(shè)計(jì)中,可以用色塊來劃分區(qū)域,一個色塊承載一塊信息,使該色塊內(nèi)的內(nèi)容與其他信息區(qū)別開來,如果色塊較多時(shí)最好讓它們形成一定的節(jié)奏感,比如呈統(tǒng)一或漸變效果。

14.jpg

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

15.jpg

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

2.突出重點(diǎn)


突出重點(diǎn)信息的方式有很多,把它放在色塊中也是一種不錯的方法,文字和色塊要使用對比色。


16.jpg

▲上圖的色塊是為了突出折扣信息。

17.jpg

▲上圖的色塊是為了凸現(xiàn)標(biāo)題。

3.分離背景

當(dāng)我們在圖片上排文字的時(shí)候,由于圖片的明暗關(guān)系不是太平均,所以會影響文字的閱讀性,這時(shí)在文字底部增加色塊是一個不錯的方法,如果把背景圖調(diào)成黑白,再使用顏色鮮艷的色塊效果會更好。

18.jpg

19.jpg

▲如果想保留背景圖片的完整性,也可以適當(dāng)降低色塊的透明度,或者使用正片疊底效果。

4.豐富設(shè)計(jì)形式(裝飾)

色塊本身就是具有強(qiáng)烈設(shè)計(jì)感的元素,所以我們可以用色塊來進(jìn)行構(gòu)圖,比如用幾個色塊組合成一個圖形,或者通過色彩搭配制造對比,都可以做出很漂亮且有特色的設(shè)計(jì)。


20.jpg

▲上圖的色塊其實(shí)是左上角品牌標(biāo)志的延展,構(gòu)圖很特別。

21.jpg

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


四、使用線框

線框和色塊的用法有很多相同的地方,但區(qū)別也不小,首先線框沒有色塊那么有視覺沖擊力,其次,因?yàn)榫€框的框內(nèi)是沒有顏色的,所以更適合把圖片也一同框起來了,而色塊主要用來承載文字信息。線框主要的用法有以下3種:

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

22.jpg

▲上圖右側(cè)用線框把信息分為三組,粗一點(diǎn)的彩色線框還很時(shí)尚。

23.jpg

▲線框的風(fēng)格應(yīng)該與設(shè)計(jì)的整體風(fēng)格一致。

2.信息組織
零散的信息可能會造成版面混亂,用線框把臨近的信息框在一起是一個有效的解決辦法。


24.jpg

25.jpg

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

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

26.jpg

▲在卡片的設(shè)計(jì)中用細(xì)線框裝飾在邊緣,有點(diǎn)小小的文藝氣息。
27.jpg

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

五、把文字排成一個特別的形狀

正常情況下我們都會把段落文字排成小方塊,但是對于那些要求不是太規(guī)矩的設(shè)計(jì),我們也可以嘗試把段落文字排成一些有意思的形狀,例如把表達(dá)愛情的文字排成心形,把闡述環(huán)保的內(nèi)容排成樹的形狀等。這些特別的形狀會比方方正正的文字更具視覺沖擊,看上去也會更靈活更有趣,不過太花哨的形狀會降低文字的閱讀性,要慎用。

28.jpg

29.jpg

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

六、文本繞排

即把文字繞著圖片的外輪廓進(jìn)行排版,這種手法在畫冊、雜志或報(bào)紙的排版中比較多見,因?yàn)槲淖忠銐蚨嗖拍苓_(dá)到效果,使用文本繞排時(shí),圖片要用異形效果才會比較好,而且圖片要盡量大一點(diǎn),此方法最適合創(chuàng)造視覺沖擊。

30.jpg

▲上圖的版面中不僅運(yùn)用了文字繞排,同時(shí)還用了大小對比、稀疏對比、留白等技巧,有點(diǎn)叼。
31.jpg

▲上圖報(bào)紙中的圖片選得非常好,既有空間感又有動感,文字與圖片也結(jié)合得很緊密,營造出了一種車從報(bào)紙里沖出來了的感覺。

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

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


七、對齊

因?yàn)閷R排版能夠制造一種穩(wěn)定、整潔、統(tǒng)一的感覺,最重要的是便于閱讀,所以,幾乎是在任何版式中都要用到該技巧。看似很簡單的技巧,其實(shí)里面也大有學(xué)問,有很多優(yōu)秀的設(shè)計(jì)作品中都暗藏了很多對齊的玄機(jī),但是過份的強(qiáng)調(diào)對齊也會讓版面顯得很死板,于是有些設(shè)計(jì)師就喜歡故意制造凌亂,結(jié)果總是弄巧成拙。

32.gif

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


33.gif

▲上圖的設(shè)計(jì)師肯定有對齊強(qiáng)迫癥,不過效果確實(shí)不錯。


八、文疊圖

跟使用色塊不同的是,文疊圖不需要其他元素的輔助,而是直接把文字疊在圖片上,所以必須要保持文字的可識別性。而且不要把所有文字都放在圖片內(nèi),而是只放一部分,與圖片形成交叉的關(guān)系。這種排版的優(yōu)勢在于對比效果強(qiáng)烈,且讓文字與圖片形成了緊密的互動,不會有各自孤立的感覺。


34.jpg

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

35.jpg

▲整齊的文字與矩形的圖片交叉疊加,既平穩(wěn)協(xié)調(diào)又有種沖破束縛的感覺。

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

這么多經(jīng)典的作品,就算大家不看文字,純看圖片都可以從中學(xué)到不少是不是?不過,老實(shí)說你們到底認(rèn)真看了文字沒有啊?別打擊老人家好不好。


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      欧美日韩精品一本二本三本| 亚洲国产精品女人久久久| 久久久精品一品道一区| 亚洲精品小视频在线观看| 国产精品影院在线观看| 久久手机免费观看| 亚洲免费在线看| 亚洲美女视频| 狠久久av成人天堂| 国产乱码精品一区二区三| 欧美韩日一区| 久久尤物电影视频在线观看| 亚洲一区二区高清| 亚洲麻豆av| 亚洲国产日韩欧美在线动漫| 狠狠88综合久久久久综合网| 国产精品免费观看在线| 欧美精品在线视频观看| 久久九九久精品国产免费直播| 中文无字幕一区二区三区| 亚洲人成在线观看一区二区 | 国产色视频一区| 欧美日韩一区在线观看| 欧美国产日本韩| 蜜桃av综合| 欧美.com| 欧美高清视频| 欧美人成在线视频| 欧美日韩一卡二卡| 欧美日韩大片| 欧美日韩中文字幕在线| 欧美日韩在线第一页| 欧美日韩中文精品| 国产精品久久久久毛片大屁完整版| 欧美激情视频免费观看| 欧美另类一区| 国产精品女人网站| 国产精品一区二区在线观看网站| 国产欧美精品在线观看| 国产综合色产在线精品| 国内成人精品一区| 亚洲高清成人| 99国内精品| 亚洲男人天堂2024| 久久久久网址| 欧美激情亚洲激情| 欧美日韩一区二区视频在线 | 亚洲天堂成人| 欧美一区二区三区视频在线| 久久精品一本| 欧美极品aⅴ影院| 国产精品爱啪在线线免费观看| 国产精品视频一二| 精品69视频一区二区三区| 亚洲区在线播放| 午夜精品一区二区三区电影天堂 | 欧美一区国产一区| 欧美激情第3页| 国产伦理精品不卡| 亚洲国产欧美一区二区三区丁香婷| 一本色道综合亚洲| 久久久久久久尹人综合网亚洲| 欧美成人精品| 国产欧美日韩一区| 亚洲欧洲在线视频| 久久精品国产亚洲一区二区三区| 欧美极品在线观看| 国产日韩亚洲| 亚洲一区制服诱惑| 欧美黄在线观看| 国产在线视频欧美| 日韩午夜在线| 欧美成人精品在线| 国外成人在线| 亚洲男女毛片无遮挡| 欧美电影免费网站| 一区二区亚洲精品国产| 亚洲免费视频中文字幕| 欧美精品一区二区蜜臀亚洲| 好吊日精品视频| 午夜在线精品偷拍| 国产精品免费观看视频| 99国产精品久久久久老师 | 蜜臀av性久久久久蜜臀aⅴ| 国产精品久久久久久久久婷婷| 亚洲精品国产无天堂网2021| 久久综合狠狠综合久久综青草| 国产欧美va欧美va香蕉在| 一区二区三区毛片| 欧美精品激情在线观看| 在线成人性视频| 久久久一二三| 精品成人在线视频| 久久一区二区精品| 一区二区三区在线免费播放| 久久精品亚洲国产奇米99| 国产日韩视频| 翔田千里一区二区| 国产一区二区电影在线观看| 欧美在线电影| 国产一区二区久久| 久久噜噜亚洲综合| 亚洲国产经典视频| 欧美福利电影网| 亚洲精品免费在线观看| 欧美日韩另类国产亚洲欧美一级| 一区二区三区欧美视频| 国产精品久久久久aaaa| 亚洲免费视频网站| 国产午夜精品麻豆| 久久综合色88| 日韩亚洲欧美成人| 国产精品免费一区豆花| 久久av免费一区| 91久久黄色| 国产精品九九| 久久精品成人一区二区三区| 激情欧美丁香| 欧美日韩一区二区三区| 篠田优中文在线播放第一区| 狠狠v欧美v日韩v亚洲ⅴ| 欧美高清在线视频| 亚洲综合激情| 在线观看免费视频综合| 欧美日韩高清一区| 久久精品一区二区三区四区 | 亚洲精品在线电影| 欧美手机在线| 久久综合九色综合网站| 日韩一区二区久久| 国产日韩成人精品| 欧美国产免费| 欧美在线综合| 一区二区三区精品| 在线欧美视频| 免费成人高清在线视频| 亚洲精品视频免费观看| 国产亚洲成年网址在线观看| 欧美精品二区| 久久色在线播放| 亚洲欧美日韩精品久久久久| 亚洲国产成人午夜在线一区| 国产精品久久久久久久久久尿| 麻豆成人91精品二区三区| 午夜精品一区二区三区在线播放| 亚洲高清精品中出| 国产一区二区三区自拍| 欧美日韩一区二区在线观看 | 亚洲国产另类 国产精品国产免费| 国产精品v日韩精品v欧美精品网站| 美女免费视频一区| 久久久人成影片一区二区三区观看| 亚洲视频在线观看网站| 亚洲国产欧美一区二区三区同亚洲 | 亚洲欧美综合| 亚洲天堂av在线免费观看| 亚洲日本成人女熟在线观看| 激情六月婷婷久久| 国产日韩欧美黄色| 国产精品综合| 国产欧美一区二区三区久久人妖| 欧美日韩美女| 欧美韩日一区二区| 欧美激情第三页| 欧美国产第二页| 欧美精品一区二区精品网 | 久久网站热最新地址| 久久riav二区三区| 久久国产日本精品| 久久久久久夜| 久久天天躁狠狠躁夜夜爽蜜月| 久久不射中文字幕| 久久资源在线| 欧美va亚洲va香蕉在线| 欧美激情视频在线免费观看 欧美视频免费一| 久久久久久91香蕉国产| 久久久久久黄| 老**午夜毛片一区二区三区| 欧美/亚洲一区| 欧美日韩视频在线| 国产精品网曝门| 国内精品视频在线观看| 在线 亚洲欧美在线综合一区| 精品999日本| 亚洲精品一区二区三区av| 一本到高清视频免费精品| 亚洲小视频在线| 久久精品视频免费播放| 久久网站免费| 欧美日韩亚洲一区二区三区四区 | 亚洲午夜久久久| 欧美在线高清视频| 美女视频黄a大片欧美| 欧美激情 亚洲a∨综合| 国产精品久线观看视频| 国产一区二区三区在线免费观看 | 欧美日韩国产一区二区| 国产精品日韩欧美一区二区| 韩日精品视频| 亚洲色在线视频|