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

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

裝飾、增強(qiáng)細(xì)節(jié)感

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

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

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

線框還有另一種直觀的作用，即增強(qiáng)畫面的細(xì)節(jié)感、設(shè)計(jì)感，大到頁(yè)面、小到優(yōu)惠券、按鈕，比如：

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

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

規(guī)整視覺(jué)范圍

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

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

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

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

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

強(qiáng)調(diào)視覺(jué)重心

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

因?yàn)榫€框的運(yùn)用，使得主體在畫面中的形象更加鮮明，主導(dǎo)地位更強(qiáng)，起到了畫龍點(diǎn)睛的作用！

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

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

左側(cè)線框更多是偏向裝飾，增加排版區(qū)域的細(xì)節(jié)感；而右側(cè)線框則是將文字區(qū)域劃分為一個(gè)小整體，起到了一定的強(qiáng)調(diào)作用！

今天的線框?qū)W會(huì)了嗎？從裝飾、修飾、增加細(xì)節(jié)感和設(shè)計(jì)感、規(guī)整視覺(jué)元素，提升整體性、增強(qiáng)模塊之間的條理性、強(qiáng)調(diào)視覺(jué)重心等等，好處多得說(shuō)不完。

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