【設(shè)計干貨】學(xué)習(xí)電商設(shè)計優(yōu)秀作品如何利用視覺流程構(gòu)圖
視覺流程,指人們的視覺接受外界信息時的流動過程。人的視野要受客觀限制,不可能同時接受所有物像,必須按照一定的流動順序運動,來感知外部世界。這種流動順序既隨意,又積極主動,按一定的規(guī)律進(jìn)行。

?
讓各種要素在視覺運動的規(guī)定下選擇自己的空間定位,通過捕捉注意力,誘導(dǎo)視覺流向,最后留存印象,對這一一視覺閱讀形態(tài)的規(guī)劃或設(shè)計,稱為視覺流程設(shè)計。

?
例如:垂直線引導(dǎo)視線作上下運動;水平線引導(dǎo)人的視線作左右運動;斜線的張力比水平線和垂直線更強(qiáng),能把人的視線引向斜方向;不斷改變方向的折線,使人的視線按其方向的改變而改變。線條如此,形狀也如此。

?
正方形促使視線向四方輻射(包括對角線的延長方向和四邊的延長方向),圓形也促使視線向外輻射,給人均衡的擴(kuò)散感。三角形促使視線向3個方向擴(kuò)散。此外,形態(tài)的視覺誘導(dǎo)功能還體現(xiàn)在形態(tài)的相互關(guān)系之中,如從大到小或從小到大,從強(qiáng)到弱或從弱到強(qiáng),從疏到密或從密到疏,從黑到白或從白到黑等。

?
畫框
設(shè)計都限定在一定的范圍、框架之內(nèi),“框廓”對物像造成距離、間隔,使物像孤立絕緣,自成境界。任何平面設(shè)計都有有形的或無形的邊框,四條邊線組成“畫框”,畫框形狀不同,給人力的感受不同。正方形的力均等,給人穩(wěn)定感,長方形的力沿長邊流動,因此,圖形方向順著長邊就感覺流暢,反之則覺受阻。

?
空間力
平面設(shè)計畫面圖像用畫面的四條邊線為參照構(gòu)架,畫面上每個明確的視覺單元,根據(jù)自己與邊線的關(guān)系來確定自己的位置、方向與間距的空間評價。我們傾向于把地心引力作為穩(wěn)定的參照標(biāo)準(zhǔn),借此進(jìn)行觀察和闡述,因此,圖像一旦被置于由垂直一水平方向構(gòu)成的坐標(biāo)軸上,便暗示了運動。

?
畫面中心對四條邊線有“吸引力”,這使空白的畫面成為整體。這種現(xiàn)象可看作四條邊線的內(nèi)聚力所致,加強(qiáng)四條邊線就加強(qiáng)內(nèi)聚力,失去四條邊線,就失去內(nèi)聚力。畫面中的物體遠(yuǎn)離四條邊線,內(nèi)聚力就減弱,產(chǎn)生空曠寬松或渙散感,距離四條邊線近,則內(nèi)聚力加劇,產(chǎn)生嚴(yán)謹(jǐn)生動或局促擁塞感。在畫面加邊框,就能強(qiáng)調(diào)內(nèi)聚力。

?
每個點和每條線都有能量,一般的視覺經(jīng)驗是,物體愈大,重力愈大。形象位于畫面中心的垂直軸線上時,重力小于它們遠(yuǎn)離主要軸線時所具有的重力。離中心越遠(yuǎn),重力越大。垂直走向的形式,其重力看上去比那些傾斜走向的形式的重力大一些。規(guī)則形狀的重力比那些不規(guī)則形狀的重力大一些,同一形象,位于力上方比畫面下方感覺重。

?
例如:圖形重力雖小,由于安排在遠(yuǎn)離畫幅的中心,空向力的分布均衡,達(dá)到了視覺上的平穩(wěn)感;有生命感的形象比無生命感的形象視覺上感覺重。

?
真實世界中充滿各種各樣的力,畫面上的文字、圖形、點、線、色塊等各自發(fā)射不同能量,它們?nèi)缤钴S在天空中的重力、引力、張力、推力,都在虛幻空間中作用于人的視知覺。在這個意義上,合理安排空間關(guān)系就要合理分布和巧妙組合上述各種力,不同的組合造成不同的空間效果。

?
力在畫面上的作用,首先表現(xiàn)為對畫面靜力平衡的破壞。在破壞靜力平衡的基礎(chǔ)上,巧妙地運用力的作用來建立新的動力平衡。畫面上每種形象產(chǎn)生的作用力,都應(yīng)根據(jù)一定的秩序,組織進(jìn)畫面的空間。盲目地堆砌形象,可能使各視覺元素相互沖突,擾亂視覺,形成沒有邏輯秩序的力的交織、沖突的紛亂空間。缺乏力度,缺乏力的種類、方向和秩序的變化,就無法形成有效的視覺流程。

?
視覺重點、視覺強(qiáng)度和視覺深度
①視覺重點指同一畫面中互相比較之下,具有最大視覺強(qiáng)度的視覺要素。

?
②視覺強(qiáng)度指同一畫面中各視覺要素吸引力的大小,即觀看者注目程度的大小。

?
③視覺深度指各視覺要素強(qiáng)度的大小排列,造成視覺焦點移動的次序。建立視覺重點,首先要吸引視線,使其鶴立雞群,再根據(jù)設(shè)計內(nèi)容主次的要求,逐次傳達(dá),以便視覺接收。形成視覺重點,有賴于視覺強(qiáng)度的比較與視覺深度的襯托。

?
視覺深度表現(xiàn)的主要因素有:
◆大小,尺寸相等的東西,越近感覺越大,越遠(yuǎn)感覺越小。因此,同等形狀的對象,在我們看來就是等尺寸的。大表示近,小表示遠(yuǎn),大小區(qū)分了縱深。

?
◆重疊,視覺經(jīng)驗告訴我們,在前面的東西因未被遮擋,具有完整的形。
◆紋理漸層,同樣的紋理越遠(yuǎn)感覺越窄。
◆清晰與模糊對照,同樣的對象越遠(yuǎn)感覺越模糊。
◆透視法,大小、遠(yuǎn)近的透視。

?
◆垂直位置的深度關(guān)系,在二維空間的畫面上,我們習(xí)慣將水平線作為參照基線,將畫面底部看作最近點,將視覺單元的高低看作后退的空間的深遠(yuǎn),將垂直位置的高度作為深度。

?