掌握了這個(gè)小技巧,你的海報(bào)立馬上升N個(gè)檔次

在日常的設(shè)計(jì)工作中,線框是常用到的元素之一,但除了參考作品,大部分人并不知為什么用?目的是什么? 今天柚子就來解決你們的問題,讓你的作品從村妞變身貴婦,看起來就價(jià)值百萬!

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

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

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

有了此類元素,畫面更加豐富、飽滿;而無此類元素,總會感覺單薄、缺少細(xì)節(jié)!

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

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


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

規(guī)整視覺范圍

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


從左到右只是有無線框的差距,但在視覺上卻有了很大的反差。左側(cè)給人的感覺是:視覺元素不夠整體化,且沒有相互約束,反而有點(diǎn)雜亂,而右側(cè)僅僅通過添加一個(gè)線框元素,就將眾多元素規(guī)為一個(gè)整體,使畫面整體性提升了很多。再看一個(gè)案例:
三條新聞,通過留白的形式逐條分割開來,目的是告訴用戶這是三條不同的新聞,但是僅僅靠留白,只能起到一定劃分的作用,整體還是會給人一種不夠統(tǒng)一的感覺,下面稍微改動一下:

每條新聞都加了一個(gè)1像素的矩形線框,且為了不影響主體的表達(dá),都做了透明處理,提升了每條的整體性和獨(dú)立性,看起來?xiàng)l理更清晰,畫面更整齊!
還有一種情況:當(dāng)畫面因色塊多而導(dǎo)致偏亂時(shí),合理地運(yùn)用線框,能很好地規(guī)避這一點(diǎn)。兩者相互結(jié)合,就能很好地提升畫面的整潔程度。

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

線框在設(shè)計(jì)中也有很好的突出作用,強(qiáng)調(diào)某些重點(diǎn)元素,或者提升某些元素對于畫面的影響力,比如:
因?yàn)榫€框的運(yùn)用,使得主體在畫面中的形象更加鮮明,主導(dǎo)地位更強(qiáng),起到了畫龍點(diǎn)睛的作用!

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

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

今天的線框?qū)W會了嗎?從裝飾、修飾、增加細(xì)節(jié)感和設(shè)計(jì)感、規(guī)整視覺元素,提升整體性、增強(qiáng)模塊之間的條理性、強(qiáng)調(diào)視覺重心等等,好處多得說不完。
但真正運(yùn)用還要做到有所依據(jù),不要看到別人用,就機(jī)械式地參考,而不明所以,要明白其原因,才能將別人的東西,變成自己的技能,祝你早日年薪百萬,哈哈!

本文轉(zhuǎn)載自第三方,字體天下不對內(nèi)容的真實(shí)性負(fù)責(zé),點(diǎn)擊此處閱讀原文

上一篇

下一篇

推薦閱讀

熱門文章

推薦字庫