亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

設計畫面顯亂,該如何解決?

來源:美工美邦 發(fā)布時間:2019-01-04 16:31:12 閱讀量:1080

在日常工作中,很多設計師都會碰到畫面整體太亂的問題!亂,就會給人一種雜亂無章、甚至心煩意亂的感受,這也恰恰與設計的目的是相悖的;很多情況下設計的目的在于傳達信息,那么“設計畫面太亂”就會影響視覺傳達的效果!能夠有效的避免畫面太亂的技巧有哪些呢?





對齊在設計中算是很基礎的知識點,畫面顯亂很多情況是元素的胡亂擺放,毫無規(guī)律可循,那么合理的運用對齊的手法是避免畫面亂很好的解決方式,對齊的過程也就是規(guī)整畫面元素的過程,比如常見的:

左側給人的感覺是雜亂無章的、毫無規(guī)律可言,很容易讓用戶反感,而右側雖然在形態(tài)上參差不齊,但是因為運用了對齊的手法,并不會在視覺上呈現(xiàn)出很亂的感覺,因為無論什么模塊,都按照了左對齊的方式擺放,這就起到了很好的規(guī)整作用;對齊手法,無論是在文字編排、海報設計、頁面設計等等方面都是基礎的,也是最常用的;其實對齊也能起到很好的串聯(lián)作用,因為視覺上按某種規(guī)律存在的元素會被用戶下意識的認為是具有相關聯(lián)的。





畫面太亂最常見的原因之一是因為元素之間沒有形成呼應,也就是每個元素都是獨立的,互無關聯(lián)性,在用戶腦海中無法形成一條完整的視覺鏈條,而這樣的畫面相對是容易呈現(xiàn)出亂的感覺;那么避免畫面太亂常用的技法之一:將原本各自為戰(zhàn)的視覺元素串聯(lián)起來,在視覺上呈現(xiàn)出關聯(lián)性,形成一條不會斷開的視覺鏈條;比如視覺形態(tài)的串聯(lián):

這里把每一個色塊當做畫面中的不同的視覺元素或者欄目,左側和右側都運用了對齊的原則,但是從視覺感受上說,相比而言左側整體感覺還是亂,出現(xiàn)亂的原因在于:每個視覺元素在形態(tài)上毫無關聯(lián)性,都是獨立存在的,無法在用戶腦海中形成很鮮明的視覺鏈條;而右側相比而言減少了很多不同的視覺形態(tài),這使得整體有了很好的統(tǒng)一,在排列方式上也是左右右左的形式,能在很短的時間內讓用戶形成一個視覺慣性,這樣就很好的避免了畫面亂問題的出現(xiàn),但是也并不是說一定要讓元素1:1重復擺放,而是說讓每個元素之間相互有關聯(lián)性,比如:

左側和右側視覺元素位置是一致的,但是左側給人的感覺卻是雜亂的,因為每個視覺元素之間毫無關聯(lián)性,而右側則是保持了同種調性,整體都采用了金屬材質的感覺,把每個單獨的視覺元素放在一個整體看,又能形成一個完整的視覺鏈條,最后通過簡單改變形狀,使得整體不至于因為太統(tǒng)一而顯得單調,這就是在統(tǒng)一時找變化,在變化中找視覺聯(lián)系!


串聯(lián)視覺元素的方式也可以是色彩上的,通過顏色的呼應形成很好的串聯(lián)作用,比如常見的:

這里要表達的就是盡可能把整體色彩串聯(lián)起來,而不是毫無關聯(lián),顏色的多樣性帶來的是視覺上的不統(tǒng)一,這也是為什么配色時盡量做到色相不超過三個的原因,且盡量保持飽和度和明度接近,任何元素的完全獨立都有可能帶來視覺上的雜亂,盡量做到有種隱藏規(guī)律在約束視覺元素,且各個獨立元素之間最終能形成一個視覺鏈;再比如,一些WEB設計或者官網(wǎng)頁面設計作品,對于顏色的呼應是要求很高的,呼應的目的就是為了使得元素與元素之間相互關聯(lián),形成視覺上的串聯(lián),下面舉個例子:

這個頁面視覺元素并不少,但是給人的感覺是很舒服且不顯亂,原因之一:整體的視覺元素呼應很好,圍繞植物盆栽,視覺形態(tài)上形成了很好的串聯(lián)作用,每處圖片的調性基本保持了一致,且頁面整體既有大面積的顏色呼應又有點綴性的小面積呼應,能夠很直觀的將每處視覺元素串聯(lián)在一起;原因之二:頁面的上中下三個區(qū)域分別出現(xiàn)了重色,這也是色彩上呼應的一個表現(xiàn),如果把最后一部分重色改為白色的話,會給人一種頭重腳輕的感覺,或者把中間重色去掉,就會給人一種視覺鏈斷片的感覺;原因之三:頁面整體對齊做的很好,每處元素都不是胡亂擺放的,都有一條隱形的線在約束元素,所以整體給人的感覺很舒服且不顯亂。


下面再舉個例子:

這里同樣也是整體圖片、顏色調性保持一致,且上中下也是有很明顯的重色呼應,在此中間也有一些小塊色彩的呼應,整體視覺鏈已經(jīng)有了很明顯的體現(xiàn);其次在重色區(qū)域用了波浪形的形狀約束,其實這種波浪形狀是不好把控的,稍用不得當就會顯亂,但是通過呼應的關系,且只是出現(xiàn)在上中下三個區(qū)域,在進行活躍板式的同時兼顧了視覺串聯(lián),所以給人的感覺并不亂,反而版式很活躍!


說了這么多,其實就是要充分把原本獨立存在的視覺元素有效的串聯(lián)起來,讓他們相互作用,再有效的結合對齊原則,這也是有效避免畫面亂的一種常用手法,串聯(lián)視覺元素的過程其實就是規(guī)整的過程!





在設計作品中,平穩(wěn)的重心是最最常見的,在之前的文章中也說過,畫面中無論是顏色、色塊、文字等等它們在視覺上都存在著一定的比重,如果重心不穩(wěn),就會給人一種視覺天平的傾向,給人一種“站不穩(wěn)”的感覺,這并不是畫面亂的絕對因素,因為也有些設計是故意改變畫面重心尋求視覺上的差異化,所以在做好前兩點的前提下,再去考慮重心,比如前面案例里上中下的色彩呼應,同時也起到了很好的平穩(wěn)重心的作用,很多不錯的海報、頁面都喜歡采用平穩(wěn)的構圖方式,比如:

無關元素的多與少,整體重心的平穩(wěn)使得畫面不會因為視覺比重的缺失顯得雜亂,而是給人一種穩(wěn)定、協(xié)調的感覺,但是重心平穩(wěn)并不是完全的視覺比重的1:1,而是整體協(xié)調即可!





結合今天說的這些理論,我做了一個簡單的網(wǎng)頁,因為頁面偏長,直接放最終版,然后說下具體思路:

首先整體每個模塊都有嚴格的對齊形式,目的是讓每處元素的擺放都有據(jù)可循,減少可以造成視覺雜亂的因素;其次同樣采用了上中下重色呼應的形式,目的是讓頁面在視覺上有一定的分量,而不是整體輕飄飄的;最后盡可能的在每一屏都出現(xiàn)橙色,作為輔助色,同樣也要做好呼應關系,形成一個完整的視覺鏈條,整體的調性盡可能的保持了一致,且是重心平穩(wěn)的構圖方式!





當畫面感覺亂的時候,可以通過結合今天所說的整體審查一遍,尋找問題的根源,當然這些手法只是一些常用的,并不是代表全部,要在這些基礎上靈活運用,學會總結和擴展,而不是只局限于理論,很多設計理論是為大家提供一個方向,多體會、多理解、多運用,方法總比困難多!




標簽: 設計
分享:
評論:
你還沒有登錄,請先