SERVICE


云啟未來,智造互聯
企業上云升級,助力企業騰飛

基本網頁設計平衡與網頁設計中的元素如何分布

發布時間:2016-12-15 13:28:54您的位置: > 微信開發,小程序開發 > 正文

基本網頁設計平衡平衡原則主要考慮網頁設計中的元素如何分布,以及它們與頁面中視覺重量(visualweight)的整體布局有何關系。這會給網頁設計的視覺穩定性帶來相當大的影響。設計中的元素被集合到一起,就形成了視覺重量。一般而言,為了達到網頁設計的平衡,這些視覺重量一定要用一個份量相當且相反的重■來抵消掉,否則就會導致不穩定,盡管這并不意味著它一定就不好。失衡也是能夠被有效利用的,我對此深信不疑。但是平衡的網頁設計能讓人感到穩定,這樣往往更有吸引力。平衡有兩種方式:對稱和不對稱。我們分別來看看相關的例子。對稱平衡當頁面的網頁設計關于某條軸線對稱,并且軸線兩邊的視覺重■相同時,這就實現了對稱平衡。在網頁網頁設計中,對稱平衡通常是指從中分開的左邊和右邊有著相等的視覺重量。同樣,我們來看示例。MINTWheels(圖i)對稱平衡的運用非常自然地契合了這個網站的內容。想想為了保證豪華車的良好平衡所付出的精細做工,這些車為你提供了在公路上最為完美的平衡享受。因此,對稱平衡的網站非常符合駕駛豪華車的愉悅體驗。請注意.logo放到了頁面頂部的中央。這不僅幫助建立了對稱平衡,而旦把logo放到了布局的視覺中心(頂部中央l。網站網頁設計精巧而簡潔,與其內容相得益彰。不對稱平衡當頁面的視覺重量被均勻分布到對稱軸上,而對稱軸兩邊的個體元素并不相對應時,這就形成了不對稱平衡。這說起來相當復雜,不對稱平衡是指使用不同元素來實現整體的平衡。聽起來依然很復雜,還是通過一些例子來看看它們是如何發揮作用的吧。DallasBapOstUniversityl)因為不對稱平衡常常是對所呈現內容的一種更加自然的處理手段,所以它在網頁網頁設計中極其常見。在這個例子中我們看到,從標題欄開始,不對稱平衡貫穿整個頁面。logo平衡了主導航條目l它們的位置通常是放logo的)。logo又高又黑,因此雖然很短,但它依然能與導航欄相平衡。在bannerCampaignMonitor有時候.將這兩種平衡方式混合使用最為實際。這正是CampaignMonitor登錄頁的做法。在其頂部,廣告文字與圖片實現了不對稱平衡。而在其下面,我們看到.6個條目、一些logo以及頁腳的廣告文字以對稱的方式從左至右全部實現了完美平衡。平衡是網頁設計中一個十分微妙的元素,我們中的許多人都會依靠自己的直覺來處理平衡問題。如果你的網頁設計看上去向一邊倒,想想如何通過使對比最小化來實現平衡?梢杂脙蓚相稱的突出元素,或者用一組不太突出但受到同樣控制的條目來平衡它。你的網頁設計看起來是不是要翻倒了7是不是讓人感覺不穩定7通過回答這類問題,你就能知道自己的網頁設計是否平衡。

夢之網科技 http://www.aecov.cn

夢之網科技
本文網址:http://www.aecov.cn/news/801.html

濟南夢之網科技:濟南網站建設,濟南網站設計公司,網站建設開發公司,專業網站制作公司,擁有專業的技術團隊,一流的服務團隊.專業團隊為您提供網站設計,網站定制服務,公眾號應用開發,微信小程序開發,為用戶提供成套解決方案,智能農業物聯網系統

您可能感興趣