怎么用好設(shè)計(jì)中的線條
發(fā)布時(shí)間:2021-12-27 10:24 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

有句話叫:「設(shè)計(jì)無(wú)小事」,很多看似不起眼的東西卻起著至關(guān)重要的作用,比如這期要說(shuō)的線條,很多人對(duì)于線條的理解有局限性,比如:線條的形態(tài)可以是曲線、直線、折線、粗線、細(xì)線、實(shí)線、虛線等等。其實(shí)已經(jīng)牽扯到了點(diǎn)、線、面的知識(shí),這也是很多科班生在學(xué)校必學(xué)的知識(shí)點(diǎn),但是這期所說(shuō)的線與點(diǎn)線面中的線還是有所不同的,點(diǎn)線面中的線可以是線條、可以是文字或者是看不到的視線,而是今天著重說(shuō)的是設(shè)計(jì)中很直觀的線條。下面我們還是通過(guò)實(shí)際的案例逐一分析:


線條可以引導(dǎo)視覺(jué)


設(shè)計(jì)類的知識(shí)很多都和日常生活息息相關(guān),嘗試著把設(shè)計(jì)類的知識(shí)點(diǎn)與日常生活想結(jié)合,對(duì)于記憶和理解來(lái)說(shuō)會(huì)更加得心應(yīng)手,例如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

圖中的閃電可以視作為設(shè)計(jì)中的線條,給人的視覺(jué)感受是通過(guò)閃電把天與地連接為一個(gè)整體,而閃電在圖中的作用就是串聯(lián)整體,那么回到這里的正題:線條有引導(dǎo)視覺(jué)的作用該怎么理解呢?再舉一個(gè)現(xiàn)實(shí)生活中的案例:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

我們選擇從北京到拉薩開車去,出發(fā)之前可能需要在地圖上看下路線,知道途徑哪些省市,規(guī)劃好行程路線,這里綠色的虛線就起到了引導(dǎo)視覺(jué)的作用;貧w設(shè)計(jì)中道理是一樣的,線條可以引導(dǎo)用戶把原本雜亂無(wú)章的視覺(jué)點(diǎn)規(guī)整為有次序的視覺(jué)元素,例如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

當(dāng)看到左側(cè)這張海報(bào)時(shí)我們視覺(jué)次序會(huì)出現(xiàn)很多變化,比如:1>A>3>B>4>C>2 或者 A>2>C>4>B>3>1 等等 N 多種順序,這時(shí)給人的感覺(jué)就是雜亂無(wú)章的,毫無(wú)視覺(jué)次序而言;而看右側(cè)的海報(bào)給人的感覺(jué)卻是條例清晰的,相比而言只是多了兩條線,但是卻在整個(gè)海報(bào)中起到了引導(dǎo)視覺(jué)的作用,它可以給與用戶閱讀海報(bào)時(shí)視覺(jué)輔助的作用,讓用戶以右>左>右的視覺(jué)次序欣賞、閱讀,看似很不起眼,其作用卻至關(guān)重要。

前面也說(shuō)了,線的形態(tài)可以有很多種,例如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

這里是以真實(shí)的可口可樂(lè)吸管作為設(shè)計(jì)中的線條,同樣起到了視覺(jué)引導(dǎo)的作用,但是我們不難發(fā)現(xiàn),這里的線條不僅僅只有一個(gè)作用,也牽扯到另一個(gè)作用:線條有串聯(lián)整體的作用。


線條能夠串聯(lián)整體


在排版時(shí)我們有分組原則,即把互想關(guān)聯(lián)的元素彼此靠近,無(wú)關(guān)聯(lián)的相互疏遠(yuǎn)。在頁(yè)面中我們會(huì)把同一色塊上的元素視作為一個(gè)整體;下面我們說(shuō)下線條所帶來(lái)的串聯(lián)整體的作用是如何體現(xiàn)的,比如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

△ 圖一

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

△ 圖二

圖一因?yàn)榇竺娣e的留白能使得用戶很容易分辨出自行車與文案是一個(gè)整體,但是相較于圖二而言,其整體性略顯不足,而且給人的感覺(jué)太過(guò)單薄、重心不穩(wěn);圖二的整體性更強(qiáng),這里的矩形線條就起到了串聯(lián)主題的作用,類似的還有:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

不難看出,這些案例中的線條都有串聯(lián)主題的作用,線條使得主題元素整體感更強(qiáng)、畫面板式更加嚴(yán)謹(jǐn);對(duì)于整體的視覺(jué)傳達(dá)也起到了串聯(lián)、引導(dǎo)的作用;在文字排版中,也有類似的線條,比如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

同樣是通過(guò)線條把文案更加整體化,也起到了串聯(lián)的作用。


線條可以突出主題


突出主題的方式有很多種,像我們之前所說(shuō)到的留白、對(duì)比。接下來(lái)繼續(xù)說(shuō)下另一個(gè)可以突出主題的方式—線條,下面看個(gè)案例:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

通過(guò)對(duì)比觀察我們發(fā)現(xiàn),右側(cè)海報(bào)整體感更強(qiáng),主題文案信息更加清晰,主體更明確。其中的原理可以理解為:因?yàn)榫條的存在,使得主題信息有了一定的范圍,在視覺(jué)上等于是在海報(bào)中劃定了視覺(jué)焦點(diǎn),從而起到了突出主題的作用。當(dāng)然還有其他的表現(xiàn)形式,比如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

很好的詮釋了線條的作用——突出標(biāo)題序號(hào)。在進(jìn)行創(chuàng)作時(shí),作品的每個(gè)元素都要做到有理有據(jù),否則只是一味的抄襲,到再創(chuàng)作時(shí)腦袋里還是一片空白,只有明白了其中的設(shè)計(jì)原理,才能做到活學(xué)活用。再看幾個(gè)案例:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

突出主題也許一個(gè)線條就可以表現(xiàn)的淋漓盡致,因設(shè)計(jì)目的的不同,線條所發(fā)揮的作用也不盡相同。下面繼續(xù)分析:


線條可以分割整體


前面說(shuō)了線條有串聯(lián)整體的作用,而這里又說(shuō)可以分割整體,是否存在矛盾呢?下面舉個(gè)簡(jiǎn)單的例子:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

在小文案的區(qū)域中間我加了兩個(gè)線條,看似很小的改變,其目的是把文案很準(zhǔn)確、嚴(yán)謹(jǐn)?shù)胤指顬槿齻(gè)小整體,希望能給用戶帶來(lái)識(shí)別性更強(qiáng)的閱讀性,再舉個(gè)例子:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

這里的線條把月份和日期分割、英文和中文分割開,使得用戶對(duì)于信息的捕捉能力以及可辨識(shí)性都提升了很多,而線條的作用就起到了分割的作用。


線條有修飾的作用


線條也能起到修飾、襯托的作用,很多小伙伴會(huì)忽視這一點(diǎn),其實(shí)線條也可以成為海報(bào)中襯托畫面、修飾主題的元素,例如:

如何用好設(shè)計(jì)中的線條?來(lái)看高手的總結(jié)!

海報(bào)中的線條起到了襯托、修飾主題的作用,假如把這些線條都刪除,畫面整體會(huì)顯得相對(duì)單薄。


總結(jié)


線條的作用我們分為四個(gè)逐一分析,其實(shí)它們之間也存在著相輔相成的作用,不能以一概全,線條所起到的作用可以是一種,也可以是多種。只要我們?cè)谑褂玫臅r(shí)候能明確目的,而不是機(jī)械式的抄襲,那么最終一定會(huì)得心應(yīng)手。

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC