1.4.2 早期的網站趨勢
從閃爍的文字到背景音樂,回顧90年代初的網頁設計趨勢
90年代初,網際網路才剛開始普及,網頁設計也還在起步。和現在比起來,那時候的網頁看起來既陽春又簡單,卻處處是大膽的嘗試。這篇文章回顧90年代初期的網頁設計趨勢,從閃爍的文字到背景音樂,看看這些早期的設計元素怎麼影響了當時的上網體驗。
閃爍的文字與動態效果
90年代初,HTML(超文字標記語言)是做網頁的主要工具。當時能用的標籤不多,設計師還是想盡辦法玩出各種花樣,其中最有代表性的就是閃爍文字。用<blink>標籤把文字包起來,它就會在畫面上一閃一閃,讓訪客很難不注意到。這種效果現在看來過時,甚至有點惱人,在當時卻相當流行。
動態效果是這個時期的另一個特色。設計師常用GIF動畫讓網頁動起來,內容多半是簡單的圖形或文字,不斷重複播放,替原本靜態的頁面多添一點生氣。以今天的標準來看,這些動畫做得很粗糙,但在當時算是相當新鮮的手法。
背景音樂與多媒體元素
背景音樂也是90年代初期網頁的一大特點。設計師會在頁面裡嵌入MIDI音樂檔,訪客一邊瀏覽,一邊就能聽到音樂。這種做法在當時很常見,個人網站和粉絲頁面尤其愛用。音樂可以營造氣氛,也讓瀏覽的過程多了一層感受。
除了背景音樂,設計師也開始嘗試把圖片、音訊和影片等多媒體內容放進網頁。這些東西現在隨處可見,在當時卻相當前衛。多媒體讓網頁內容更豐富,也有助於吸引更多訪客上門。
表格與框架布局
那時候的網頁布局相當單純,設計師主要靠表格(<table>標籤)來排版。把內容放進一格一格的儲存格,就能把頁面切成不同區塊,做出簡單的排版效果。表格用起來還算靈活,但限制也不少,遇到比較複雜的版面就顯得力不從心。
另一種常見的布局方式是框架(<frameset>標籤)。框架能把網頁切成幾個獨立的區塊,每個區塊各自顯示不同的網頁內容。這在當時很受歡迎,特別適合需要把導覽列和內容區分開顯示的情況。不過框架的缺點也很明顯:不利於搜尋引擎最佳化(SEO),維護起來也麻煩。隨著技術進步,這種做法慢慢被淘汰了。
色彩與字體的選擇
在色彩和字體上,90年代初期的網頁也有自己的味道。當時的設計師偏好鮮豔的顏色和強烈的對比,目的就是抓住訪客的目光。這樣的配色現在看來有點花俏,在當時卻是主流風格。
字體的選擇就單純多了。受限於技術,設計師只能用系統預設的字體,像是Arial、Times New Roman和Courier等。選擇雖然少,設計師還是會透過調整字體大小、顏色和樣式,變化出各種不同的文字效果。
超連結與導航設計
超連結是網頁最基本的元素之一。90年代初期,設計師通常用加上底線的藍色文字代表超連結,這個慣例到現在都還很常見。除了文字連結,設計師也會用圖片和按鈕做成比較醒目的導覽元素。
導覽設計在當時的網頁裡同樣占有一席之地。設計師會在頁面頂端或側邊放一排導覽列,讓訪客能快速找到想看的內容。這些導覽列多半只是簡單的文字連結或圖片按鈕,設計不算複雜,卻能實際改善使用者的瀏覽體驗。
回頭看90年代的閃爍文字、表格排版與框架,不難發現當時不少做法後來都因為難以維護或不利搜尋而被淘汰。今天規劃企業架站時,建議同樣先把易於維護、符合現行標準放在前面,再來談視覺與互動效果,網站才能跟著技術演進持續調整。