在日常工作中,很多設計師都會碰到畫面整體太亂的問題。亂,就會給人一種雜亂無章,甚至心煩意亂的感受,這也恰恰與設計的目的是相悖的。很多情況下設計的目的在于傳達信息,但是設計畫面太亂就會影響視覺傳達的效果。那么,能夠有效的避免畫面太亂的網(wǎng)頁排版小技巧有哪些呢?
成都創(chuàng)新互聯(lián)公司是專業(yè)的襄州網(wǎng)站建設公司,襄州接單;提供成都網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行襄州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
一、運用對齊的原則
對齊在設計中算是很基礎的知識點,畫面顯亂很多情況是元素的胡亂擺放,毫無規(guī)律可循,那么合理的運用對齊的手法是避免畫面亂很好的解決方式,對齊的過程也就是規(guī)整畫面元素的過程。其實,對齊也能起到很好的串聯(lián)作用,因為視覺上按某種規(guī)律存在的元素會被用戶下意識的認為是具有相關聯(lián)的。
二、使用標準字體
用戶對標準字體更熟悉因此可以快速的讀取。字體的嵌入服務可以為你的設計提供新鮮的和意想不到的許多有趣的字體。它們也非常容易使用。但是除非你的網(wǎng)站的自定義字體很有吸引力,否則最好還是使用系統(tǒng)字體。一個安全的方法是用一個系統(tǒng)的字體:如Arial,Calibri,Trebuchet等。
三、串聯(lián)視覺元素
畫面太亂最常見的原因之一是因為元素之間沒有形成呼應,也就是每個元素都是獨立的,互無關聯(lián)性,在用戶腦海中無法形成一條完整的視覺鏈條,而這樣的畫面相對是容易呈現(xiàn)出亂的感覺。那么避免畫面太亂常用的技法之一:將原本各自為戰(zhàn)的視覺元素串聯(lián)起來,在視覺上呈現(xiàn)出關聯(lián)性,形成一條不會斷開的視覺鏈條。其實就是要充分把原本獨立存在的視覺元素有效的串聯(lián)起來,讓他們相互作用,再有效的結合對齊原則,這也是有效避免畫面亂的一種常用手法,串聯(lián)視覺元素的過程其實就是規(guī)整的過程。
四、重心平穩(wěn)原則
在設計作品中,平穩(wěn)的重心是最常見的,在之前的文章中也說過,畫面中無論是顏色、色塊、文字等等它們在視覺上都存在著一定的比重,如果重心不穩(wěn),就會給人一種視覺天平的傾向,給人一種站不穩(wěn)的感覺,這并不是畫面亂的絕對因素,因為也有些設計是故意改變畫面重心尋求視覺上的差異化,所以在做好前兩點的前提下,再去考慮重心。
五、選擇一種能在各種尺寸中工作的字體
用戶可能會從不同的屏幕尺寸和分辨率的設備中訪問網(wǎng)站,多數(shù)用戶界面需要各種大小的文本元素(按鈕復制,字段標簽,章節(jié)標題等)。選擇一種能在多尺寸和重量上運行良好的字體,保持每個尺寸的可讀性。確保選擇的字體在較小的屏幕上也能清晰可辨!
六、做個案例
首先整體每個模塊都有嚴格的對齊形式,目的是讓每處元素的擺放都有據(jù)可循,減少可以造成視覺雜亂的因素。其次同樣采用了上中下重色呼應的形式,目的是讓頁面在視覺上有一定的分量,而不是整體輕飄飄的。最后盡可能的在每一屏都出現(xiàn)橙色,作為輔助色,同樣也要做好呼應關系,形成一個完整的視覺鏈條,整體的調性盡可能的保持了一致,且是重心平穩(wěn)的構圖方式。