點陣向量大不同

文/林志男

我想大都數人在小的時候都很喜歡看卡通，下午五點到五點半也成了六年級生小時候必定乖乖的坐在電視前幻想的時間，小甜甜、小飛俠、霹靂貓、湯姆流浪記…這 些以向量概念產生的卡通人物，都是陪伴著五六年級生成長的重要角色。以理性的角度來看，飽和度高的圖像對於每個人都有無法抗拒的魅力，這樣屬性的圖像跨領 域的直達大家內心深處，從平面到網路多媒體，從日常生活到工作都無法不去注意這些東西的存在，且與我們的成長有著密不可分的關係。

簡單的說，點陣是指圖形是由一塊塊像素（Pixel）組合而成，比較適合表現圖像的層次及質感
向 量則與而向量圖的顯現就不是像點陣圖那樣是由一顆顆的像素將圖形構成，向量圖是使用數學的運算方式也就所謂的節點，呈現出各種形狀、直線、曲線、顏色等種 的變化。由於是用數學運算的方式，所以向量圖不管被放大、縮小、或是旋轉，都不會影響到原有的畫質呈現。但向量圖也是有它的侷限性，由於是用數學運算的方 式產生，因此無法表現出點陣圖的層次及質感，向量圖比較適合表現圖像的線條變化。

延 續到網站設計上，向量與圖像的表現方式若以兩者來比較，向量的表現方式會來的有想像空間，比如說運用在網站的呈現方式上，點陣圖的表現因為被現實的圖形或 影像所拘束著，在表現上大都都以拼貼的方式呈現，不過值得一提的是，因為軟體的屬性限制，當點陣圖的線條表現在動態上，眼尖的觀眾可以看出一些技術上的破 綻。以下就舉幾個案例跟各位看倌分享先～

圖像拼貼(點陣構成)
台灣大哥大Kuso驚馬獎http://kusofun.flash2u.com.tw/

這是一個典型的例子，也是作者相當喜歡的一個視覺創意表現，用七年級的溝通方式，"讓消費者輕鬆參與"。 延續電視中廣告的創意，設計了有趣的創作空間，讓網友自導自演四格漫畫，還經過重新排列影片片段順序之後，創造了各種不同的趣味故事，此外，也以新穎的技術，讓網友拿起麥克風，

天馬行空地配合電視的廣告故事情節，讓網友自行錄製KUSO的創意台詞再上傳網站中進行票選。除了這些吸引度相當高的誘因以外，網站整體視覺運用類似風格迥異的超現實畫家Mark Ryden怪異且不協調的風格，搭配豐富的層次與詭異的空間感，拼貼出在邏輯與否之間徘徊的有趣作品。

日本ABC LAND不動產http://makibishi.co.jp/WORKS/ABC_LAND/index.html


日本東京寸金寸土，不動產業也是各出奇招，就目前作者所看到的，ABC LAND不 動產的網站運用層次拼貼的方式與精緻的插畫風格吸引年輕族群的注意，網站視覺運用強烈的層次感加上互動的方式將網站表現的活潑且讓一般人對於不動產這樣生 硬的產業，多增添了些親和力，給網友在沒有壓力的情況之下了解其網站的訴求。證言的機制，也為網站吸引不少欲購屋者的興趣。

由此可見，圖像拼貼的方式不僅僅為網站帶來效益，也為網友建立了些童趣的想像空間，
間接的了解網站本身的主要目的，達到預期的目標。


手繪插畫(向量構成)
MediamonksGames遊戲網站http://www.mediamonksgames.com/olympics/?l=en&ref=fwa


遊戲網站往往都是坐辦公室的網友的最愛，上班之餘可以藉由網站遊戲來紓解工作帶的的無力感，
轉移注意力達到放鬆的效果，飽和的色彩也是主要的放鬆條件之一。
mediamonksgames的網站充斥著濃濃的美式漫畫風格，人物以全手繪的方式呈現加上眾多有趣的遊戲機制，表現了極大的誠意，人物與物件的粗線條，也大剌剌的表現出美式畫風的獨特魅力；此外，MediamonksGames的前身Mediamonks工作室(http://www.mediamonks.com/)也是用作業上煩瑣而且非常傷腦力與眼力的像素來表現自己獨特的風格。

所以，繪畫也是一種語言，就算是簡單的線條或者幾個簡單的色塊，這是點陣圖像所無法作到的；

雖然點陣圖像詮釋著另外一種不同的語言，但最終的還是不及向量線條裡所訴說的特殊情感。

不管是廣告素材也好，活動網站也好，在詮釋視覺風格時別忘了要放入。
目 前網路日新月異，頻寬速度也慢慢放寬，相信讀者應該不然難想像，以後網頁與多媒體的結合做出來的網頁會有多炫麗會有多麼的有互動性，點陣與向量的屬性固然 不同，但若能互相搭配使用，用向量的飽和度來彌補點陣的模糊缺點，這樣交互應用的情況下，就算沒有其他外來的軟體做輔助，相信也會是一個相當出色的作品。