在日常工作中，很多設(shè)計(jì)師都會(huì)碰到畫面整體太亂的問題。亂，就會(huì)給人一種雜亂無章，甚至心煩意亂的感受，這也恰恰與設(shè)計(jì)的目的是相悖的。很多情況下設(shè)計(jì)的目的在于傳達(dá)信息，那么「設(shè)計(jì)畫面太亂」就會(huì)影響視覺傳達(dá)的效果。能夠有效的避免畫面太亂的技巧有哪些呢？

一、運(yùn)用對(duì)齊的原則

對(duì)齊在設(shè)計(jì)中算是很基礎(chǔ)的知識(shí)點(diǎn)，畫面顯亂很多情況是元素的胡亂擺放，毫無規(guī)律可循，那么合理的運(yùn)用對(duì)齊的手法是避免畫面亂很好的解決方式，對(duì)齊的過程也就是規(guī)整畫面元素的過程。比如常見的：

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

二、串聯(lián)視覺元素

畫面太亂最常見的原因之一是因?yàn)樵刂g沒有形成呼應(yīng)，也就是每個(gè)元素都是獨(dú)立的，互無關(guān)聯(lián)性，在用戶腦海中無法形成一條完整的視覺鏈條，而這樣的畫面相對(duì)是容易呈現(xiàn)出亂的感覺。那么避免畫面太亂常用的技法之一：將原本各自為戰(zhàn)的視覺元素串聯(lián)起來，在視覺上呈現(xiàn)出關(guān)聯(lián)性，形成一條不會(huì)斷開的視覺鏈條。比如視覺形態(tài)的串聯(lián)：

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

左側(cè)和右側(cè)視覺元素位置是一致的，但是左側(cè)給人的感覺卻是雜亂的，因?yàn)槊總€(gè)視覺元素之間毫無關(guān)聯(lián)性，而右側(cè)則是保持了同種調(diào)性，整體都采用了金屬材質(zhì)的感覺，把每個(gè)單獨(dú)的視覺元素放在一個(gè)整體看，又能形成一個(gè)完整的視覺鏈條，最后通過簡(jiǎn)單改變形狀，使得整體不至于因?yàn)樘y(tǒng)一而顯得單調(diào)，這就是在統(tǒng)一時(shí)找變化，在變化中找視覺聯(lián)系。

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

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

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

下面再舉個(gè)例子：

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

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

三、重心平穩(wěn)原則

在設(shè)計(jì)作品中，平穩(wěn)的重心是最常見的，在之前的文章中也說過，畫面中無論是顏色、色塊、文字等等它們?cè)谝曈X上都存在著一定的比重，如果重心不穩(wěn)，就會(huì)給人一種視覺天平的傾向，給人一種「站不穩(wěn)」的感覺，這并不是畫面亂的絕對(duì)因素，因?yàn)橐灿行┰O(shè)計(jì)是故意改變畫面重心尋求視覺上的差異化，所以在做好前兩點(diǎn)的前提下，再去考慮重心，比如前面案例里上中下的色彩呼應(yīng)，同時(shí)也起到了很好的平穩(wěn)重心的作用，很多不錯(cuò)的海報(bào)、頁面都喜歡采用平穩(wěn)的構(gòu)圖方式，比如：

無關(guān)元素的多與少，整體重心的平穩(wěn)使得畫面不會(huì)因?yàn)橐曈X比重的缺失顯得雜亂，而是給人一種穩(wěn)定、協(xié)調(diào)的感覺，但是重心平穩(wěn)并不是完全的視覺比重的1:1，而是整體協(xié)調(diào)即可。

四、做個(gè)案例

結(jié)合今天說的這些理論，我做了一個(gè)簡(jiǎn)單的網(wǎng)頁，因?yàn)轫撁嫫L(zhǎng)，直接放最終版，然后說下具體思路：

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

總結(jié)

當(dāng)畫面感覺亂的時(shí)候，可以通過結(jié)合今天所說的整體審查一遍，尋找問題的根源，當(dāng)然這些手法只是一些常用的，并不是代表全部，要在這些基礎(chǔ)上靈活運(yùn)用，學(xué)會(huì)總結(jié)和擴(kuò)展，而不是只局限于理論，很多設(shè)計(jì)理論是為大家提供一個(gè)方向，多體會(huì)、多理解、多運(yùn)用，方法總比困難多。

分享標(biāo)題：設(shè)計(jì)畫面顯亂，該如何解決？
文章URL：http://m.newbst.com/news8/168108.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、電子商務(wù)、品牌網(wǎng)站設(shè)計(jì)、微信公眾號(hào)、網(wǎng)站策劃、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)