我們專(zhuān)注於高端品牌網(wǎng)站創(chuàng)意設(shè)計(jì)與開(kāi)發(fā)
固定寬度的方法通常在帶有大量圖片的高級(jí)視覺布局中表現(xiàn)良好(例如娛樂、促銷(xiāo)或者基於Flash的網(wǎng)站,還有一些作品集頁(yè)面),這樣圖片能夠通過(guò)精確的定位實(shí)現(xiàn)更加準(zhǔn)確、較少錯誤的設(shè)計(jì)。實(shí)現(xiàn)這種布局,設(shè)計(jì)師需要考慮用戶(hù)的平均情況,確保設(shè)計(jì)的布局對(duì)大部分用戶(hù)不會(huì)顯得太窄或者太寬,在不同瀏覽器間保持良好的可用性。編寫(xiě)固定布局同樣比較規(guī)則和直接,開(kāi)發(fā)人員不需要為各種元素之間的關(guān)係和平衡耗費(fèi)太多心思。下面深圳網(wǎng)站建設(shè)公司源美設(shè)計(jì)為您講解下哪種網(wǎng)頁(yè)布局最適合您的網(wǎng)站。
對(duì)於哪種布局最合適不會(huì)得到標(biāo)準(zhǔn)答案。限於使用環(huán)境、時(shí)間限制以及設(shè)計(jì)師的技能,每種布局都有特定的應(yīng)用情況。
如果這正是你的想法,也許你會(huì)考慮在設(shè)計(jì)中使用流式布局。這種布局製作非常耗時(shí),也不是很容易開(kāi)發(fā),並且在一些不可預知的環(huán)境中存在一定風(fēng)險(xiǎn),但是提供了用戶(hù)根據(jù)喜好調(diào)整布局的特性。流式布局具有較高的生產(chǎn)成本,但是顯著降低了維護(hù)成本,同時(shí)為靈活性和跨解析度的網(wǎng)站提供堅(jiān)實(shí)的基礎(chǔ)。設(shè)計(jì)師只需要確認(rèn)內(nèi)容區(qū)具有合適的行寬,並且在必要的情況下使用"min-width"和"Max-width"。
是否仍然猶豫不決?彈性或者部分彈性的設(shè)計(jì)是另外一個(gè)選擇。在正確使用的前提下,彈性布局在帶來(lái)了更多可預測(cè)性的同時(shí)保持了布局的靈活性。因為彈性布局依賴於字體大小(而不是瀏覽器的窗口尺寸),彈性布局允許設(shè)計(jì)師 "凍結(jié)"布局中區(qū)塊間的比例,確保元素之間的平衡和良好的可讀性。特別是在文本較多的網(wǎng)站中,保持良好的可讀性的要求非常嚴(yán)格(固定布局中也一樣重要 )。彈性布局更多的是用在雜誌、在線(xiàn)商店、博客或者類(lèi)似的網(wǎng)站上。聰明的流式網(wǎng)格使用者可以創(chuàng)建既忠實(shí)於原始設(shè)計(jì)比例和經(jīng)典圖片設(shè)計(jì)原則,又保持適應(yīng)性的布局。
一些設(shè)計(jì)師希望在不同瀏覽器之間獲得完美的一致,流式設(shè)計(jì)的支持者們卻認(rèn)為布局並不需要在不同平臺(tái)和解析度下保持一致。
實(shí)際工作中,設(shè)計(jì)師經(jīng)常為字體和容器使用em單位,而其他元素則炅活地使用像素和相對(duì)值來(lái)建立一個(gè)彈性的布局。這些或者相似的混合布局在實(shí)際情況中最常見(jiàn),反映了設(shè)計(jì)師希望為每種情況找到最佳解決方案的努力。
在總結(jié)之前,有必要提一下智慧型手機(jī)、上網(wǎng)本和遊戲終端,這些設(shè)備現(xiàn)在都可以進(jìn)行網(wǎng)頁(yè)瀏覽,所以更低(或者更高)的解析度變得越來(lái)越重要,而且應(yīng)當(dāng)進(jìn)行認(rèn)真考慮。對(duì)於這類(lèi)平臺(tái),動(dòng)態(tài)的解析度切換(huàn)技術(shù)將會(huì)非常有用,而且在將來(lái)擴展你的布局類(lèi)型時(shí)會(huì)是不二的選擇。雖然構(gòu)建自適應(yīng)性的布局需要耗費(fèi)很多時(shí)間,但是由於能夠處理或小或大的各種類(lèi)型的解析度,會(huì)幫助設(shè)計(jì)師為用戶(hù)呈現(xiàn)最合適的效果。隨著屏幕寬度的不斷增加,使用所有這些技巧只是個(gè)時(shí)間問(wèn)題。
文章引用:http://www.szymweb.com/new/973.html
本站文章為深圳網(wǎng)站建設(shè)·源美網(wǎng)絡(luò)原創(chuàng)策劃(huà),如有版權(quán)糾紛或者違規(guī)問(wèn)題,請聯(lián)繫我們刪除,謝謝!
售後保障
承諾任何問(wèn)題1小時(shí)內(nèi)解決數(shù)據(jù)備份
更安全、更高效、更穩(wěn)定價(jià)格公道精準(zhǔn)
項(xiàng)目經(jīng)理精準(zhǔn)報(bào)價(jià)不弄虛作假合作無(wú)風(fēng)險(xiǎn)
重合同講信譽(yù),無(wú)效全額退款