網頁設計如是說

幫新聞系的老公畢業作寫的採訪稿

深夜，窩在床上，使用筆記電腦與無線網路，科技使得生活的舒適度提升了，原本遙不可及的夢想，似乎一蹴可幾。

那句強而有力的SLOGON「科技始終來自於人性」似乎是科技發展到某一個階段的豪語。的確，科技原本給人的印象彷彿與「冰冷、生硬」脫不了關係，實用與精緻／美麗簡直王不見王──而這個時代竟也出現了惠普與康柏；微軟與JAVA這類死對頭攜手合併／合作的不可能的任務，「科技始終來自於人性」這句話不但是科技的承先，倒也同時兼具啟後的關鍵。

在幾年前，網頁設計還剛剛在萌芽階段，「網頁設計」這個工作其實是分為兩個部分──網頁與設計──網頁是屬於程式部分的，設計是屬於視覺部分的，在那個實用與美麗還是死對頭的時代，程式設計師與視覺設計師似乎也是如此，整天在爭吵。程式人員腦中的完美就是「網頁跑得快」，而跑得快，網頁組成當然是越「簡」越好，然而，他們腦中的「簡」，在視覺眼中幾乎就跟「陋」沒兩樣，衝突的導火線就在這裡。網頁成品永是兩邊都勉強同意的拉鋸成品。多年後的現在，網頁成為所謂的「定型化」設計模式，程式與視覺逐漸走向合而為一，視覺同時具備了「定型化程式」(如目前風行的PHP架站程式xoops、PHP NUKE等)撰寫或者修改的能力，他們只要將專業的程式設計師設計好的程式模組，運用本身視覺設計的能力加以修改「版型」，就能創造出風格獨特又具有基本「架構」的網站，其後，只需在後台輸入文字／圖片資料，程式即能自動編排出「定型化」的版型了。

而日益簡便的程式與視覺設計，創造出愈益大量的網站，提供龐大的資訊，「設計」本身，似乎被忽略的。我們看到現在的網站使用大量的FLASH動畫、JAVA效果、三分鐘即可架好的超級程式，但是設計的概念在這些炫麗外表下卻顯得貧乏。所以，看來看去似乎都是換湯不換藥。同一設計者或團隊設計出來的作品(或說商品)都是極其類似的風格，網頁設計逐漸遠離了設計。

不過，也有一群人反其道而行。他們本身並非職業網頁設計、甚至也不是很懂程式，但是，他們也不是隨便套用別人做好的版型，他們一樣以自己的意志或個性，「創作」出屬於自己；或替他們作嫁出網站來。他們有些甚至也非平面設計，卻有著可媲美設計師的概念存在於心。這些人創造出的網站，除了用心之外，更有著一種堅持與獨特性，而非專業「作品」那樣刻板(雖然刻板也沒不好)。我訪問了三位不同身分的網站「創作」人，他們分別是就讀大學英文系的brianjim、職業為平面視覺設計的周秀英，與創作歌手兼電台DJ何欣穗，從他們製作網站到他們的生活，一起來窺視「設計」對他們激發出來的化學反應。

堅持色彩與光線的brianjim

老實說，我跟他認識了很長一段時間了，而且，相處過程相當科技／虛擬──我們是因為合作一個歌手的網站而相識的。當時我寫了一系列的關於此歌手的文字，他以我的文字為基礎，輔以此為歌手音樂的性質等元素，創造了一系列的網頁。我們工作的模式是我將文字MAIL給他，他在閱讀過後，會將設計概念MAIL回覆給我。網頁風格是以「顏色」為主軸，他是一個對顏色相當敏感的設計者，他好用色塊來組成網頁，並且搭配經過處理的圖片──這些圖片往往是抽象圖形，或者是像被硫酸鎔蝕過後的照片，造成一種夢幻且不真實的感覺。對他來說，網頁的「顏色控制」幾乎成了設計的核心，其餘的版型、框架等等似乎都不是特別重要。

而他日後製作的個人網站，則添入了影像部分，他花了大篇幅在設計主題式的數位照片，甚至以月為單位，拍攝不同主題的照片。所以，個人網頁對他來說等於是一個大型的數位相簿。

以下，是brianjim的訪問。

１。能不能簡單說說當初怎麼會想去做網站的？又是如何學習其中的諸多技術與概念？

其實一開始只是趕流行而已……因為當時免費空間非常多，幾乎只要會上網的就想要擁有個人網站。一開始我的網頁做得很爛，因為只是純粹玩票性質（我第一個接觸的網頁編輯器是Netscape！很簡單，但是做出來的東西也很糟糕）。到後來因為慢慢學了FrontPage（用的是英文版，所以花了我好一段時間來熟練它的功能），把基本的東西弄懂以後，又學著用FrontPage附贈的Image Compressor來做影像處理，在這之後我做的網頁才有比較顯著的進步。

２。你對網站風格的定義為何?好比，你希望你製作的網站變成什麼樣子、你要如何答要那個樣子?是利用本身對於設計概念的認知；抑或你本身對繪畫、美工有興趣，進而有一定的能力來達到實踐你意念的技術?

「網站風格」其實是一個人對於自己網站的喜好……就像我不是喜歡畫畫的人，我就不會做出那種有很多插圖的網站；所以大部分的時候我比較偏重在色彩計劃上，而那就是我的風格；其次，每個網站不同的版面配置與顏色上的選擇，對我而言，差別比較小。

「設計」是製作一個東西之前必須要有的東西，就算是很糟糕的網站，也都經過一定程度的設計，只是呈現的方式可能不那麼高明。要能「高明」地呈現，需要有美感與技術的基礎。技術的部分剛才已經說明過了；至於美感，就算是不喜歡畫圖的人（就是我）也多少有那麼一些。我自己認為我能夠掌控的，是色彩的呈現；從這個地方下手，一切就會變得很簡單，因為其他的只是附屬的枝節。

３。做自己的網站，與製作別人的網站應該會有不同的考量。你是如何看待「個人網站」與替其他人製作的網站，你是用如何的態度去完成這兩種設計?

其實基本上是一樣的，我想要做出自己認為「美」的東西。只是做自己網站的自由度比較高，做別人的網站的時候，多少要考慮對方的想法，所以我原本的構想會被犧牲一些。

４。網頁設計，其實與設計者本身對於「設計」這個概念的認知與想法有很大的關係。妳對於「設計」這個名詞有什麼想法呢？面對自己的日常生活，妳會將這個概念如何結合，抑或生活和設計是分開的？

關於「設計」，在前面已經提過了；或許這個動作是這樣來的：我希望我的房間變成什麼樣子，然後我會去構想一個可能的樣子，再來才是採買家具之類的事。同樣的，每天出門穿的衣服、三餐吃的東西、東西擺放的位置，其實都是經過「設計」的，所以「設計」其實是我們每天都在做的事情。或許，我穿的衣服和我做的網頁很像也說不定（笑）。

５。未來會想要將這項能力真正變成一項「職業」嗎?為什麼?

不會。因為「美感」幾乎每個人都有，所以現在的網頁設計師必須在技術上比人卓越。所以目前我回答「不會」的原因，是因為我連flash都沒學過。如果有機會、有時間學的話，可能我的答案會改變吧，但目前我並沒有那個打算。

討厭芭樂設計的設計師周秀英

周秀英是本次訪問中，唯一一位比較屬於專業「設計」領域的人。她花了五年的時間，自澳洲拿到了互動式多媒體互動設計及平面設計的文憑回到台灣，而且，一直以來都只對畫圖與攝影感興趣。基本上，她有著美術家對生活的隨性，而相對的，又有著藝術家的堅持。目前，秀英是平面設計師，偶爾接接簡單的網頁case。

在訪談過程中，我發現她對於生活日用品的設計非常地挑剔，訪談中我使用一台新買的SOLOMON P353 MP3進行錄音工作，她瞄了一眼，直說好醜!訪談結束時，她提到她對台北１０１的新加坡書店「PAGE ONE」的設計非常沒有好感。

「那個過低的書架，連我這麼矮的人都受不了!芭樂得跟圖書館沒兩樣」她說。

對於網頁設計，她表示其實在學校大致上都有學過，「只是我還是對平面影像比較有興趣」，敲她的通告非常之不易，因為她非常地懶惰……

「我爸每天只要我太早回家，就會說：『妳被炒魷魚囉?!』因為他認為像我這麼懶惰的人，應該沒有老闆想用我吧!」我開出她接案製作的專題網站「臺北市國小教育與世界接軌」時，她直嚷著：「那個太芭樂了!以前我在學校，有位教FLASH的教授，她都規定我們不可以用直覺式的軟體製作，非去改裡面的程式與CODE不可。其實我覺得，像春水堂那種”阿貴”、”幹搞龍”之類的，對我來說都是不及格的，舉例來說，它的對話動作過於粗操，腳步、姿勢等等都不夠細緻。」

對我羅列提出的問題，她也嚷著：「這樣訪問很芭樂ㄟ……而且我懶得讀中文字!」

「我從小就不愛唸書，大概只對畫圖有興趣。可是，我超愛理化的力學；還有生物的解剖。高中時代去讀復興美工，讀完，覺得大概還是去國外唸個與美術相關的科系，回來還能嬌小孩畫圖騙點錢之類的，就去澳洲了。

「基本上我喜歡拼出來的東西。我在澳洲上攝影課時，拍了很多黑白照片……給你看喔?唉，我懶得找，哈哈!

「我對網頁設計大概就秉持著”有錢有閒才去做──不過我這輩子大概都很難達到吧!哈哈!像我製作「慾望咖啡館」──這是一個朋友委託我做的網站，個人網站喔?我懶啊……那個慾望咖啡館就用了許多拼貼圖案。老實說我對做圖的興趣比較高，做網站太煩了!但是，我倒是蠻愛玩軟體的，可惜，做美工不用MAC根本做不好，和MAC相容的軟體太少了……

「設計概念這名詞太嚴肅了啦!我的概念只要不芭樂──芭樂的定義喔?我不知道ㄟ……哈哈……我要看過我才知道……像你列的問題中，提到『日常生活』，但是我覺得這問題其實對我來說很不重要。我只要活得快樂就好，設計也是，讓自己舒服就是一種設計；讓自己感覺不舒服就芭樂囉!」

服膺DIY精神的Ciacia 何欣穗

她是歌手，也是詞曲創作人、製作人、作家……但是，我喜歡她的部分，卻是她自認玩票性質的網頁設計。對於做網站，她只說「想做就做了」──我覺得這就是非專職設計師與專業最大的不同「想做」與「職業需求」的差別──我認為Ciacia在她的書《筆逗言》中，將她的生活與創作做了一次完美個結合，她是一個力行DIY精神的、有點興趣就去玩、三分鐘熱度後就換興趣的人，隨性，但是，這才是真正的藝術家。

她的個人網站，雖然不可免俗地「個人作品搜羅庫」，卻也多了與歌迷互動的功能。一般藝人網站都是公司花大錢請專業設計公司弄炫麗效果歌手根本不會上去看，但是Ciacia就是專為自己與歌迷打造一個空間──這也是我認為非專業與專業網站設計最不一樣的地方。

１。能不能簡單說說當初怎麼會想去做網站的？又是如何學習其中的諸多技術與概念？

舉凡新鮮、可隨心所欲創作的事物我都蠻有興趣親手觸碰的。

突然有一天，就是想做了。於是買書，一面翻書、一面開始執行。

我自認為工具書很重要，需要找適合自己的一套。

對初學者來說，夠白話的解釋，沒有專業名詞的賣弄，會比較淺顯易懂，step by step去 follow。當然，在製作的過程當中，得寸進尺的大腦絕對是隨時存在的，當你開始學會皮毛，對於一個空白畫面的諸多想像，自然而然就會去觸碰更深層面的技巧，以便達到你要求的目的。於是，在摸索與遊戲的過程當中，完全不勉強的獲得自己所需要的知識。
２。妳製作的網站風格，像「倔強女聲」或者「赤腳不辣」，採取的都是以簡單的線條與白底黑字的極簡風格，相較於妳在妳的書《筆逗言》中的繪畫，採取色彩濃烈的色塊構圖，有著截然不同的風格。對於這兩種不同的方式，妳當初在設計的時候，有什麼想法呢？

因為我不會。我沒學過設計，美學，都沒有。與其雜亂無章的色彩運用，倒不如乖乖的用最簡單且單純的顏色，避免有不小心就俗掉的危險。呵。但對於色鉛筆，由於筆觸本身便會造成天然的線條，那種立體的鮮豔色彩對我而言，與平面是截然不同的兩種狀況，我也很難解釋。藝術反正就是主觀嘛。呵
３。做自己的網站，與製作別人的網站應該會有不同的考量，和替自己寫歌或幫人量身訂做歌曲一樣。替亂彈阿翔製作「赤腳不辣」網站時，妳的設計概念相較於製作個人網站時，有什麼不同的考量或想法呢？

我也很不會。觀察別人是一回事兒，把觀察到的用有形的畫面或者語言去闡述，對我來說其實比登天還難，連自己內心的感覺都很難表達得透徹了…所以常常被退稿啊，通常都是巧合，剛好我寫的東西迎合了對方的實際生活或者符合了當時的企劃需求，我並不認為這是"量身訂做"，完全是一個巧。哈。

關於赤腳不辣網站，我想阿翔給予我所有的決定權，完全不囉唆，所以好做呀。
４。網頁設計，其實與設計者本身對於「設計」這個概念的認知與想法有很大的關係。妳對於「設計」這個名詞有什麼想法呢？面對自己的日常生活，妳會將這個概念如何結合，抑或生活和設計是分開的？

這題很難。我pass可以嗎？

注

brianjim的網站http://limbo.idv.bz/

何欣穗的網站 http://www.ciacia.com.tw/

周秀英的網站 下輩子吧!