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

今天就來解決你們的問題，讓你的作品從村妞變身貴婦，看起來就價值百萬！

裝飾、增強細節(jié)感

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

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

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

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

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

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

規(guī)整視覺范圍

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

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

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

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

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

強調(diào)視覺重心

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

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

學(xué)會靈活運用

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

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

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

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