前情提要：關於網頁設計師（自己說的） （一）

常常會有人問，當一個網頁設計師養不養得活自己？在回答這問題之前，先討論接一個案子的價格，或者說一位設計師的價碼是多少？（如果是父母親問你這些問題，為了讓他們不要擔心，你最好說你下禮拜就會換新工作）

在公司或大型工作室的正職我不清楚；全職的接案設計師我也不清楚，又因為我連兼職都不能算，所以說我的價碼大概沒有任何參考價值。

平常接的 case 都是人家介紹的，因為光是本業就忙到不可開支了，就所剩的空閒時間來說，頻率不高的介紹案剛剛好。如果剛好是在淡季的話，玩一些新的網頁技術、搞個小作品，或者到處友情贊助技術支援一下，都還不錯。很單純的，有 case 當獎金，沒 case 當興趣。（如果是這種情況，大概吃不飽）

再來討論一下完成一個案子所需要的時間。

一個案子，或者說做一個網站，就最單純的店家介紹頁面來說，包含首頁、介紹、交通與聯絡方式…等等，依需要再加個留言板或專門的相簿。以我薄淺的功力來看，耗掉兩個禮拜很正常。這還是在空出一個完整的周末為前題下的討論。如前所述，因為本業勞碌，網頁的案子常常只能利用半夜或謄出周末的閒暇來做，有時候一個行程滿檔，案子拖個一個月都有可能。

假設我放下本業，全職跳下去搞網頁，也許一個禮拜可以做一個案子。若業務再跑勤一點，一個月能接下三到四個案子。實際上不大可能。就我來說，寫網頁最困難的不是 HTML，不是寫 CSS，也是不是 javascript。最難的是平面設計。

平面設計就是美工，每次讓我擠破腦袋想破頭的就是美工。美工 = 美感，反映出人對於事物的喜好，顏色、線條、圖案、材料、比例、質感、溫度，直接地投射到人們的視覺感觀中。從某些角度來看，那是人生哲學，是設計師的原則與生活態度。

美感是難以在短時間內培養出來的，也不容易透過外在的訓練得到。因此，一位好的程式撰寫者也許可以寫出架構完美的 HTML 文本以及 CSS 樣式表，並符合 W3C 的規範，但他不見得能勝任網頁美工。你可以說，美工與程式是完全兩碼子事，它是十分自然的 trade-off。少有人能同時制霸美學與程式碼，在兩個領域都登峰造極。對於一位接案設計師，他要能獨自完成所有的工作，美與程式的權衡就會是個大難題。

網頁美工，無疑的需要大量的排版與修圖（在此不考慮 Flash 網頁）。先有文案，再講排版與美工。能用 CSS 樣式表或者其它類似的排版外掛來完成的，就先在程式面上，以向量的形式來實作（這裡的「排版外掛」指的是如 Compass 或 Foundation 這一類的 CSS 排版引擎／框架）。大架構出來了，再以 PS、GIMP 或其它修圖軟體繪圖。有時候是從零到有的草圖，例如網頁中的小飾物、logo 與 favicon；有時候要美化既有的圖片，又或者是在網頁中加入特殊的材料質感，這時候就需要外出取景。短焦、仿製、濾鏡、建立圖樣，這些是常用關鍵字。接下來，把所有加工後的圖片素材，無論是 JPG、PNG 或動靜皆宜的 GIF，放進網頁的內容中。

在上面的敘述中，雖然有次序性的規畫了工作流程，實際上在作業時仍需依情況微調：美工與程式幾乎是一體兩面。也許首頁的圖標太大，先改程式的排版寬度，再來修改圖片；找不到合適的標題字體，就依需要設計出含有標頭字樣，並與背景顏色相符的圖片替代。兩者一遷一動，密不可分。若根據數學的運算方法，網頁美工與程式代表的是「點陣」與「向量」，兩者的互相結合才能讓網頁生動活潑（向量也可以包含 svg 的構圖，但是在程式面上，其操作手段與插入點陣圖是相同的）。一個好的網頁設計師，也會是一位好的平面設計師（資訊媒介呈現者），但相反過來的話則不然。（這個問題有數學上的集合關係，通常的認知是網頁設計師是被包含在平面設計師底下。所以我想，還是把平面設計師拉到「資訊媒介呈現者」這個層級，並且包含能不能撰寫 HTML 文本的差別。在這些前題下討論比較沒爭議。）

透過適當的手段，把美工與程式分開也是可行的。除了依賴人為的管控，很多第三方軟體可以支援，以完成前、後台分離，讓美工人或程式人專注在自己的本份，不必去了解彼此的術語。當然，額外的人力與花費是其代價。另一種方式，單純的美工導向（在此還是不考慮 Flash），先以 PS 或 ID 設計出樣版稿，把整個網頁的外觀呈現出來，程式人再依樣版稿寫出網頁，圖片素材就是樣版稿本身。這種方式我試過，需要仰賴無間隙的溝通再溝通。專業的發展是一個手段，去成為一個 pro 的美工人或程式人；另一種方式則是系統整合人，接案的常常是這種情況。

因此，當你看到一位網頁設計師（用英文叫 web designer。我曾用這個字眼向德國的一位科技公司老闆自我介紹，他說「good」。表示他認同世界或 360 行中有這個職業），如果你能排除掉他是網管，或者是後端程式工程師，那麼你可以跟他討論 PS 或相片修圖的東西。如果他有潔癖或強迫症，千萬別向他提起你曾用過 Frontpage 或 Dreamweaver，因為這些人可是擁著 W3C，而且個個恨 IE 入骨！

（待續…）