關(guān)于線框設(shè)計(jì)相信大部分設(shè)計(jì)師都不陌生,因?yàn)樗?jīng)常出現(xiàn)在日常設(shè)計(jì)中,在一些優(yōu)秀的案例作品中也同樣出現(xiàn),而對(duì)于一些設(shè)計(jì)師而言,雖然懂得參考優(yōu)秀作品中用的設(shè)計(jì)元素,但卻不知道為什么要用,用的目的是什么?同樣有些作品整體看起來(lái)會(huì)出現(xiàn)散亂,區(qū)域劃分不明顯,缺少細(xì)節(jié)感等情況,那么這些又該從那些入手解決,線框在設(shè)計(jì)中起到的作用是什么?
1、裝飾、增強(qiáng)細(xì)節(jié)感
線框在設(shè)計(jì)環(huán)節(jié)中不但可以看作點(diǎn)狀元素,同樣也可以看做為線狀元素,這兩個(gè)元素雖然相同,但用的目的不同,發(fā)揮的作用也不同,而線框在設(shè)計(jì)中則可以同時(shí)兼顧這兩優(yōu)點(diǎn)。如:下圖
該圖中出現(xiàn)的線框元素就起到了所謂的裝飾、襯托畫面的作用,以點(diǎn)線面的角度來(lái)看則符合點(diǎn)狀元素的特點(diǎn),雖然這類元素對(duì)于作品整體而言只是次要的視覺元素,但是有與無(wú)的差別還是一目了然的,有此類元素,畫面則呈現(xiàn)出一種更加豐富、飽滿的視覺感受;而無(wú)此類元素,給人的感覺雖然畫面元素依然很多,但是總帶有單薄、不夠飽滿、缺少細(xì)節(jié)的感覺。
2、引導(dǎo)視覺
其實(shí),設(shè)計(jì)類的知識(shí)很多的都是與日常生活息息相關(guān)的,嘗試著將設(shè)計(jì)類的知識(shí)點(diǎn)與日常生活結(jié)合在一起,對(duì)于記憶和理解來(lái)說(shuō)更加得心應(yīng)手,例如:圖中的閃電可以視作為設(shè)計(jì)中的線條,給人的視覺感受是通過(guò)閃電把天與地連接為一個(gè)整體,而閃電在圖中的作用就是串聯(lián)整體;那么回到這里的正題:線條有引導(dǎo)視覺的作用該怎么理解呢?再如下圖生活中的例子:
我們選擇從天津到鄭州開車去,出發(fā)之前能需要在地圖上看下路線,知道途徑哪些省市,規(guī)劃好行程路線,這里綠色的虛線就起到了引導(dǎo)視覺的作用;回歸設(shè)計(jì)中道理是一樣的,線條可以引導(dǎo)用戶把原本雜亂無(wú)章的視覺點(diǎn)規(guī)整為有次序的視覺元素。
3、規(guī)整視覺范圍
線框同樣也是規(guī)整視覺范圍的常用元素之一,當(dāng)畫面整體元素多而雜亂的時(shí)候,線框可起到很多的約束,規(guī)整串聯(lián)的作用;線框在一定情況下也可起到類似色塊的作用,它相對(duì)色塊而言,約束輕度偏弱,但規(guī)整串聯(lián)的能力更強(qiáng),如圖:
從左到右只是有無(wú)線框的差距,但在視覺上卻有形成了很大的反差,左側(cè)無(wú)線框元素的海報(bào),給人的感覺是:視覺元素不夠整體化,而且因?yàn)橐曈X元素多且沒有形成很好的相互約束作用,反而有點(diǎn)雜亂;而右側(cè)僅僅通過(guò)添加一個(gè)線框元素,將眾多元素規(guī)為一個(gè)整體,劃定視覺范圍,使得畫面整體性提升了很多,而且看似元素很多,但是正是因?yàn)榫€框的約束能力,畫面非但沒有雜亂的感覺,反而相對(duì)左側(cè)畫面整體來(lái)看給人的感覺更加整齊!
4、突出主題
突出主題方式方式多種多樣,不僅只有留白、對(duì)比,線條同樣能起到突出主體的作用,如下圖:通過(guò)對(duì)比觀察我們發(fā)現(xiàn),右側(cè)海報(bào)整體感更強(qiáng),主題文案信息更加清晰,主體更明確;其中的原理可以理解為:因?yàn)榫€條的存在,使得主題信息有了一定的范圍,在視覺上等于是在海報(bào)中劃定了視覺焦點(diǎn),從而起到了突出主題的作用;當(dāng)然還有其他的表現(xiàn)形式。
5、強(qiáng)調(diào)視覺重心
這里線框的就起到很好的強(qiáng)調(diào)作用,因?yàn)榫€框的運(yùn)用,使得主體在畫面中的視覺形象更加的鮮明,主導(dǎo)地位更強(qiáng),看似只是一個(gè)小小的變化,但是對(duì)于畫面主體而言卻起到華龍點(diǎn)睛的一筆,起到非常好的劃分視覺重心的作用。
總結(jié):其實(shí),很多設(shè)計(jì)理論都只是提供一種可行的思路,靈活運(yùn)用在設(shè)計(jì)中是非常重要的一項(xiàng)技能,如今天天津網(wǎng)站建設(shè)所說(shuō)的線框的妙用,同一種形式的線框,運(yùn)用到不同作品中所呈現(xiàn)的效果也是不同的,如圖:
同樣是矩形線框,同樣的構(gòu)圖形式,但是其作用卻不相同,左側(cè)海報(bào)中線框的作用更多的是偏向:裝飾、增加文字排版區(qū)域的設(shè)計(jì)感和細(xì)節(jié)感;而右側(cè)海報(bào)中的線框則是起到劃定視覺范圍,規(guī)整視覺元素,將文字區(qū)域劃分為一個(gè)小整體,同時(shí)也起到了一定的強(qiáng)調(diào)作用!