国产精品无码一区二区三区太,亚洲一线产区二线产区区别,欧美A区,人妻jealousvue人妻

×

在實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)之前,設(shè)計(jì)者們走了多遠(yuǎn)?

  • 作者:sdgbd
  • 來(lái)源:互聯(lián)網(wǎng)
  • 瀏覽:100
  • 2020-12-11 14:45:00

很多企業(yè)或者個(gè)人站長(zhǎng)在做網(wǎng)站設(shè)計(jì)的時(shí)候,首先遇到的問(wèn)題就是“以哪個(gè)尺寸進(jìn)行設(shè)計(jì)?”

很多企業(yè)或者個(gè)人站長(zhǎng)在網(wǎng)站設(shè)計(jì)的時(shí)候,首先遇到的問(wèn)題就是“以哪個(gè)尺寸進(jìn)行設(shè)計(jì)?”
當(dāng)前市場(chǎng)設(shè)備眾多,既要兼容pc端不同尺寸,又要兼容平板、手機(jī)、電視等不同尺寸,甚至還有蘋果端和安卓端不同來(lái)?yè)v亂。你必須在不影響網(wǎng)站美感的前提下調(diào)整它的大小,以適應(yīng)網(wǎng)站。這就是響應(yīng)式設(shè)計(jì)的用武之地。
然而,早起的企業(yè)或者個(gè)人站長(zhǎng)卻沒(méi)有這么幸運(yùn)——
1、網(wǎng)頁(yè)設(shè)計(jì):黎明前的黑暗
當(dāng)互聯(lián)網(wǎng)天地初開之時(shí),Web Design 僅僅意味著字符和空格的排列組合。雖然圖形化的界面早在80年代初就有了,但在此時(shí)普及率并不高。直到90年代,圖形化界面才真正進(jìn)入千家萬(wàn)戶。
2、表格(table):網(wǎng)頁(yè)的興起
能夠顯示圖片的瀏覽器的誕生,是促使網(wǎng)頁(yè)設(shè)計(jì)這個(gè)行業(yè)誕生的重要先決條件。實(shí)際上在當(dāng)時(shí),最接近于信息結(jié)構(gòu)化的概念,是HTML中已有的元素:表格(Table)。所以,David Siegel 在他的網(wǎng)頁(yè)設(shè)計(jì)書《Creating Killer Sites》講述了他設(shè)計(jì)優(yōu)秀網(wǎng)站的秘訣:在表格中嵌套表格,將靜態(tài)的表格和動(dòng)態(tài)的表格以巧妙的方式結(jié)合到一起。盡管表格本身是用來(lái)承載數(shù)據(jù)的,用來(lái)承載內(nèi)容和圖片有點(diǎn)奇怪,但是在那個(gè)時(shí)代,這種方法依然顯得頗為靠譜,并且大行其道。
3、Flash:自由的黃金時(shí)代
Flash為網(wǎng)頁(yè)開發(fā)者/設(shè)計(jì)師帶來(lái)了前所未有的自由,它打破了之前網(wǎng)頁(yè)設(shè)計(jì)所固有的限制。借助Flash,設(shè)計(jì)師可以隨心所欲地在網(wǎng)頁(yè)上展現(xiàn)任何形狀、布局、動(dòng)畫和交互,可以使用任何喜歡的字體,他們借助Flash熔于一體。
不幸的是,這種設(shè)計(jì)并不開放,也不利于搜索,還需要消耗計(jì)算機(jī)大量的運(yùn)算能力。2007年,當(dāng)蘋果發(fā)布他們的第一臺(tái)iPhone的時(shí)候,就決定徹底放棄Flash,也正是在這個(gè)時(shí)候,F(xiàn)lash開始走下坡路——至少在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域。
4、CSS的誕生
差不多是在Flash崛起的同時(shí),一種更好的網(wǎng)頁(yè)結(jié)構(gòu)化設(shè)計(jì)工具CSS誕生了。CSS的基本概念是將網(wǎng)頁(yè)內(nèi)容的樣式分離出來(lái),所以網(wǎng)頁(yè)的外觀和格式等屬性將會(huì)在CSS中被定義,但內(nèi)容依然保留在HTML中。早期版本的CSS并沒(méi)有現(xiàn)在那么靈活,和許多新事物一樣,它最大的障礙在于許多瀏覽器還沒(méi)來(lái)得及接納這一新技術(shù),對(duì)于開發(fā)者而言,這是一個(gè)頭疼的事情。需要明確說(shuō)明的是,CSS并非全新的編程語(yǔ)言,它僅僅只是一種聲明性語(yǔ)言。
5、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
驚才絕艷的設(shè)計(jì)師Ethan Marcotte決定挑戰(zhàn)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì),它讓網(wǎng)頁(yè)在內(nèi)容不變的前提下,布局隨著窗口和屏幕的變化而變化,并且將這種設(shè)計(jì)命名為響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。
網(wǎng)頁(yè)設(shè)計(jì)師依然只需要HTML和CSS就可以實(shí)現(xiàn)這種功能,不得不承認(rèn)這種設(shè)計(jì)理念非常超前。不過(guò)大家對(duì)于響應(yīng)式設(shè)計(jì)依然有些許誤解。對(duì)于設(shè)計(jì)師而言,響應(yīng)式設(shè)計(jì)意味著為設(shè)計(jì)許多不同的布局。對(duì)于用戶而言,響應(yīng)式設(shè)計(jì)就意味著這個(gè)網(wǎng)頁(yè)可以在手機(jī)上完美瀏覽。對(duì)于開發(fā)者而言,響應(yīng)式設(shè)計(jì)意味著如何控制好網(wǎng)站圖片應(yīng)付移動(dòng)端和桌面端,在不同情形和語(yǔ)義下,擁有良好的下載速度和呈現(xiàn)效果,等等。簡(jiǎn)而言之,就是一個(gè)網(wǎng)站能在任何情況下良好展現(xiàn)。至少在這一點(diǎn)上,所有人能達(dá)成共識(shí)。
縱觀互聯(lián)網(wǎng)發(fā)展史,我們可以看到一些曾經(jīng)流行的技術(shù)逐漸變得過(guò)時(shí),人們?nèi)栽诔掷m(xù)構(gòu)建更好的互聯(lián)網(wǎng)。在這個(gè)時(shí)代,用戶體驗(yàn)已經(jīng)成為首要關(guān)注點(diǎn),任何應(yīng)用都應(yīng)該考慮性能和設(shè)計(jì)要讓用戶滿意。
從這一點(diǎn)來(lái)看,響應(yīng)式設(shè)計(jì)已經(jīng)成為兵家必爭(zhēng)之地。您的網(wǎng)站還不是響應(yīng)式設(shè)計(jì)嗎?快來(lái)新網(wǎng)咨詢吧:
http:///jianzhan/webdesign.html
 

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading