固定寬度的方法通常在帶有大量圖片的高級視覺布局中表現(xiàn)良好(例如娛樂、促銷或者基于Flash的網(wǎng)站,還有一些作品集頁面),這樣圖片能夠通過精確的定位實現(xiàn)更加準確、較少錯誤的設計。實現(xiàn)這種布局,設計師需要考慮用戶的平均情況,確保設計的布局對大部分用戶不會顯得太窄或者太寬,在不同瀏覽器間保持良好的可用性。編寫固定布局同樣比較規(guī)則和直接,開發(fā)人員不需要為各種元素之間的關系和平衡耗費太多心思。下面
成都網(wǎng)站建設公司創(chuàng)新互聯(lián)為您講解下哪種網(wǎng)頁布局最適合您的網(wǎng)站。
對于哪種布局最合適不會得到標準答案。限于使用環(huán)境、時間限制以及設計師的技能,每種布局都有特定的應用情況。
如果這正是你的想法,也許你會考慮在設計中使用流式布局。這種布局制作非常耗時,也不是很容易開發(fā),并且在一些不可預知的環(huán)境中存在一定風險,但是提供了用戶根據(jù)喜好調整布局的特性。流式布局具有較高的生產成本,但是顯著降低了維護成本,同時為靈活性和跨分辨率的網(wǎng)站提供堅實的基礎。設計師只需要確認內容區(qū)具有合適的行寬,并且在必要的情況下使用"min-width"和"Max-width"。
是否仍然猶豫不決?彈性或者部分彈性的設計是另外一個選擇。在正確使用的前提下,彈性布局在帶來了更多可預測性的同時保持了布局的靈活性。因為彈性布局依賴于字體大。ǘ皇菫g覽器的窗口尺寸),彈性布局允許設計師 "凍結"布局中區(qū)塊間的比例,確保元素之間的平衡和良好的可讀性。特別是在文本較多的網(wǎng)站中,保持良好的可讀性的要求非常嚴格(固定布局中也一樣重要 )。彈性布局更多的是用在雜志、在線商店、博客或者類似的網(wǎng)站上。聰明的流式網(wǎng)格使用者可以創(chuàng)建既忠實于原始設計比例和經(jīng)典圖片設計原則,又保持適應性的布局。
一些設計師希望在不同瀏覽器之間獲得完美的一致,流式設計的支持者們卻認為布局并不需要在不同平臺和分辨率下保持一致。
實際工作中,設計師經(jīng)常為字體和容器使用em單位,而其他元素則炅活地使用像素和相對值來建立一個彈性的布局。這些或者相似的混合布局在實際情況中最常見,反映了設計師希望為每種情況找到最佳解決方案的努力。
在總結之前,有必要提一下智能手機、上網(wǎng)本和游戲終端,這些設備現(xiàn)在都可以進行網(wǎng)頁瀏覽,所以更低(或者更高)的分辨率變得越來越重要,而且應當進行認真考慮。對于這類平臺,動態(tài)的分辨率切換技術將會非常有用,而且在將來擴展你的布局類型時會是不二的選擇。雖然構建自適應性的布局需要耗費很多時間,但是由于能夠處理或小或大的各種類型的分辨率,會幫助設計師為用戶呈現(xiàn)最合適的效果。隨著屏幕寬度的不斷增加,使用所有這些技巧只是個時間問題。