網頁布局的歷史：從文藝復興時期到虛擬現實

2015-09-18 分類：網站建設

早在1993年,第一個網站了:純文本網站開發人員在歐洲核子研究委員會(的地方)。這是一個巨大的進步在技術、文化革命的催化劑,真的,真的無聊的看。設計選項沒有現成的第一個網站,但已經成為分離從業余愛好者和普通專業的在線內容。

1990年代

90年代看到暫時停歇在基于網格的設計中,選擇喜歡的風格大衛·卡森和寶拉謝爾變得更受歡迎。

這是一個反應對網格的固步自封,尤其是它的教條的使用和與企業文化。結果是許多設計師拒絕系統支持一個更有機的,風格和激進的結構。

但隨著計算機設計的興起——尤其是那些web——帶著它的返回受歡迎基于網格的設計。90年代的激進風格將會阻礙信息的消費,因為網格有網頁設計中的實際應用。

編碼/排隊元素的X或Y坐標(即列或行)遠比擁有更容易安排元素定制,具體問題具體分析。到了90年代后期技術發達,瀏覽網站質量的吸引力。

事實上,網絡增長如此迅速的崛起,發展讓網站更容易和更專業的生產以指數增長。從設計師的角度來看,發展是關鍵閃光.

Flash(ahh-ahhhhhh)允許web頁面元素的動畫,剪紙藝術的方式對用戶無法比較。其中包括動畫按鈕(而不是簡單的超鏈接),甚至是游戲。你可能會說,Flash是真正的網上用戶交互性的誕生。

2000年代

回到過去,開發商只有HTML定義文本結構。他們可以定義一段(

)或標題(

)等。選項是有限的設計:開發人員使用HTML的發明——盡管并不總是嚴格正確的方式布局頁面和大量的HTML僅在特定的瀏覽器(“你需要* * * *瀏覽器查看這個頁面”,還記得嗎?)。

瀏覽器大戰(通過thebrowserwars.tumblr.com)

最終,層疊樣式表(CSS)出現解決這個問題:將工作與HTML提供豐富的布局和樣式選擇設計師這個函數在所有的瀏覽器。

在2000年代的另一個發展是拖拽建筑商和所見即所得的介紹(“你所看到的就是你得到的”)編輯器。他們的意思是更容易布局網頁視覺。這些工具允許設計師與負編碼經驗來創建web頁面使用熟悉,桌面出版工具風格。

這使工作流程更有效率,可以迅速識別并解決任何問題或更改。這是為什么WYSIWYG首先開發了但是后來被孩子想關于寵物的博客或者同樣無趣的東西。

專業的web開發人員不再使用所見即所得(一些從來沒有),因為它們是臭名昭著的壞的標記(不正確的和臃腫的代碼),從長遠來看會導致更多的問題比一個WYSIWYG編輯器提供了修復。

但最重要的進步在2000年代被釋放寬帶互聯網大眾。與以快得多的速度傳輸信息的能力,設計師不受他們的頁面可以包含多少信息。編碼變得更加復雜,進而提供更多的方法和靈活性來開發一個網站。開發人員可以構建網站更多的多樣性,給設計師更多的選擇,因此更多的控制,在他們的工作。

2010年代

在過去的六年里,關鍵的發展響應設計對不同的設備屏幕大小,允許靈活的網格。智能手機和平板設備的hyper-popularity意味著任何網站我們構建需要有能力來適應不同的屏幕尺寸。

RWD屏幕尺寸(通過invisionapp.com)

從設計師的角度來看,設計簡化了開發的過程中能夠使用的代碼元素或形狀而不是生產和上傳的圖形元素來實現這些。

以前,我們需要使用圖像某些效果,例如,圓角框或顏色的漸變,微乎其微的靈活性。然而,編碼-經常使用CSS指定元素靈活,能夠適應屏幕或瀏覽器窗口大小的變化。

這看到的流體網格的引入,這意味著他們呼吁頁面元素分級相關單位,如百分比,而不是絕對單位像素或點。更多的選擇和靈活性為設計師也更多的責任。現在需要額外關注頁面內容及其層次結構,因為它會“回流”這取決于設備。

未來

的確主線設計在過去的幾百年中網格。作為技術和媒介,我們吸收信息的發展,網格系統動作正確。技術進步發展和反應,并將繼續這樣做,我們繼續接觸媒體的新方法。

當虛擬現實耳機成為互動媒體的標準方法,或者即使我們找到一個方法來開發全息圖像,網格系統將改變和適應,但總是會有協助用戶在吸收信息。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容