學(xué)會(huì)容易出效果的「線」設(shè)計(jì)方法
發(fā)布時(shí)間:2021-12-24 09:46 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3270

當(dāng)我們談及版面的構(gòu)成的時(shí)候,絕大多數(shù)的元素都可以清晰的歸納到「點(diǎn)-線-面」這個(gè)系統(tǒng)當(dāng)中,而今天要聊的「畫線分段」這一排版小技巧,毫無(wú)疑問(wèn)是應(yīng)該歸結(jié)為「線」這個(gè)元素。

作為一個(gè)基礎(chǔ)的核心排版元素,畫線分段這一技巧中所涉及主要構(gòu)成元素是「線」。線的玩法是千變?nèi)f化的。「畫線分段」的核心是在于,將線作為一種輔助性的元素,來(lái)幫助文本進(jìn)行區(qū)分、分割,劃分出區(qū)域和段落,強(qiáng)化視覺(jué)和語(yǔ)義,在功能和視覺(jué)上,重新找到平衡。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

在設(shè)計(jì)風(fēng)格和特征上來(lái)說(shuō),「畫線分段」在東亞三國(guó)的設(shè)計(jì)當(dāng)中有著相對(duì)更多的使用場(chǎng)景,尤其日本設(shè)計(jì)當(dāng)中,線條更是廣泛而巧妙的運(yùn)用技巧。將短短的線條玩兒出花來(lái),讓線條成為版面的線索和地圖。

這篇文章會(huì)分兩個(gè)部分來(lái)幫你梳理「畫線分段」這一排版技巧,我們先梳理出它的 4 種核心功能,方便你可以根據(jù)實(shí)際的應(yīng)用場(chǎng)景來(lái)進(jìn)行篩選和調(diào)整,之后羅列出 8 種常見(jiàn)的設(shè)計(jì)玩法,這樣就可以在不同的版面設(shè)計(jì)中應(yīng)用起來(lái)。

4大核心功能




1、構(gòu)建條理,創(chuàng)造韻律


當(dāng)線條出現(xiàn)在邊緣的時(shí)候,它是邊界,當(dāng)它出現(xiàn)在元素之間的時(shí)候,它是間隔。線條天然就具備有區(qū)分、割裂甚至粘合的作用。可以通過(guò)加入的畫線,將文字分組,將信息理順,從而強(qiáng)化整體的條理性。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

另外,線條豐富了元素之間的變化,如果控制好間隔,加入重復(fù)性的元素,添加規(guī)律性的變化,整個(gè)版面的韻律感會(huì)一下子提升起來(lái)。


2、強(qiáng)調(diào)文字,凸顯內(nèi)容


畫線分段多數(shù)時(shí)候是跟文本結(jié)合起來(lái)使用的,尤其是標(biāo)題。當(dāng)文本被線條標(biāo)識(shí)出來(lái)的時(shí)候,用戶會(huì)更容易注意到它們,關(guān)注到它們。當(dāng)然,在具體的強(qiáng)調(diào)方式上,畫線分段式的排版有很多花樣可供選擇。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


3、視覺(jué)引導(dǎo),強(qiáng)化節(jié)奏


在文本和文本之間,文本和其他元素之間增加線條,可以說(shuō)是將原本的兩者關(guān)系,上升成為一個(gè)更加多樣的「三體關(guān)系」,可以很快消解原本單調(diào)直接的排版,讓整體節(jié)奏感更強(qiáng)。在線條的指引下,讓用戶對(duì)內(nèi)容的閱讀和查看有更清晰的閱讀路徑,這種特質(zhì)可以用來(lái)解決一些特定的排版和設(shè)計(jì)問(wèn)題。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


4、強(qiáng)化結(jié)構(gòu),增加裝飾


用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

將畫線擴(kuò)展到整個(gè)版面當(dāng)中去,就可以輔助構(gòu)建出整個(gè)框架,而這種框架結(jié)構(gòu)一方面增加了視覺(jué)的結(jié)構(gòu)性,還可以提升細(xì)節(jié)感,信息量以及裝飾性。

8種常見(jiàn)玩法




1、橫排畫線強(qiáng)調(diào)


這可能是最為常見(jiàn)的一種用法。

在版面中使用最常見(jiàn)的橫排標(biāo)題,通過(guò)在文本的下方或者周圍增加等寬的橫向的線條,強(qiáng)調(diào)標(biāo)題文本,讓它和其他的視覺(jué)元素區(qū)分開來(lái),簡(jiǎn)單,直接,有效。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

這種標(biāo)識(shí)方式沿襲著我們一直以來(lái)閱讀文字時(shí)候的標(biāo)識(shí)習(xí)慣——畫線。與其說(shuō)這是一種排版策略,不如說(shuō)它沿襲自我們一貫的「做筆記習(xí)慣」。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

有的時(shí)候,這種排版方式并不拘泥于標(biāo)題,在小的文本區(qū)塊當(dāng)中,也可以靈活的使用,可以達(dá)到快速劃分區(qū)域、幫助用戶收束注意力,關(guān)注內(nèi)容。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


2、豎排畫線間隔


這可以說(shuō)是第一種玩法的另外一種形態(tài),只是相比于在西文當(dāng)中,它天然地貼合傳統(tǒng)的閱讀習(xí)慣和東方審美。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

在中文版面中采用豎排畫線間隔式排版,非常適合標(biāo)題和小段文本的呈現(xiàn),大段的文本呈現(xiàn)還是不建議使用這種版式。一方面,這樣的設(shè)計(jì)結(jié)合相對(duì)傳統(tǒng)的元素,可以更加輕松地營(yíng)造出古早、雅致的氣息和氛圍、另一方面,它打破日常習(xí)慣的版面(也就是橫排),可以很快地抓住觀看者的注意力,但是又不影響閱讀(大段的文本還是有影響),可以達(dá)到頗為良好的設(shè)計(jì)效果。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

當(dāng)然,在西文當(dāng)中也可以這么使用,只是要注意幾點(diǎn),如果是短小的單詞,可以橫排文字+豎排畫線,如果是較長(zhǎng)的文本,則只能讓文本旋轉(zhuǎn)90度來(lái)搭配豎排畫線了。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


3、傾斜視線引導(dǎo)


相比于之前兩種,傾斜式的畫線分段處理,帶有更加顯著的視覺(jué)引導(dǎo)性,這時(shí)候的畫線不僅切分出了區(qū)域,而且可以引導(dǎo)觀看者的視線走向,整個(gè)版式可以變得更加多樣,打破橫平豎直的桎梏,變得更加多樣和有趣。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

比如可以連接文本,告訴用戶怎樣去查看和閱讀:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

比如可以直接傾斜地切分出區(qū)塊:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

還可以構(gòu)建出近乎喊話一樣的漫畫效果:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

相比之下,這樣的交叉切割式的畫線分段更抽象,甚至在版面上創(chuàng)造出交匯點(diǎn),同樣也起到了強(qiáng)調(diào)標(biāo)題的作用:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

而這樣的畫線分段就是我前面說(shuō)的,圓弧式的切分,充滿了有機(jī)感:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


4、微妙的虛線切分


相比于實(shí)線的分段處理,弱化處理之后的虛線更加微妙,有著更強(qiáng)的融入感,這意味著虛線可以更加靈活地加入到版面當(dāng)中,無(wú)論是劃分區(qū)塊還是充當(dāng)引導(dǎo),都更加輕松,不會(huì)顯得突兀。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


5、加粗畫線強(qiáng)調(diào)


加粗之后的畫線,顯得存在感更強(qiáng)。這個(gè)時(shí)候的畫線不僅僅有著劃分的作用,它的視覺(jué)重量會(huì)逼近文本乃至于圖案等視覺(jué)元素,這時(shí)候它可以充當(dāng)占位符和視覺(jué)錨點(diǎn)而存在。它的強(qiáng)調(diào)作用大體分為兩種,一種是在進(jìn)行分隔的同時(shí),作為區(qū)塊的視覺(jué)標(biāo)識(shí)存在,一種是作為填補(bǔ)區(qū)域布局的占位符來(lái)使用。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

下面就是典型的使用加粗畫線來(lái)作為視覺(jué)錨點(diǎn):

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


6、構(gòu)建形體框架


當(dāng)你使用橫豎畫線,將文本乃至于其他視覺(jué)元素,部分包裹起來(lái)的時(shí)候,它的形體感會(huì)進(jìn)一步加強(qiáng),接近框架一般的存在,不過(guò)由于不完全的封閉,又保持了足夠的呼吸感,保證了視覺(jué)上的結(jié)構(gòu)性,又不至于呆板無(wú)趣。只要你能保持克制地使用,可以非常有意思。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


7、富有韻律的裝飾


最有趣也最富有創(chuàng)造性的玩法,可以說(shuō)就是用畫線來(lái)進(jìn)行裝飾?赡苓@樣使用似乎有點(diǎn)偏離「分段」本身的作用,但是它更多地是「打破整塊的留白」,來(lái)實(shí)現(xiàn)視覺(jué)韻律感。

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

比如這張海報(bào)中使用傾斜的畫線和文本共同構(gòu)建出來(lái)的效果,同時(shí)具備了裝飾、強(qiáng)調(diào)、實(shí)現(xiàn)引導(dǎo),甚至在幾何結(jié)構(gòu)上,借助和畫面人物的形體平行,做到了奇妙的呼應(yīng),不復(fù)雜卻相當(dāng)有看頭:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法


8、結(jié)合肌理強(qiáng)化風(fēng)格


畫線同樣可以成為強(qiáng)化風(fēng)格的組成部分,比如結(jié)合筆刷、肌理效果,讓畫線本身可以和本身的設(shè)計(jì)風(fēng)格進(jìn)行融合:

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

用超多案例,幫你學(xué)會(huì)8個(gè)容易出效果的「線」設(shè)計(jì)方法

結(jié)語(yǔ)

畫線分段是小技巧,在多數(shù)版面里面都可以起到錦上添花的作用

PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(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