關於網頁設計師(自己說的) (二)

前情提要:關於網頁設計師(自己說的) (一)

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

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

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

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

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

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

Photoshop_CC_icon

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

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

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

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

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

ie_troll

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

(待續…)

廣告

2 Replies to “關於網頁設計師(自己說的) (二)”

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s