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