【設(shè)計(jì)干貨】設(shè)計(jì)師如何利用視覺流程設(shè)計(jì)順利過(guò)稿
每一個(gè)版面都有視覺流程,要想在視覺上有所突破,就得在視覺流程上下功夫。版面構(gòu)成的視覺流程主要是指平面上各種不同元素的主次、先后關(guān)系,是設(shè)計(jì)上處理起始點(diǎn)和過(guò)程的一種閱讀節(jié)奏。版面中引導(dǎo)視線的方式有很多,下面是幾種主要的視覺流程。


韻律的視覺傳達(dá)導(dǎo)向是相對(duì)于直線視覺流程的一種形式,有一定的節(jié)奏,包括線、大小、方向等,可根據(jù)角度自然流動(dòng)。清晰的造型節(jié)奏可以形成規(guī)律的視覺流程,并且這種方式更加靈活,有韻律,能增加設(shè)計(jì)的動(dòng)感、節(jié)奏和美感。


直線視覺流程使頁(yè)面的流動(dòng)線更為簡(jiǎn)明,直接訴述主題內(nèi)容,有簡(jiǎn)潔而強(qiáng)烈的視覺效果,同時(shí),具有穩(wěn)固畫面的作用,在引導(dǎo)讀者的同時(shí)又穩(wěn)定了畫面。

①豎向視覺流程。豎向視覺流程具有穩(wěn)定性,是一種強(qiáng)固的構(gòu)圖,視線依直的中軸線上下移動(dòng),給人以有力、堅(jiān)定、直觀的感覺。

②橫向視覺流程。橫向視覺流程的主要視線是水平的,具有溫和的畫面情感,構(gòu)成穩(wěn)定、平和的畫面,給人穩(wěn)定、恬靜之感,營(yíng)造了靜謐的空間。
③斜視視覺流程。斜視視覺流程的主要視線在左上角與右下角之間,給人傾斜的視覺效果和不穩(wěn)定的心理感受。斜視視覺流程具有強(qiáng)烈沖擊力,能有效地吸引人們的注意力。


曲線視覺流程是相對(duì)于直線視覺流程的一種形式,有一定的弧度,包括曲線、折線、弧線等,可根據(jù)其角度自然流動(dòng)。清晰的曲線造型可以形成回旋的視覺流程。這種流程方式雖然不如直線視覺流程直接簡(jiǎn)明,但因其流暢的美感,更加靈活、有韻律,能增加版式設(shè)計(jì)的動(dòng)感、節(jié)奏感和美感。

①弧線“℃”形視覺流程。弧線“C”形視覺流程使頁(yè)面具有很強(qiáng)的擴(kuò)張性和方向感。
②回旋“S”形視覺流程?;匦癝”形視覺流程就是兩個(gè)相反的弧線產(chǎn)生矛盾回旋,在平面中增加深度和動(dòng)感,使頁(yè)面產(chǎn)生節(jié)奏,趣味性增強(qiáng)。運(yùn)用曲線產(chǎn)生的視覺效果引導(dǎo)觀者去關(guān)注版面特殊的部分,使畫面柔和而時(shí)尚。


設(shè)計(jì)元素的強(qiáng)調(diào)是為了突出版式的重點(diǎn)。人們?cè)诳匆粋€(gè)版式設(shè)計(jì)的時(shí)候,視線常常迅速由左上角到左下角接觸畫面,再通過(guò)中心部分從右上角經(jīng)右下角,然后回到畫面最吸引視線的中心點(diǎn)停下來(lái),這個(gè)中心點(diǎn)就是視覺的重心。

①視覺重心。在版式設(shè)計(jì)中,視覺重心是指整個(gè)版式最吸引人的位置,根據(jù)每個(gè)版面的需要,視覺重心的位置也不一樣。視覺重心偏向畫面右邊,會(huì)給人局限、擁擠、穩(wěn)重的感覺;視覺重心在左邊,給人一種自由、舒適、輕松的感覺;視覺重心在下面,給人下墜、壓抑、消沉、穩(wěn)定的感覺。

②向心、離心的視覺運(yùn)動(dòng)。向心,視覺元素向版面中心聚攏的流程。向內(nèi)聚攏指向的地方,也就是最終視覺停留的地方,就是圖片的重心,體現(xiàn)出向心的特點(diǎn)。離心,猶如將石子投入水中,產(chǎn)生一圈一圈向外擴(kuò)散的弧線運(yùn)動(dòng)。重心的視覺流程使版面產(chǎn)生強(qiáng)烈的視覺焦點(diǎn),使主題更為鮮明而強(qiáng)烈。


所謂反復(fù)的視覺流程,就是把相同或相似的視覺元素做有規(guī)律、有秩序、有節(jié)奏的逐次編排以產(chǎn)生反復(fù)的視覺效果。設(shè)計(jì)師采用這種重復(fù)的圖案,增強(qiáng)了圖形的識(shí)別性和畫面的生動(dòng)感,形成了畫面的統(tǒng)一性和連續(xù)性,給人整齊、穩(wěn)定、有規(guī)律的感覺,雖然不如單項(xiàng)視覺流程強(qiáng)烈,但更富于秩序感和韻律感。

在完全相同的元素重復(fù)時(shí),也要有不同的表現(xiàn)方式,在相同中找差異,在整齊中求變化,這就是反復(fù)視覺流程中的特異視覺流程。采用突破的手法,違反秩序以突出小部分元素來(lái)展現(xiàn)面的趣味感,不但能吸引讀者的眼球,還能使整個(gè)版面更具有生氣。


①文字導(dǎo)向。文字通過(guò)語(yǔ)義的表達(dá)產(chǎn)生理念上的導(dǎo)向作用。也可以對(duì)文字進(jìn)行詩(shī)性化處理,這時(shí)文字對(duì)瀏覽者產(chǎn)生自覺的視覺導(dǎo)向作用。如文字采用從左到右的視覺導(dǎo)向,引導(dǎo)我們有序、清晰地閱讀畫面,畫面顯得穩(wěn)定、堅(jiān)固。

②手勢(shì)導(dǎo)向。手勢(shì)導(dǎo)向就是通過(guò)指示性的箭頭、手指或具有實(shí)感的線條來(lái)引導(dǎo)視線。手勢(shì)導(dǎo)向比文字導(dǎo)向更容易理解,且更具有親和力。

③形象導(dǎo)向和視線導(dǎo)向。形象導(dǎo)向,強(qiáng)調(diào)特殊的圖形、文字,簡(jiǎn)潔明確,繼而給予我們清晰的視覺流程。往往以圖片中人或物的朝向來(lái)引導(dǎo)觀者的視線,如人物的目光方向、座椅的朝向等。視線導(dǎo)向,一組人物、動(dòng)物面向同一方向,會(huì)因共同的視線而一致起來(lái)。不同物品的方向一致,也可以產(chǎn)生統(tǒng)一感。如果將頁(yè)面中人物的視線對(duì)著物品,就會(huì)引導(dǎo)瀏覽者的視線集中到物品上。充分利用視線導(dǎo)向,可以使視覺元素之間的聯(lián)系加強(qiáng),結(jié)構(gòu)更加緊湊。
④十字形視覺流程。相當(dāng)于在畫面上畫了一個(gè)十字架,這個(gè)十字架的中心就是整個(gè)版面的視覺中心,同時(shí)也引導(dǎo)讀者的視線從四周往中間集中,突出了重點(diǎn),最大限度地發(fā)揮出信息傳達(dá)的作用。
⑤放射性視覺流程。放射性視覺流程以文字或點(diǎn)、線等形象作為視線誘導(dǎo),將多種條件集中于一個(gè)主眼點(diǎn)上,具有多樣統(tǒng)一的綜合視覺效果。編排中的引導(dǎo)線表現(xiàn)多樣,虛實(shí)相生,富于運(yùn)動(dòng)變化。另外,特殊的、突出的形狀也可以吸引受眾的視線,并給出明確的方向指示。