這是趁我自己還有印象的時候,寫給自己的紀錄。
說到網頁設計,你會想到什麼?或說要學習網頁設計,要學些什麼?現在估狗網頁設計,前面排的是一大堆網頁設計公司,RWD響應式設計,或是跟你說怎麼用wordpress或是其他架站平台服務。
我算是有幸從沒網路過渡到有網路的世代。又正好從網路剛飛入尋常百姓家的時候就接觸網頁設計。二十幾年前搜網頁設計,到十幾年前搜網頁設計,到現在搜網頁設計,找到的資料完全不同,呈現了網頁設計這二十幾年來的變化。
我最早接觸網頁設計是高中的時候,1998年左右,那時候台灣還沒聽過google,用的搜尋引擎是蕃薯藤、奇摩或openfind。會接觸網頁設計,是因為那時候想在網路上跟其他同人誌族群交流。那個年代搜網頁設計,網路上有的資料就是教你html,還有各種免費網路空間資源。於是想要在網路上展示自己畫的圖,就自己用記事本寫網頁,然後找個免費網路空間放上去。那個年代,每個做網頁的人,都一定會寫html。如果網站要有留言板,那就是找CGI留言板來用。
大學的時候學校電腦課,才知道原來有frontpage這種所見即所得的網頁軟體。大二大三的時候,阿貴網路動畫正流行,還有幹樵龍跟賤兔。差不多時間接觸了flash跟dreamweaver。當時學得比較多是flash,對dreamweaver只有略微接觸,但沒怎麼使用。
直到2003年開始找工作,一開始還是做flash動畫相關,但正好公司也有網頁設計師,從那時候才正式接觸用dreamweaver做網頁。
那個時候還沒有什麼前端後端的說法。網頁設計師大多就是做版型設計跟網頁切版,現在所謂後端在那時候我們直接就說程式設計師。那時候css只能做比較基本的設定,還沒有可以做排版定位的屬性,所以還是用表格切版。版型設計也大多使用photoshop。這時候的html還混雜著很多行內的樣式設定。
大概是2007年左右,以前的同事已經到別的大公司工作,我聽他說現在已經改用css切版,不使用表格切版了,說是網頁設計的趨勢。我想說我能力也沒比他差,既然他學得會,我應該也沒問題。於是上網找資料,找到 css Zen Garden ,從這裡開始進入css切版。html在這時候正式與樣式設定切割乾淨,成為單純的網頁骨架結構。這是我在網頁切版第一次技術上的大更新。
2008-2013,我同時有正職工作,也在社大教網頁設計。前後期感受最大的變化,是發現網路上的國外的免費空間漸漸沒了,還有社群網路的興起。
在2013以前,網頁設計只要考慮桌機。2013以後,手機網頁設計風潮從國外流行到台灣,於是開始有RWD響應式設計。但我一開始對此並不熟悉,所以當時的公司網頁,我是另外做手機版的小網,手機版與桌機版使用不同的網址,採用大小網的做法。
然後這段時間做網頁切版最煩的就屬於要同時相容於IE6~IE10以及Chrome跟firefox,那時候網路上有各種css hack的資料。
2014年後,我正式往RWD響應式網頁邁進,這是我在切版技術上第二次的大更新。然後差不多也是在這個時間點,網頁設計開始有所謂前端後端的說法。這時候我只覺得我自己的定位很尷尬。因為一直以來我雖然有很努力嘗試想學會javascript。付費課程也上了不少,但不行就是不行。能力就一直停留在只會套用一些比較簡單的jQuery。而他們前端工程師說的那些框架,我完全不懂。所以說工程師我也不是工程師,但對切版我是很有把握也駕輕就熟。
然後開始RWD後,到現在也10年了。在技術上我自己還多了一個過渡,就是從float切版過渡到flex切版。css在這麼多年也更新了很多,但我一開始其實對更新自有css知識有點排斥,也許習慣一個方式久了,多少會有點這種症頭。是長期合作的工程師跟我說flex有多方便,加上他又很會教,所以在他說明之下我才很快上手。
網頁設計的環境也變了很多,從最早大家都要找公司做網頁,到後來流行wordpress架站,以及各種架站平台的興起,架設網站已經走向一個成熟但也逐漸被很多服務競爭的狀態。
版型設計的軟體,也從最早使用photoshop,中間用過一點zeplin,到現在改成使用adobe XD。我也知道有更多公司不再使用本機端的app,而使用網路app例如figma來做版型設計。
未來10年,網頁設計還會有哪些變化呢?也許10年後,我可以再來寫一篇吧。