對于(yú)廣大(dà)設計師而(ér)言，看了(le／liǎo)那麽多的(de)技巧和(hé / huò)趨勢，自己的(de)設計依然平庸，上(shàng)線的(de)網站也(yě)依然大(dà)衆。靈感到(dào)底從何而(ér)來(lái)？創意到(dào)底在(zài)哪裏？Well，有的(de)時(shí)候過度執着于(yú)原創并不(bù)一(yī / yì ／yí)定是(shì)好事，也(yě)許你現在(zài)的(de)設計也(yě)更符合實際需求也(yě)說(shuō)不(bù)定。在(zài)日常工作中，很多設計師都會碰到(dào)畫面整體太亂的(de)問題。亂，就(jiù)會給人(rén)一(yī / yì ／yí)種雜亂無章，甚至心煩意亂的(de)感受，這(zhè)也(yě)恰恰與設計的(de)目的(de)是(shì)相悖的(de)。很多情況下設計的(de)目的(de)在(zài)于(yú)傳達信息，那麽「設計畫面太亂」就(jiù)會影響視覺傳達的(de)效果。能夠有效的(de)避免畫面太亂的(de)技巧有哪些，今天我們分享了(le／liǎo)5點技巧，希望可以(yǐ)給大(dà)家帶來(lái)幫助。
1.網站建設的(de)排版技巧
優秀的(de)排版布局是(shì)将自己網站和(hé / huò)其他(tā)網站區分開來(lái)的(de)最明顯手段之(zhī)一(yī / yì ／yí)，而(ér)它的(de)難度也(yě)是(shì)最高的(de)。從專業的(de)角度上(shàng)來(lái)說(shuō)，沒有一(yī / yì ／yí)個(gè)排版布局是(shì)沒人(rén)用過的(de)，你幾乎不(bù)可能再找出(chū)一(yī / yì ／yí)個(gè)别人(rén)沒用過的(de)布局。但是(shì)，設計排版本身是(shì)一(yī / yì ／yí)件非常有趣，也(yě)能夠磨練你的(de)創造力的(de)事情。在(zài)你創建出(chū)第52個(gè)網頁布局之(zhī)後，也(yě)許你的(de)網頁排版布局能力已經和(hé / huò)之(zhī)前截然不(bù)同了(le／liǎo)，當然，也(yě)有可能你這(zhè)個(gè)時(shí)候拿出(chū)來(lái)的(de)布局方案已經可以(yǐ)讓前端頭疼不(bù)已了(le／liǎo)。
在(zài)這(zhè)個(gè)網站多如牛毛的(de)時(shí)代，對于(yú)網站建設設計師來(lái)說(shuō)，想要(yào / yāo)讓一(yī / yì ／yí)個(gè)網站出(chū)彩，把心思花在(zài)創新上(shàng)，才能創造出(chū)一(yī / yì ／yí)個(gè)與衆不(bù)同的(de)網站，尤其是(shì)網站建設的(de)排版，我們随便訪問幾個(gè)網站，幾乎完全不(bù)同，變化多樣，網站的(de)排版技巧，我們可以(yǐ)參考一(yī / yì ／yí)些同類網站，然後再融入行業的(de)特點，以(yǐ)此爲(wéi / wèi)出(chū)發點，顯得又美觀又讓用戶舒心。
2.串聯視覺元素
畫面太亂最常見的(de)原因之(zhī)一(yī / yì ／yí)是(shì)因爲(wéi / wèi)元素之(zhī)間沒有形成呼應，也(yě)就(jiù)是(shì)每個(gè)元素都是(shì)獨立的(de)，互無關聯性，在(zài)用戶腦海中無法形成一(yī / yì ／yí)條完整的(de)視覺鏈條，而(ér)這(zhè)樣的(de)畫面相對是(shì)容易呈現出(chū)亂的(de)感覺。那麽避免畫面太亂常用的(de)技法之(zhī)一(yī / yì ／yí)：将原本各自爲(wéi / wèi)戰的(de)視覺元素串聯起來(lái)，在(zài)視覺上(shàng)呈現出(chū)關聯性，形成一(yī / yì ／yí)條不(bù)會斷開的(de)視覺鏈條。
這(zhè)裏要(yào / yāo)表達的(de)就(jiù)是(shì)盡可能把整體色彩串聯起來(lái)，而(ér)不(bù)是(shì)毫無關聯，顔色的(de)多樣性帶來(lái)的(de)是(shì)視覺上(shàng)的(de)不(bù)統一(yī / yì ／yí)，這(zhè)也(yě)是(shì)爲(wéi / wèi)什麽配色時(shí)盡量做到(dào)色相不(bù)超過三個(gè)的(de)原因，且盡量保持飽和(hé / huò)度和(hé / huò)明度接近，任何元素的(de)完全獨立都有可能帶來(lái)視覺上(shàng)的(de)雜亂，盡量做到(dào)有種隐藏規律在(zài)約束視覺元素，且各個(gè)獨立元素之(zhī)間最終能形成一(yī / yì ／yí)個(gè)視覺鏈。再比如，一(yī / yì ／yí)些WEB設計或者官網頁面設計作品，對于(yú)顔色的(de)呼應是(shì)要(yào / yāo)求很高的(de)，呼應的(de)目的(de)就(jiù)是(shì)爲(wéi / wèi)了(le／liǎo)使得元素與元素之(zhī)間相互關聯，形成視覺上(shàng)的(de)串聯。
3.重心平穩原則
在(zài)設計作品中，平穩的(de)重心是(shì)最常見的(de)，在(zài)之(zhī)前的(de)文章中也(yě)說(shuō)過，畫面中無論是(shì)顔色、色塊、文字等等它們在(zài)視覺上(shàng)都存在(zài)着一(yī / yì ／yí)定的(de)比重，如果重心不(bù)穩，就(jiù)會給人(rén)一(yī / yì ／yí)種視覺天平的(de)傾向，給人(rén)一(yī / yì ／yí)種「站不(bù)穩」的(de)感覺，這(zhè)并不(bù)是(shì)畫面亂的(de)絕對因素，因爲(wéi / wèi)也(yě)有些設計是(shì)故意改變畫面重心尋求視覺上(shàng)的(de)差異化，所以(yǐ)在(zài)做好前兩點的(de)前提下，再去考慮重心，比如前面案例裏上(shàng)中下的(de)色彩呼應，同時(shí)也(yě)起到(dào)了(le／liǎo)很好的(de)平穩重心的(de)作用，很多不(bù)錯的(de)海報、頁面都喜歡采用平穩的(de)構圖方式。
無關元素的(de)多與少，整體重心的(de)平穩使得畫面不(bù)會因爲(wéi / wèi)視覺比重的(de)缺失顯得雜亂，而(ér)是(shì)給人(rén)一(yī / yì ／yí)種穩定、協調的(de)感覺，但是(shì)重心平穩并不(bù)是(shì)完全的(de)視覺比重的(de)1:1，而(ér)是(shì)整體協調即可。
4.文案與内容的(de)打造
在(zài)文案和(hé / huò)内容上(shàng)和(hé / huò)其他(tā)的(de)網站區分開來(lái)，這(zhè)件事很重要(yào / yāo)，但是(shì)同時(shí)也(yě)可能是(shì)拉開距離最艱難的(de)方式。網站建設應該能夠反映出(chū)公司或者品牌的(de)個(gè)性和(hé / huò)文化，而(ér)這(zhè)些東西通常是(shì)通過文案和(hé / huò)内容來(lái)呈現，從Banner的(de)标題到(dào)圖标和(hé / huò)按鈕上(shàng)的(de)微文案都應該凸顯這(zhè)些内容。不(bù)過，想要(yào / yāo)做到(dào)這(zhè)一(yī / yì ／yí)點，也(yě)就(jiù)意味着你需要(yào / yāo)同客戶進行深入的(de)溝通和(hé / huò)協作了(le／liǎo)。你要(yào / yāo)讓文案擁有相應的(de)氣質，擁有人(rén)應該有的(de)語氣和(hé / huò)氣質，而(ér)這(zhè)也(yě)是(shì)最難的(de)地(dì / de)方。絕大(dà)多數的(de)營銷文案都有着非常明确的(de)語調和(hé / huò)感覺。我之(zhī)前曾經爲(wéi / wèi)網站建設設計過全部的(de)文案和(hé / huò)内容，用戶在(zài)Banner和(hé / huò)輪播圖這(zhè)樣的(de)地(dì / de)方期望能看到(dào)推薦甚至推銷産品的(de)文案，而(ér)在(zài)網站其他(tā)的(de)地(dì / de)方諸如設置、導航中又不(bù)喜歡被當作客戶——他(tā)們更期望文案能像是(shì)人(rén)和(hé / huò)人(rén)之(zhī)間的(de)溝通一(yī / yì ／yí)樣自然。這(zhè)樣的(de)設計往往能讓網站脫穎而(ér)出(chū)。
當畫面感覺亂的(de)時(shí)候，可以(yǐ)通過結合今天所說(shuō)的(de)整體審查一(yī / yì ／yí)遍，尋找問題的(de)根源，當然這(zhè)些手法隻是(shì)一(yī / yì ／yí)些常用的(de)，并不(bù)是(shì)代表全部，要(yào / yāo)在(zài)這(zhè)些基礎上(shàng)靈活運用，學會總結和(hé / huò)擴展，而(ér)不(bù)是(shì)隻局限于(yú)理論，很多網站建設設計理論是(shì)爲(wéi / wèi)大(dà)家提供一(yī / yì ／yí)個(gè)方向，多體會、多理解、多運用，方法總比困難多。有疑問歡迎咨詢。
