早在 1993 年, 第一個網站了: 純文字 WooCommerce 網站開發人員在歐洲核子研究委員會 (的地方) 。這是一個巨大的進步在技術、文化革命的催化劑, 真的, 真的無聊的看。設計選項沒有現成的第一個網站, 但已經成為分離從業餘愛好者和普通專業的線上內容。
1990 年代
90 年代看到暫時停歇在基於網格的設計中, 選擇喜歡的風格大衛·卡森和寶拉謝爾變得更受歡迎。
這是一個反應對網格的固步自封, 尤其是它的教條的使用和與企業文化。結果是許多設計師拒絕系統支援一個更有機的, 風格和激進的結構。
但隨著計算機設計的興起——尤其是那些 web——帶著它的返回受歡迎基於網格的設計。 90 年代的激進風格將會阻礙資訊的消費, 因為網格有 WooCommerce 獨立站網頁設計中的實際應用。
編碼/排隊元素的 X 或 Y 座標 (即列或行) 遠比擁有更容易安排元素定製, 具體問題具體分析。到了 90 年代後期技術發達, 瀏覽網站質量的吸引力。
事實上, 網路增長如此迅速的崛起, 發展讓網站更容易和更專業的生產以指數增長。從設計師的角度來看, 發展是關鍵閃光.
Flash(ahh-ahhhhhh) 允許 web 頁面元素的動畫, 剪紙藝術的方式對多使用者無法比較。其中包括動畫按鈕 (而不是簡單的超連結), 甚至是遊戲。您可能會說,Flash 是真正的網上多使用者互動性的誕生。
2000 年代
回到過去, 開發商只有 HTML 定義文字結構。他們可以定義一段 (
) 或標題 (
) 等。選項是有限的設計: 開發人員使用 HTML 的發明——儘管並不總是嚴格正確的方式佈局頁面和大量的 HTML 僅在特定的瀏覽器 (“您需要* * * *瀏覽器檢視這個頁面”, 還記得嗎?) 。
瀏覽器大戰 (透過 thebrowserwars.tumblr.com)
最終, 層疊樣式表 (CSS) 出現解決這個問題: 將工作與 HTML 提供豐富的佈局和樣式選擇設計師這個函式在所有的瀏覽器。
在 2000 年代的另一個發展是拖拽建築商和所見即所得的介紹 (“您所看到的就是您得到的”) 編輯器。他們的意思是更容易佈局網頁視覺。這些工具允許設計師與負編碼經驗來建立 web 頁面使用熟悉, 桌面出版工具風格。
這使工作流程更有效率, 可以迅速識別並解決任何問題或更改。這是為什麼 WYSIWYG 首先開發了但是後來被孩子想關於寵物的部落格或者同樣無趣的東西。
專業的 web 開發人員不再使用所見即所得 (一些從來沒有), 因為它們是臭名昭著的壞的標記 (不正確的和臃腫的程式碼), 從長遠來看會導致更多的問題比一個 WYSIWYG 編輯器提供了修復。
但最重要的進步在 2000 年代被釋放寬頻網際網路大眾。與以快得多的速度傳輸資訊的能力, 設計師不受他們的頁面可以包含多少資訊。編碼變得更加複雜, 進而提供更多的方法和靈活性來開發一個網站。開發人員可以構 WordPress 建網站更多的多樣性, 給設計師更多的選擇, 因此更多的控制, 在他們的工作。
2010 年代
在過去的六年裡, 關鍵的發展響應設計對不同的裝置螢幕大小, 允許靈活的網格。智慧手機和平板裝置的 hyper-popularity 意味著任何網站我們構建需要有能力來適應不同的螢幕尺寸。
RWD 螢幕尺寸 (透過 invisionapp.com)
從設計師的角度來看, 設計簡化了開發的過程中能夠使用的程式碼元素或形狀而不是生產和上傳的圖形元素來實現這些。
以前, 我們需要使用影像某些效果, 例如, 圓角框或顏色的漸變, 微乎其微的靈活性。然而, 編碼-經常使用 CSS 指定元素靈活, 能夠適應螢幕或瀏覽器視窗大小的變化。
這看到的流體網格的引入, 這意味著他們呼籲頁面元素分級相關單位, 如百分比, 而不是絕對單位畫素或點。更多的選擇和靈活性為設計師也更多的責任。現在需要額外關注頁面內容及其層次結構, 因為它會 “迴流” 這取決於裝置。
未來
的確主線設計在過去的幾百年中網格。作為技術和媒介, 我們吸收資訊的發展, 網格系統動作正確。技術進步發展和反應, 並將繼續這樣做, 我們繼續接觸媒體的新方法。
當虛擬現實耳機成為互動媒體的標準方法, 或者即使我們找到一個方法來開發全息影像, 網格系統將改變和適應, 但總是會有協助多使用者在吸收資訊。