【網頁設計】9個運動繪圖網頁簡史

發布時間:2019-10-29 12:55:00

現在,有很多工具可以幫助我們設計,但我們仍然需要處理不同的瀏覽器。這讓人不禁要問:為什么復雜的事情會更簡單,而簡單的事情會更復雜?

【網頁設計】9個運動繪圖網頁簡史

現在,有很多工具可以幫助我們設計,但我們仍然需要處理不同的瀏覽器。這讓人不禁要問:為什么復雜的事情會更簡單,而簡單的事情會更復雜?

讓我們從關于設計師是否應該學習代碼的爭論開始??纯淳W頁設計的歷史,看看人們如何才能彌合編碼和設計之間的鴻溝。

網頁設計的歷史始于黑暗——屏幕是黑色的,只有單色像素漂浮在屏幕上。設計只能用字符和表來實現。所以,讓我們進入平板用戶界面的時代,表單的先驅時代。

形式-一切的開始(1995)

瀏覽器的誕生邁出了網頁設計的首步。最接近信息架構的概念是html格式。從david siegel的《創建殺手網站》一書開始,人們試圖將動態細胞和靜態細胞結合起來,用表格來嵌套表格。盡管將表單分配給非數據處理有些錯誤,但這在當時是一種常見的做法。另一個問題是如何平衡這些支離破碎的結構。當時,另一種叫做slicingdesign的方法非常流行。設計人員控制結果,但web工程師將頁面分成幾個小部分,然后研究如何使設計工作順利進行。另一方面,表單有一些很好的功能,例如保持元素垂直對齊,并使用像素或比例控制其大小。表單的優點是它們非常接近網格,但從那時起,許多工程師決定不做后端工作。

雪中炭的javascript(1995)

自由的黃金時代:閃光(1996)

另一項突破網頁設計局限性的新技術是flash,它支持任何圖像、層、動畫、交互視圖。設計人員需要將文檔打包到一個文件夾中,并將其發送到瀏覽器進行顯示。只要用戶下載的flash插件并等待一段時間,就可以看到flash的神奇效果。flash迎來了splash頁面的黃金時代,它有大量的彈窗和地圖來引導用戶訪問其他網站。然而,flash對搜索并不友好,而且會消耗大量流量。2007年,當蘋果推出新款iphone時,flash被關閉,網絡設計的flash時代結束。

flash附帶的另一項重要技術是層疊樣式表(css)。最基本的想法是將演示與內容本身分開。樣式用css語言編寫,內容用html語言編寫。css的版本是僵化的,但問題是不同瀏覽器的適應性。瀏覽器花了幾年時間才實現css支持,在此期間,開發人員必須同時處理啟用css和未經批準的css瀏覽器。

要出現在手機上,網頁本身就面臨著巨大的挑戰。設計師不僅要考慮如何在不同尺寸的屏幕上改變設計,還要考慮如何在小屏幕上投放廣告等等。裝載速度也是需要考慮的一個因素。如果你下載太多的內容,流量會非???。改進這些問題的發明是網格。經過多次實驗,960網格系統勝出,設計者開始使用12列模型進行設計。第二部分是規范表單、導航、按鈕等的設計。例如,建立一個數據庫來記錄這些數據的模式。這也使得web頁面和應用程序之間的界限變得模糊。缺點是設計人員仍然無法直接知道代碼如何影響輸出。

有人想挑戰這種情況,想讓同一個設計出現在不同的設備上,于是響應式設計應運而生。雖然在html和css中進行了編輯,但是概念上的飛躍已經發生了。盡管存在很多誤解,但在設計師看來,響應式設計意味著在不同的平臺上做同樣的事情。對于用戶來說,網頁可以很容易地在移動端實現;對于開發人員來說,這意味著改變圖片的處理方式,優化下載時間,等等。最重要的優點是響應式設計使內容制作更加簡潔和純粹。

我們在復雜的設計上花了太多時間。幸運的是,我們終于回到了設計的基礎——去除不必要的陰影,仔細選擇好的照片、字體等等。我們把簡化設計元素的趨勢稱為“平面設計”。這給設計師帶來的***好處就是設計格式易于復制,提取出層次性的文本信息。你也可以使用許多精心設計的圖標來制作按鈕和創建漂亮的字體。所有這些使得網頁設計似乎回到了過去。

現在,網頁的設計過程越來越可視化——想象一下,設計師只要在屏幕前揮動手指,就能操縱各種元素的狀態;想象一下,開發人員不再擔心瀏覽器的兼容性,而是專注于解決實際問題!

從技術上講,我們看到了一些迎合這一趨勢的創新。例如,css中的newunits,其vh和vw(viewport height和width)使元素的放置更加可變;flexbox允許設計師完成簡單的頁面設計,而無需將任何代碼作為css的一部分編寫;web組件是一個更大的部分,這意味著可以打包一系列元素。它引入了工作流的概念,使元素更易于重用。

————————————————————————————————————————————————————---


聯系我們,談您的需求

立即咨詢
青海十一选五走势图表