在日常的設計工作中，線(xiàn)框是常用到的元素之一，但除了參考作品，大部分人并不知為什么用？目的是什么？

今天就來(lái)解決你們的問(wèn)題，讓你的作品從村妞變身貴婦，看起來(lái)就價(jià)值百萬(wàn)！

裝飾、增強細節感

線(xiàn)框在設計環(huán)節中可以看為點(diǎn)狀元素，也可以看為線(xiàn)狀元素，雖然元素相同，但是目的不同，作用也會(huì )有所不同，比如：

這里出現的點(diǎn)狀元素，就起到了一定的裝飾、襯托畫(huà)面的作用，雖然對于整體而言，只是次要的視覺(jué)，但是差別還是一目了然的。

有了此類(lèi)元素，畫(huà)面更加豐富、飽滿(mǎn)；而無(wú)此類(lèi)元素，總會(huì )感覺(jué)單薄、缺少細節！

線(xiàn)框還有另一種直觀(guān)的作用，即增強畫(huà)面的細節感、設計感，大到頁(yè)面、小到優(yōu)惠券、按鈕，比如：

不難發(fā)現，在原本色塊的基礎上，添加線(xiàn)框元素，對于整個(gè)畫(huà)面而言并沒(méi)有起到質(zhì)的飛躍，對于信息的表達也并沒(méi)有太大影響。

但是在很多優(yōu)秀的作品中，設計師們還是用了，因為通過(guò)增加線(xiàn)框元素，使原本中規中矩的排版、布局，視覺(jué)上更加豐富、有變化，給人一種似珍藏多年的美酒一般，越品越醇香~~

規整視覺(jué)范圍

當畫(huà)面元素多而雜亂時(shí)，線(xiàn)框可以起到很好的約束、規整串聯(lián)的作用，比如：

從左到右只是有無(wú)線(xiàn)框的差距，但在視覺(jué)上卻有了很大的反差。左側給人的感覺(jué)是：視覺(jué)元素不夠整體化，且沒(méi)有相互約束，反而有點(diǎn)雜亂，而右側僅僅通過(guò)添加一個(gè)線(xiàn)框元素，就將眾多元素規為一個(gè)整體，使畫(huà)面整體性提升了很多。再看一個(gè)案例：

三條新聞，通過(guò)留白的形式逐條分割開(kāi)來(lái)，目的是告訴用戶(hù)這是三條不同的新聞，但是僅僅靠留白，只能起到一定劃分的作用，整體還是會(huì )給人一種不夠統一的感覺(jué)，下面稍微改動(dòng)一下：

每條新聞都加了一個(gè)1像素的矩形線(xiàn)框，且為了不影響主體的表達，都做了透明處理，提升了每條的整體性和獨立性，看起來(lái)條理更清晰，畫(huà)面更整齊！

還有一種情況：當畫(huà)面因色塊多而導致偏亂時(shí)，合理地運用線(xiàn)框，能很好地規避這一點(diǎn)。兩者相互結合，就能很好地提升畫(huà)面的整潔程度。

強調視覺(jué)重心

線(xiàn)框在設計中也有很好的突出作用，強調某些重點(diǎn)元素，或者提升某些元素對于畫(huà)面的影響力，比如：

因為線(xiàn)框的運用，使得主體在畫(huà)面中的形象更加鮮明，主導地位更強，起到了畫(huà)龍點(diǎn)睛的作用！

學(xué)會(huì )靈活運用

靈活運用在設計中是非常重要的一項技能，同一種形式的線(xiàn)框，運用到不同作品中，效果也是不同的：

左側線(xiàn)框更多是偏向裝飾，增加排版區域的細節感；而右側線(xiàn)框則是將文字區域劃分為一個(gè)小整體，起到了一定的強調作用！

今天的線(xiàn)框學(xué)會(huì )了嗎？從裝飾、修飾、增加細節感和設計感、規整視覺(jué)元素，提升整體性、增強模塊之間的條理性、強調視覺(jué)重心等等，好處多得說(shuō)不完。

匯包裝，一站解決產(chǎn)品包裝定制需求，17年經(jīng)驗/包裝盒制作廠(chǎng)家，一分鐘就給到您產(chǎn)品的包裝預算，萬(wàn)款案例讓您快速做出決策，最快看到樣品及量產(chǎn)所需時(shí)間，讓您產(chǎn)品銷(xiāo)量開(kāi)始暴增！