如何巧用線條讓作品變得更有設計感?
發(fā)布時間:2021-12-17 11:05 [ 我要自學網原創(chuàng) ] 發(fā)布人: 小劉2175

在banner設計中,應用線框也起到強調、視覺引導,組織信息,豐富畫面層次等作用。接下來,我們針對一些案例分析線框在banner設計中應用的整體特點,以及在應用時需要注意的設計細節(jié)。線框在banner中的應用也同樣適用于在海報等其他設計范疇,舉一反三。


一. 應用情況分類


1. 大線框,輔助背景和整體版式

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

特點:在banner中運用線框整體形式感強,可以起到較好的引導視覺的作用,用戶在看到banner的第一眼便會把注意力集中在線框內的區(qū)域。

2. 小線框,應用于局部文案

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

特點:在banner文案處應用線框設計是最常見的。文案作為傳達banner信息的主要載體,在此處應用banner可以很好的輔助設計,吸引關注,突出文案重點部分。在后面,我將專門分析線框如何應用在文案部分。

3. 小線框,應用于局部圖像

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

特點:在圖像周圍添加線框可以通過空間關系讓圖像更有立體感,增加設計的層次,起到突出產品的作用。


二. 應用細節(jié)


上面簡單總結了線框的應用范圍,接下來,我們結合這些應用場景分析一下需要注意的細節(jié)與設計思路。

1. 封閉&不封閉

封閉的線框透氣性差一些,但在視覺上更規(guī)范、穩(wěn)重。

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

不封閉的線框最為常見,透氣,具有較強的設計感,能夠發(fā)揮的的設計空間也很廣。

在具體設計時,有兩種方式可以打破線框。

直接選擇切斷部位斷開

如何巧用線條,讓你的Banner 更有設計感?

在線框軌跡上疊加其它元素(文案、圖片等)斷開

此種方式較常見,可以利用文案、圖像與線框的空間關系塑造空間感,使線框與整體更好的融合在一起。

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

2. 粗線條&細線條

粗線條能夠更加引人注目,個性十足

如何巧用線條,讓你的Banner 更有設計感?

細線條顯得細膩、柔美、輕盈

如何巧用線條,讓你的Banner 更有設計感?

3. 虛&實

在線框的應用中有虛實的區(qū)分。「虛」的線框在呈現(xiàn)形式上很靈活,較容易結合自己的創(chuàng)意,若隱若現(xiàn),沒有實線那么強烈的空間存在感。

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

4. 線框形狀

線框的形狀比較靈活,我們可以根據(jù)設計靈活調整,最常見的是矩形,可以平衡畫面,規(guī)整,方便排版。

如何巧用線條,讓你的Banner 更有設計感?

三角形的線框輔助可以加強視覺沖擊力,營造個性、別致的感覺。

如何巧用線條,讓你的Banner 更有設計感?

圓形線框起到聚焦視覺中心點的作用,通常應用在文案的強化設計中。

如何巧用線條,讓你的Banner 更有設計感?

其它形狀具有更多的發(fā)揮空間和個性,但不要過于復雜。

如何巧用線條,讓你的Banner 更有設計感?

5. 表現(xiàn)形式

線框雖然看似簡單,但也可以有很豐富的表現(xiàn)形式,通過對線框的「強化設計」,可以豐富線框的設計感。

巧用漸變

豐富畫面、個性絢麗。在深色背景中加入線框時,一般選用白色,但如果文字和線框都為白色,往往會感覺單調,此時將線框改為漸變色是個不錯的選擇。

如何巧用線條,讓你的Banner 更有設計感?

紋理、質感

加入特殊的紋理、質感,可以與其他元素保持風格統(tǒng)一,使畫面更協(xié)調。

如何巧用線條,讓你的Banner 更有設計感?

創(chuàng)意結合

結合主題的創(chuàng)意線框讓人眼前一亮。

如何巧用線條,讓你的Banner 更有設計感?

不規(guī)則變化

不規(guī)則的變形可以增加俏皮的感覺,不死板。

如何巧用線條,讓你的Banner 更有設計感?

利用背景元素設計

使線框與整體搭配更統(tǒng)一、協(xié)調。

如何巧用線條,讓你的Banner 更有設計感?


三. 排版方式探索


這部分主要總結一下線框在應用過程與文案、圖片結合時常見的設計方式。

1. 與文案

如何巧用線條,讓你的Banner 更有設計感?

圖示中的案例是以矩形作為基礎,如果小伙伴們應用了三角形或其它形狀,在與文案結合時也基本類似,靈活設計即可。

找了一些三角形案例:

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

如何巧用線條,讓你的Banner 更有設計感?

2. 與圖片

圖片與線框結合可以豐富畫面,增強設計感。

如何巧用線條,讓你的Banner 更有設計感?好了,到這里總結了在學習banner設計過程中出現(xiàn)的線框的一些用法與設計特點,也希望在以后的設計工作中能夠靈活運用這種元素。

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