Sunny. 2016-07-26
網(wǎng)站建設(shè)
網(wǎng)頁(yè)布局的歷史：從文藝復(fù)興時(shí)期到虛擬現(xiàn)實(shí)
早在1993年,第一個(gè)網(wǎng)站了:純文本網(wǎng)站開發(fā)人員在歐洲核子研究委員會(huì)(的地方)。這是一個(gè)巨大的進(jìn)步在技術(shù)、文化革命的催化劑,真的,真的無聊的看。設(shè)計(jì)選項(xiàng)沒有現(xiàn)成的第一個(gè)網(wǎng)站,但已經(jīng)成為分離從業(yè)余愛好者和普通專業(yè)的在線內(nèi)容。
1990年代
90年代看到暫時(shí)停歇在基于網(wǎng)格的設(shè)計(jì)中,選擇喜歡的風(fēng)格大衛(wèi)·卡森和寶拉謝爾變得更受歡迎。
這是一個(gè)反應(yīng)對(duì)網(wǎng)格的固步自封,尤其是它的教條的使用和與企業(yè)文化。結(jié)果是許多設(shè)計(jì)師拒絕系統(tǒng)支持一個(gè)更有機(jī)的,風(fēng)格和激進(jìn)的結(jié)構(gòu)。
但隨著計(jì)算機(jī)設(shè)計(jì)的興起——尤其是那些web——帶著它的返回受歡迎基于網(wǎng)格的設(shè)計(jì)。90年代的激進(jìn)風(fēng)格將會(huì)阻礙信息的消費(fèi),因?yàn)榫W(wǎng)格有網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)際應(yīng)用。
編碼/排隊(duì)元素的X或Y坐標(biāo)(即列或行)遠(yuǎn)比擁有更容易安排元素定制,具體問題具體分析。到了90年代后期技術(shù)發(fā)達(dá),瀏覽網(wǎng)站質(zhì)量的吸引力。
事實(shí)上,網(wǎng)絡(luò)增長(zhǎng)如此迅速的崛起,發(fā)展讓網(wǎng)站更容易和更專業(yè)的生產(chǎn)以指數(shù)增長(zhǎng)。從設(shè)計(jì)師的角度來看,發(fā)展是關(guān)鍵閃光.
Flash(ahh-ahhhhhh)允許web頁(yè)面元素的動(dòng)畫,剪紙藝術(shù)的方式對(duì)用戶無法比較。其中包括動(dòng)畫按鈕(而不是簡(jiǎn)單的超鏈接),甚至是游戲。你可能會(huì)說,Flash是真正的網(wǎng)上用戶交互性的誕生。
2000年代
回到過去,開發(fā)商只有HTML定義文本結(jié)構(gòu)。他們可以定義一段(
)或標(biāo)題(
)等。選項(xiàng)是有限的設(shè)計(jì):開發(fā)人員使用HTML的發(fā)明——盡管并不總是嚴(yán)格正確的方式布局頁(yè)面和大量的HTML僅在特定的瀏覽器(“你需要* * * *瀏覽器查看這個(gè)頁(yè)面”,還記得嗎?)。
瀏覽器大戰(zhàn)(通過thebrowserwars.tumblr.com)
最終,層疊樣式表(CSS)出現(xiàn)解決這個(gè)問題:將工作與HTML提供豐富的布局和樣式選擇設(shè)計(jì)師這個(gè)函數(shù)在所有的瀏覽器。
在2000年代的另一個(gè)發(fā)展是拖拽建筑商和所見即所得的介紹(“你所看到的就是你得到的”)編輯器。他們的意思是更容易布局網(wǎng)頁(yè)視覺。這些工具允許設(shè)計(jì)師與負(fù)編碼經(jīng)驗(yàn)來創(chuàng)建web頁(yè)面使用熟悉,桌面出版工具風(fēng)格。
這使工作流程更有效率,可以迅速識(shí)別并解決任何問題或更改。這是為什么WYSIWYG首先開發(fā)了但是后來被孩子想關(guān)于寵物的博客或者同樣無趣的東西。
專業(yè)的web開發(fā)人員不再使用所見即所得(一些從來沒有),因?yàn)樗鼈兪浅裘阎膲牡臉?biāo)記(不正確的和臃腫的代碼),從長(zhǎng)遠(yuǎn)來看會(huì)導(dǎo)致更多的問題比一個(gè)WYSIWYG編輯器提供了修復(fù)。
但最重要的進(jìn)步在2000年代被釋放寬帶互聯(lián)網(wǎng)大眾。與以快得多的速度傳輸信息的能力,設(shè)計(jì)師不受他們的頁(yè)面可以包含多少信息。編碼變得更加復(fù)雜,進(jìn)而提供更多的方法和靈活性來開發(fā)一個(gè)網(wǎng)站。開發(fā)人員可以構(gòu)建網(wǎng)站更多的多樣性,給設(shè)計(jì)師更多的選擇,因此更多的控制,在他們的工作。
2010年代
在過去的六年里,關(guān)鍵的發(fā)展響應(yīng)設(shè)計(jì)對(duì)不同的設(shè)備屏幕大小,允許靈活的網(wǎng)格。智能手機(jī)和平板設(shè)備的hyper-popularity意味著任何網(wǎng)站我們構(gòu)建需要有能力來適應(yīng)不同的屏幕尺寸。
RWD屏幕尺寸(通過invisionapp.com)
從設(shè)計(jì)師的角度來看,設(shè)計(jì)簡(jiǎn)化了開發(fā)的過程中能夠使用的代碼元素或形狀而不是生產(chǎn)和上傳的圖形元素來實(shí)現(xiàn)這些。
以前,我們需要使用圖像某些效果,例如,圓角框或顏色的漸變,微乎其微的靈活性。然而,編碼-經(jīng)常使用CSS指定元素靈活,能夠適應(yīng)屏幕或?yàn)g覽器窗口大小的變化。
這看到的流體網(wǎng)格的引入,這意味著他們呼吁頁(yè)面元素分級(jí)相關(guān)單位,如百分比,而不是絕對(duì)單位像素或點(diǎn)。更多的選擇和靈活性為設(shè)計(jì)師也更多的責(zé)任?，F(xiàn)在需要額外關(guān)注頁(yè)面內(nèi)容及其層次結(jié)構(gòu),因?yàn)樗鼤?huì)“回流”這取決于設(shè)備。
未來
的確主線設(shè)計(jì)在過去的幾百年中網(wǎng)格。作為技術(shù)和媒介,我們吸收信息的發(fā)展,網(wǎng)格系統(tǒng)動(dòng)作正確。技術(shù)進(jìn)步發(fā)展和反應(yīng),并將繼續(xù)這樣做,我們繼續(xù)接觸媒體的新方法。
當(dāng)虛擬現(xiàn)實(shí)耳機(jī)成為互動(dòng)媒體的標(biāo)準(zhǔn)方法,或者即使我們找到一個(gè)方法來開發(fā)全息圖像,網(wǎng)格系統(tǒng)將改變和適應(yīng),但總是會(huì)有協(xié)助用戶在吸收信息。
文章標(biāo)簽：
文章評(píng)論：