在日常的設(shè)計工作中,線框是常用到的元素之一,但除了參考作品,大部分人并不知為什么用?目的是什么?
今天就來解決你們的問題,讓你的作品從村妞變身貴婦,看起來就價值百萬!
裝飾、增強(qiáng)細(xì)節(jié)感
線框在設(shè)計環(huán)節(jié)中可以看為點狀元素,也可以看為線狀元素,雖然元素相同,但是目的不同,作用也會有所不同,比如:
這里出現(xiàn)的點狀元素,就起到了一定的裝飾、襯托畫面的作用,雖然對于整體而言,只是次要的視覺,但是差別還是一目了然的。
有了此類元素,畫面更加豐富、飽滿;而無此類元素,總會感覺單薄、缺少細(xì)節(jié)!
線框還有另一種直觀的作用,即增強(qiáng)畫面的細(xì)節(jié)感、設(shè)計感,大到頁面、小到優(yōu)惠券、按鈕,比如:
不難發(fā)現(xiàn),在原本色塊的基礎(chǔ)上,添加線框元素,對于整個畫面而言并沒有起到質(zhì)的飛躍,對于信息的表達(dá)也并沒有太大影響。
但是在很多優(yōu)秀的作品中,設(shè)計師們還是用了,因為通過增加線框元素,使原本中規(guī)中矩的排版、布局,視覺上更加豐富、有變化,給人一種似珍藏多年的美酒一般,越品越醇香~~
規(guī)整視覺范圍
當(dāng)畫面元素多而雜亂時,線框可以起到很好的約束、規(guī)整串聯(lián)的作用,比如:
從左到右只是有無線框的差距,但在視覺上卻有了很大的反差。左側(cè)給人的感覺是:視覺元素不夠整體化,且沒有相互約束,反而有點雜亂,而右側(cè)僅僅通過添加一個線框元素,就將眾多元素規(guī)為一個整體,使畫面整體性提升了很多。再看一個案例:
三條新聞,通過留白的形式逐條分割開來,目的是告訴用戶這是三條不同的新聞,但是僅僅靠留白,只能起到一定劃分的作用,整體還是會給人一種不夠統(tǒng)一的感覺,下面稍微改動一下:
每條新聞都加了一個1像素的矩形線框,且為了不影響主體的表達(dá),都做了透明處理,提升了每條的整體性和獨立性,看起來條理更清晰,畫面更整齊!
還有一種情況:當(dāng)畫面因色塊多而導(dǎo)致偏亂時,合理地運(yùn)用線框,能很好地規(guī)避這一點。兩者相互結(jié)合,就能很好地提升畫面的整潔程度。
強(qiáng)調(diào)視覺重心
線框在設(shè)計中也有很好的突出作用,強(qiáng)調(diào)某些重點元素,或者提升某些元素對于畫面的影響力,比如:
因為線框的運(yùn)用,使得主體在畫面中的形象更加鮮明,主導(dǎo)地位更強(qiáng),起到了畫龍點睛的作用!
學(xué)會靈活運(yùn)用
靈活運(yùn)用在設(shè)計中是非常重要的一項技能,同一種形式的線框,運(yùn)用到不同作品中,效果也是不同的:
左側(cè)線框更多是偏向裝飾,增加排版區(qū)域的細(xì)節(jié)感;而右側(cè)線框則是將文字區(qū)域劃分為一個小整體,起到了一定的強(qiáng)調(diào)作用!
今天的線框?qū)W會了嗎?從裝飾、修飾、增加細(xì)節(jié)感和設(shè)計感、規(guī)整視覺元素,提升整體性、增強(qiáng)模塊之間的條理性、強(qiáng)調(diào)視覺重心等等,好處多得說不完。
匯包裝,一站解決產(chǎn)品包裝定制需求,17年經(jīng)驗/包裝盒制作廠家,一分鐘就給到您產(chǎn)品的包裝預(yù)算,萬款案例讓您快速做出決策,最快看到樣品及量產(chǎn)所需時間,讓您產(chǎn)品銷量開始暴增!
春節(jié)禮盒包裝設(shè)計,過年不能少這樣de禮盒
酸菜魚包裝設(shè)計得這么文藝還是頭一回見?。ú惋媰?nèi)參)
甜甜的糖果就需要這樣多彩的包裝來搭配