快速塑造設計中的視覺焦點


快速塑造設計中的視覺焦點


前言

會不會有這種感受,我們看到很多優秀作品,不論是簡約還是炫酷的風格,總是能夠讓我們賞心悅目,吸引我們的視線,秘訣在什麼地方?而自己的作品明明已經調整了一千零一夜,總感覺缺點什麼,問題又出在哪裡?其實呢,其中有個很重要的點你沒有掌握——視覺焦點。本期我們共同尋找一下作品中的視覺焦點。

視覺焦點的概念

視覺焦點究其概念,簡單來說就是讓我們的視線多停留幾秒的視覺元素,可以是一個點,一條線,一個面,也可以簡單到一塊顏色等。這些視覺元素是通過什麼視覺手法塑造的呢?下面分享三個比較通用的思路方法。


快速塑造設計中的視覺焦點


運用對比


快速塑造設計中的視覺焦點

上圖是銳龍7的視覺海報,通過賽車尾燈的速度光線描繪出來了7的形態,與銳龍7處理器的含義相貼合,再者通過放大7的比例,在畫面中佔據很大的空間,從而很好的塑造了畫面的視覺焦點。

快速塑造設計中的視覺焦點

上圖是無印良品的海報,我們可以看到,畫面中的小鹿比例被縮小到一個點,用這一種比例縮小的表現形式反襯出大自然空間的純淨與素雅,從而很好的吸引了受眾的注意,塑造了良好的視覺焦點。

快速塑造設計中的視覺焦點

上圖的海報利用汽車與紙張的比例互換,將汽車的比例變得非常小,紙張的比例則顯得特別大,很多時候創意類的設計往往會用這種反差比例的手法達到塑造視覺焦點的目的。

快速塑造設計中的視覺焦點

上圖是電影《超凡蜘蛛俠》的海報,通過蜘蛛影子的造型側面表達出海報整個的基調,也常會用這種對比手法表達人物的內心,與實際的形象形成強烈的對比,這種反常規的對比形式也是經常會被用到電影海報中去塑造視覺焦點。

運用破圖


快速塑造設計中的視覺焦點

上圖是耐克的宣傳海報,通過巨大的數字13佔據了畫面的空間,同時籃球巨星詹姆斯與數字13產生錯位疊加的效果,用局部破圖的形式塑造了視覺焦點,畫面具備趣味的同時也多了互動性。

快速塑造設計中的視覺焦點

上圖的海報文字體量相對較大,信息編排形式上會顯得比較呆板,如何從整體上突破布局的限制,就是這類版面所考慮的問題。畫面中選用的拉弓射箭,蓄勢待發的人物形象從整體上做了大的破圖,改變了畫面的靜態性,賦予了其動感。

運用視角


快速塑造設計中的視覺焦點

同樣的兩款自行車,哪一款更能吸引我們呢,很顯然,仰視視角拍攝的感覺更棒,從這一點上來看,在我們去甄選圖片時在視角上入手也是一個不錯的思路。當然視角本身不僅包括仰視,還有俯視視角,第一人稱視角等。

快速塑造設計中的視覺焦點

上圖海報通過俯視的視角,將人物的披風與周圍的場景融合而成一個太極的圖案,畫面感極強,而且在色彩的運用上基本上也是黑白渾然天成。俯視的視角為畫面本身塑造了很好的圖與底的形象,視覺印象很深刻,當然視覺焦點也就形成了。

快速塑造設計中的視覺焦點

這個海報同樣的採用了俯視視角的表達形式,畫面四周都擺滿了啤酒,開瓶器等器具,營造了很好的氛圍,感覺身臨其境,有種強烈的參與感,給人以親切感。

快速塑造設計中的視覺焦點

獎盃本身代表著榮譽與成就,在海報設計時為了表現其特性,採用仰視視角的形式會更為合理,體現得獎者的心理感受,觀者也與畫面達到共鳴,當然視角焦點也就被凸顯了出來。

快速塑造設計中的視覺焦點

《肖申克的救贖》主題海報同樣採用了仰視的視角去表達,和電影主旨相通,如經典臺詞:“有的人的羽翼是如此光輝,即使世界上最黑暗的牢獄,也無法長久地將他圍困!”詮釋了自由崇高的概念,表達了對自由的嚮往與對黑暗的抗拒。

案例演示一


快速塑造設計中的視覺焦點

根據"以夢為馬"這個主題去分析,我們可以得知這是屬於概念類的項目,沒有明確的目標受眾。首先將文字信息的字符間距行間距規範完整,接著按照信息的重要性用層級對比的手法展現。

快速塑造設計中的視覺焦點

將主標題“以夢為馬”的字型換成書法體,但是不能乾巴巴的打出來,因為那樣只是像書法的字而已,好的書法同樣是有輕重緩急,大小之分,同樣要進行一定的信息間位置與大小的重新編排。

快速塑造設計中的視覺焦點

編排好的信息重新安排空間佈局,文字信息用明度對比出新的層次。在主標題“以夢為馬”的右邊負空間位置添加圓形去填充,讓信息更加完整。

快速塑造設計中的視覺焦點

換一種純度較低的中性色,右上角添加上裝飾性的信息,彌補右邊空的位置,另外複製多個圓形,產生形狀與大小的對比,節奏感更強。

快速塑造設計中的視覺焦點

用肌理置入的手法使得原來的形式更有質感,色彩也採用了藍黃的對比色,視覺效果更突顯。考慮到項目的調性,最終選擇深色背景款。

快速塑造設計中的視覺焦點

雖然現在的版面沒有太大的問題,但是亮點也不足,那麼我們試一下放大比例的方式,讓主標題充滿整個版面,視覺焦點立刻就顯現了。而且打破了原本規整的信息佈局,起到破圖的效果。

快速塑造設計中的視覺焦點


快速塑造設計中的視覺焦點

如果我們改變一下背景,用場景插畫類的夢幻風格置入其中,發現將主題信息的比例縮小反而更加有意境。

快速塑造設計中的視覺焦點


快速塑造設計中的視覺焦點

當然我們也可以置換成右圖那樣線性的元素,這樣畫面的整體感覺又會會多一份簡約靜謐。

案例演示二


快速塑造設計中的視覺焦點

在網上選圖時可以根據視角的角度去選,同樣都是過馬路的圖片,俯視的會給到人以整體,客觀,新穎的視覺感受。

快速塑造設計中的視覺焦點

我們將最終選擇的圖片放置在版面中,用黃金比例的九宮格形式調整圖片的大小位置,將人物放置在九宮格的交叉點上,視覺焦點更好。

快速塑造設計中的視覺焦點

將文字信息放置在左下角的留白區域,以層級對比的形式區分大小,另外用線性元素豐富信息形式,加上深色塊承載信息,使信息創達更為清晰。

快速塑造設計中的視覺焦點

用高明度的黃色作為點綴色,低明度的畫面變得更有特色,傘也變成了黃色起到了呼應作用,最後用重複的原則將原來的畫面相互疊加形成錯落不同的空間層次。

快速塑造設計中的視覺焦點

畫面的最終呈現效果,整體運用了俯視的視角形式,色彩對比以及空間錯位的效果,塑造了畫面的視覺焦點。

總結

本期我們學習了塑造視覺焦點的三個方法:運用對比,運用破圖與運用視角。也通過幾個實例演示了其相應的使用形式。希望能給大家以思路上的啟發。多學多思多練,方能突破目前的自己。

設計雖沒有近路,但可以少走彎路。


分享到:


相關文章: