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

成都創(chuàng)新互聯(lián)公司是專(zhuān)業(yè)的襄州網(wǎng)站建設(shè)公司，襄州接單;提供成都網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行襄州網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

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

       對(duì)齊在設(shè)計(jì)中算是很基礎(chǔ)的知識(shí)點(diǎn)，畫(huà)面顯亂很多情況是元素的胡亂擺放，毫無(wú)規(guī)律可循，那么合理的運(yùn)用對(duì)齊的手法是避免畫(huà)面亂很好的解決方式，對(duì)齊的過(guò)程也就是規(guī)整畫(huà)面元素的過(guò)程。其實(shí)，對(duì)齊也能起到很好的串聯(lián)作用，因?yàn)橐曈X(jué)上按某種規(guī)律存在的元素會(huì)被用戶(hù)下意識(shí)的認(rèn)為是具有相關(guān)聯(lián)的。

二、使用標(biāo)準(zhǔn)字體 

       用戶(hù)對(duì)標(biāo)準(zhǔn)字體更熟悉因此可以快速的讀取。字體的嵌入服務(wù)可以為你的設(shè)計(jì)提供新鮮的和意想不到的許多有趣的字體。它們也非常容易使用。但是除非你的網(wǎng)站的自定義字體很有吸引力，否則最好還是使用系統(tǒng)字體。一個(gè)安全的方法是用一個(gè)系統(tǒng)的字體：如Arial，Calibri，Trebuchet等。

三、串聯(lián)視覺(jué)元素

       畫(huà)面太亂最常見(jiàn)的原因之一是因?yàn)樵刂g沒(méi)有形成呼應(yīng)，也就是每個(gè)元素都是獨(dú)立的，互無(wú)關(guān)聯(lián)性，在用戶(hù)腦海中無(wú)法形成一條完整的視覺(jué)鏈條，而這樣的畫(huà)面相對(duì)是容易呈現(xiàn)出亂的感覺(jué)。那么避免畫(huà)面太亂常用的技法之一：將原本各自為戰(zhàn)的視覺(jué)元素串聯(lián)起來(lái)，在視覺(jué)上呈現(xiàn)出關(guān)聯(lián)性，形成一條不會(huì)斷開(kāi)的視覺(jué)鏈條。其實(shí)就是要充分把原本獨(dú)立存在的視覺(jué)元素有效的串聯(lián)起來(lái)，讓他們相互作用，再有效的結(jié)合對(duì)齊原則，這也是有效避免畫(huà)面亂的一種常用手法，串聯(lián)視覺(jué)元素的過(guò)程其實(shí)就是規(guī)整的過(guò)程。

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

       在設(shè)計(jì)作品中，平穩(wěn)的重心是最常見(jiàn)的，在之前的文章中也說(shuō)過(guò)，畫(huà)面中無(wú)論是顏色、色塊、文字等等它們?cè)谝曈X(jué)上都存在著一定的比重，如果重心不穩(wěn)，就會(huì)給人一種視覺(jué)天平的傾向，給人一種站不穩(wěn)的感覺(jué)，這并不是畫(huà)面亂的絕對(duì)因素，因?yàn)橐灿行┰O(shè)計(jì)是故意改變畫(huà)面重心尋求視覺(jué)上的差異化，所以在做好前兩點(diǎn)的前提下，再去考慮重心。

五、選擇一種能在各種尺寸中工作的字體 　

       用戶(hù)可能會(huì)從不同的屏幕尺寸和分辨率的設(shè)備中訪問(wèn)網(wǎng)站，多數(shù)用戶(hù)界面需要各種大小的文本元素（按鈕復(fù)制，字段標(biāo)簽，章節(jié)標(biāo)題等）。選擇一種能在多尺寸和重量上運(yùn)行良好的字體，保持每個(gè)尺寸的可讀性。確保選擇的字體在較小的屏幕上也能清晰可辨！

六、做個(gè)案例

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