對于(yu)廣大(da)設(she)(she)計(ji)(ji)(ji)師而言，看(kan)了那(nei)么多(duo)(duo)的(de)技巧和趨勢，自己的(de)設(she)(she)計(ji)(ji)(ji)依然平庸，上線的(de)網(wang)站也(ye)依然大(da)眾。靈感到(dao)底從(cong)何而來？創意到(dao)底在哪(na)里？Well，有的(de)時候過度(du)執著于(yu)原(yuan)創并(bing)不一定是好事(shi)，也(ye)許你現在的(de)設(she)(she)計(ji)(ji)(ji)也(ye)更符合(he)實際需求也(ye)說不定。在日常(chang)工作(zuo)中(zhong)，很多(duo)(duo)設(she)(she)計(ji)(ji)(ji)師都(dou)會碰到(dao)畫(hua)面(mian)整體(ti)太亂(luan)(luan)的(de)問題(ti)。亂(luan)(luan)，就(jiu)會給人一種雜(za)亂(luan)(luan)無(wu)章，甚至心煩意亂(luan)(luan)的(de)感受，這也(ye)恰恰與設(she)(she)計(ji)(ji)(ji)的(de)目的(de)是相悖的(de)。很多(duo)(duo)情況下設(she)(she)計(ji)(ji)(ji)的(de)目的(de)在于(yu)傳(chuan)達信(xin)息，那(nei)么「設(she)(she)計(ji)(ji)(ji)畫(hua)面(mian)太亂(luan)(luan)」就(jiu)會影(ying)響視覺(jue)傳(chuan)達的(de)效果。能夠有效的(de)避免(mian)畫(hua)面(mian)太亂(luan)(luan)的(de)技巧有哪(na)些，今天我們分享了5點技巧，希望(wang)可以(yi)給大(da)家帶來幫助(zhu)。

　　1.網站的(de)排版技(ji)巧(qiao)

　　優秀的(de)(de)(de)排版(ban)布(bu)(bu)局(ju)(ju)(ju)是(shi)將(jiang)自己網(wang)站(zhan)和其(qi)他網(wang)站(zhan)區分開來(lai)的(de)(de)(de)最明顯手段之(zhi)一(yi)(yi)，而它(ta)的(de)(de)(de)難度(du)(du)也是(shi)最高的(de)(de)(de)。從專業的(de)(de)(de)角度(du)(du)上來(lai)說(shuo)，沒(mei)有(you)(you)一(yi)(yi)個(ge)(ge)排版(ban)布(bu)(bu)局(ju)(ju)(ju)是(shi)沒(mei)人用過的(de)(de)(de)，你(ni)幾乎不可能(neng)再找出一(yi)(yi)個(ge)(ge)別人沒(mei)用過的(de)(de)(de)布(bu)(bu)局(ju)(ju)(ju)。但是(shi)，設計排版(ban)本身(shen)是(shi)一(yi)(yi)件非常有(you)(you)趣，也能(neng)夠磨練你(ni)的(de)(de)(de)創造力的(de)(de)(de)事情。在你(ni)創建出第52個(ge)(ge)網(wang)頁(ye)布(bu)(bu)局(ju)(ju)(ju)之(zhi)后，也許你(ni)的(de)(de)(de)網(wang)頁(ye)排版(ban)布(bu)(bu)局(ju)(ju)(ju)能(neng)力已經和之(zhi)前截然不同(tong)了，當然，也有(you)(you)可能(neng)你(ni)這(zhe)個(ge)(ge)時候(hou)拿出來(lai)的(de)(de)(de)布(bu)(bu)局(ju)(ju)(ju)方案(an)已經可以讓前端(duan)頭(tou)疼不已了。

　　在(zai)(zai)這個網(wang)(wang)站(zhan)多(duo)如(ru)牛毛的(de)(de)時代，對于(yu)網(wang)(wang)站(zhan)設計師(shi)來說，想要(yao)讓一(yi)(yi)個網(wang)(wang)站(zhan)出彩，把心思花在(zai)(zai)創新上，才(cai)能創造出一(yi)(yi)個與眾不(bu)同(tong)的(de)(de)網(wang)(wang)站(zhan)，尤其是網(wang)(wang)站(zhan)的(de)(de)排版，我們隨便訪(fang)問幾(ji)個網(wang)(wang)站(zhan)，幾(ji)乎完全(quan)不(bu)同(tong)，變化多(duo)樣，網(wang)(wang)站(zhan)的(de)(de)排版技巧，我們可以參考(kao)一(yi)(yi)些同(tong)類網(wang)(wang)站(zhan)，然后再融入(ru)行業(ye)的(de)(de)特點(dian)，以此(ci)為出發(fa)點(dian)，顯得又美觀又讓用(yong)戶舒心。

　　2.串聯視覺元素

　　畫(hua)面太(tai)亂(luan)最(zui)常(chang)見(jian)的(de)(de)(de)原(yuan)因(yin)之一(yi)是因(yin)為元(yuan)素(su)(su)之間(jian)沒(mei)有形成呼(hu)應，也(ye)就是每(mei)個(ge)元(yuan)素(su)(su)都是獨立的(de)(de)(de)，互無關聯(lian)性，在用戶腦海(hai)中無法(fa)形成一(yi)條完整的(de)(de)(de)視(shi)(shi)覺鏈(lian)條，而這(zhe)樣(yang)的(de)(de)(de)畫(hua)面相對是容易呈現(xian)出(chu)亂(luan)的(de)(de)(de)感覺。那(nei)么避免畫(hua)面太(tai)亂(luan)常(chang)用的(de)(de)(de)技法(fa)之一(yi)：將原(yuan)本(ben)各(ge)自為戰的(de)(de)(de)視(shi)(shi)覺元(yuan)素(su)(su)串(chuan)聯(lian)起來，在視(shi)(shi)覺上呈現(xian)出(chu)關聯(lian)性，形成一(yi)條不會斷(duan)開的(de)(de)(de)視(shi)(shi)覺鏈(lian)條。

　　這(zhe)里要(yao)表達的(de)(de)就是盡(jin)(jin)可能把整體色(se)彩串聯(lian)(lian)起來(lai)，而不(bu)是毫無(wu)關(guan)聯(lian)(lian)，顏(yan)(yan)色(se)的(de)(de)多樣性帶來(lai)的(de)(de)是視(shi)(shi)覺(jue)上的(de)(de)不(bu)統一，這(zhe)也(ye)是為什么配色(se)時盡(jin)(jin)量(liang)做到色(se)相不(bu)超(chao)過三個的(de)(de)原因(yin)，且盡(jin)(jin)量(liang)保持飽(bao)和(he)度(du)和(he)明度(du)接近，任何(he)元素的(de)(de)完全獨立都有可能帶來(lai)視(shi)(shi)覺(jue)上的(de)(de)雜亂，盡(jin)(jin)量(liang)做到有種隱藏規律在約束視(shi)(shi)覺(jue)元素，且各個獨立元素之(zhi)間最終能形(xing)成(cheng)一個視(shi)(shi)覺(jue)鏈。再比如，一些WEB設計或者官網(wang)頁面(mian)設計作品，對于顏(yan)(yan)色(se)的(de)(de)呼應(ying)是要(yao)求很高的(de)(de)，呼應(ying)的(de)(de)目的(de)(de)就是為了使得元素與元素之(zhi)間相互關(guan)聯(lian)(lian)，形(xing)成(cheng)視(shi)(shi)覺(jue)上的(de)(de)串聯(lian)(lian)。

　　3.重心(xin)平穩(wen)原則

　　在(zai)設計作品(pin)中(zhong)，平(ping)穩的(de)(de)重心(xin)是(shi)最常見的(de)(de)，在(zai)之前(qian)的(de)(de)文章中(zhong)也說過，畫(hua)面(mian)(mian)中(zhong)無論(lun)是(shi)顏色(se)、色(se)塊(kuai)、文字(zi)等等它們在(zai)視覺(jue)上都(dou)存在(zai)著(zhu)一(yi)(yi)定的(de)(de)比重，如果重心(xin)不穩，就會給人一(yi)(yi)種視覺(jue)天平(ping)的(de)(de)傾向(xiang)，給人一(yi)(yi)種「站不穩」的(de)(de)感覺(jue)，這并不是(shi)畫(hua)面(mian)(mian)亂的(de)(de)絕對(dui)因(yin)素，因(yin)為也有些(xie)設計是(shi)故意(yi)改變畫(hua)面(mian)(mian)重心(xin)尋求視覺(jue)上的(de)(de)差異化，所以在(zai)做好(hao)前(qian)兩點(dian)的(de)(de)前(qian)提下(xia)，再(zai)去考(kao)慮重心(xin)，比如前(qian)面(mian)(mian)案例里上中(zhong)下(xia)的(de)(de)色(se)彩呼應(ying)，同時也起到了很(hen)好(hao)的(de)(de)平(ping)穩重心(xin)的(de)(de)作用(yong)，很(hen)多不錯(cuo)的(de)(de)海報、頁面(mian)(mian)都(dou)喜歡采用(yong)平(ping)穩的(de)(de)構圖(tu)方(fang)式。

　　無關元素的多與(yu)少，整體(ti)重心的平(ping)穩使得畫面(mian)不(bu)會(hui)因為(wei)視(shi)(shi)覺比重的缺失顯得雜亂，而(er)是給人(ren)一種穩定、協調的感覺，但是重心平(ping)穩并(bing)不(bu)是完(wan)全的視(shi)(shi)覺比重的1:1，而(er)是整體(ti)協調即可。

　　4.文(wen)案與內容的打造

　　在(zai)文(wen)案(an)(an)(an)(an)和(he)內(nei)容(rong)上和(he)其(qi)他的(de)(de)網站區分開來，這(zhe)(zhe)(zhe)件事(shi)很重要，但是(shi)同(tong)時也(ye)可能是(shi)拉(la)開距離最(zui)艱難的(de)(de)方式。網站應該能夠反映出(chu)(chu)公司或(huo)者品牌的(de)(de)個性和(he)文(wen)化，而(er)這(zhe)(zhe)(zhe)些(xie)東(dong)西通(tong)(tong)常是(shi)通(tong)(tong)過文(wen)案(an)(an)(an)(an)和(he)內(nei)容(rong)來呈現，從(cong)Banner的(de)(de)標題到圖(tu)標和(he)按鈕上的(de)(de)微文(wen)案(an)(an)(an)(an)都應該凸顯這(zhe)(zhe)(zhe)些(xie)內(nei)容(rong)。不過，想(xiang)要做到這(zhe)(zhe)(zhe)一點，也(ye)就意味(wei)著(zhu)你需要同(tong)客戶(hu)進(jin)行(xing)深入的(de)(de)溝通(tong)(tong)和(he)協作了。你要讓(rang)文(wen)案(an)(an)(an)(an)擁(yong)有相應的(de)(de)氣質，擁(yong)有人(ren)應該有的(de)(de)語(yu)氣和(he)氣質，而(er)這(zhe)(zhe)(zhe)也(ye)是(shi)最(zui)難的(de)(de)地方。絕大多數的(de)(de)營銷(xiao)文(wen)案(an)(an)(an)(an)都有著(zhu)非常明確的(de)(de)語(yu)調和(he)感(gan)覺。我之(zhi)前曾經為(wei)網站設(she)計過全部(bu)的(de)(de)文(wen)案(an)(an)(an)(an)和(he)內(nei)容(rong)，用戶(hu)在(zai)Banner和(he)輪播圖(tu)這(zhe)(zhe)(zhe)樣的(de)(de)地方期望(wang)能看到推薦甚至推銷(xiao)產品的(de)(de)文(wen)案(an)(an)(an)(an)，而(er)在(zai)網站其(qi)他的(de)(de)地方諸如設(she)置、導(dao)航(hang)中又不喜歡被當作客戶(hu)——他們更期望(wang)文(wen)案(an)(an)(an)(an)能像是(shi)人(ren)和(he)人(ren)之(zhi)間(jian)的(de)(de)溝通(tong)(tong)一樣自(zi)然。這(zhe)(zhe)(zhe)樣的(de)(de)設(she)計往往能讓(rang)網站脫穎而(er)出(chu)(chu)。

　　當畫面感覺亂的(de)時候，可以通過結合今天(tian)所說的(de)整體審(shen)查(cha)一(yi)遍，尋(xun)找問題的(de)根源，當然這些手法(fa)(fa)只是一(yi)些常用的(de)，并不是代(dai)表全部，要(yao)在(zai)這些基礎(chu)上(shang)靈活(huo)運(yun)(yun)用，學會總(zong)結和(he)擴展，而不是只局限于(yu)理論，很多(duo)設(she)計理論是為大家提供(gong)一(yi)個方(fang)向，多(duo)體會、多(duo)理解、多(duo)運(yun)(yun)用，方(fang)法(fa)(fa)總(zong)比(bi)困(kun)難多(duo)。有疑(yi)問歡迎咨詢。