像素風格

像素風格/Pixel Style 資料整理 王開立

課程單元 ▓ 像素風格的定義 ▓ 像素風格的探索 ▓ 像素風格的特徵 ▓ 像素風格網站介紹 ▓ 像素風格的藝術價值 ▓ 像素風格的創作欣賞

1

▓ 前言 像素風格繪畫是一種以「像素」（Pixel）為基本單位來製作的電腦繪圖， 通常是以點陣圖（Bitmap）的形式呈現。 像素風格是從電腦最原始的圖像表現方法，逐漸演變成為一種獨立的數 位藝術創作風格，所以通常被人稱為「像素藝術」（Pixel Art），有時也被 稱為 Dot Art。 像素風格最早是源自電腦應用程式螢幕上的「電腦圖像」（Icon），以 及早期的 8 位元電子遊戲，近幾年來則被廣範的使用在網頁圖示、遊戲機裡 的小遊戲、即時通訊軟體裡的個人造形等。 而像素風格繪畫的學習非常簡單。基本上只要俱備「鉛筆工具」的繪圖 軟體都可以製作出像素繪畫。例如 Windows 內建的簡易繪圖程式小畫家即 可。而其他較複雜的專業影像處理或繪圖軟體，像是 PhotoShop 或 PhotoImpact 等，也都具有繪製像素繪畫的能力。

2

▓ 像素風格的定義 所謂「像素風格」(Pixel Style)或稱為「像素藝術」(Pixel Art)，主 要是指某些採用「像素」(Pixel)為單位所完成的「數位插畫」(Digital Illustration)作品。Pixel Art 的發展歷史由來已久，從早期開發電玩遊戲 所使用的「點陣圖形」(Bitmap Graphic)、電腦螢幕的「圖形使用者介面」 (Graphical User Interface)應用，到「電腦圖像」(Icons) 設計等，都可 發現它們的蹤影。特別是近年來拜網際網路傳播之賜，讓 Pixel Art 成為另 一項風靡全球的創作素材，深受許多網頁設計師的青睞。Pixel Art 的創作 表現看似簡單，但卻擁有一套嚴整而明確的設計模式，讓設計者得以依循； 而這套模式絕大多數又與平面造形、幾何構成原理有著密不可分的關連性， 值得加以探討。 具體說來，像素風格是一種在圖形線條上刻意保留鋸齒特徵的創作風 格，它的出現與發展早已經難以考證；但根據文獻的記載與判斷，Pixel 圖 形的應用必定與兩件事情的快速發展有關：第一是「電玩遊戲」(Video Gaming)，第二是電腦「圖形介面」(Graphical Interface)的發明。

▓ 像素風格的探索 「像素風格」一詞在英文辭典中並不存在，它是從 Pixel Style 一詞中直 譯而來的，所指是以電腦點陣圖形的基本構成「單位」(Unit)-「像素」(Pixel) 作為元素所完成的「數位插畫」(Digital Illustration)作品。而這一類型作品所 延伸出來的藝術形式在設計界稱之為「像素藝術」(Pixel Arts)。 像素風格近年來廣泛流傳於網際網路之間，深受許多網頁設計師的青 睞，這種特殊的表現形式，就在同好者彼此口耳相傳之際，迅速蔓延到世界 各地。具體說來，像素風格是一種在圖形線條上刻意凸顯鋸齒特徵的創作風 格，它的出現與發展早已經難以考證；但根據文獻的記載與判斷，像素圖形 的應用必定與兩件事情的快速發展有關：第一是「電玩遊戲」(Video Gaming)，第二是電腦「圖形介面」(Graphical Interface)的發明。

3

(一)電玩遊戲 回想二十多年前，當個人電腦尚未普 及時，風靡全台的「電玩遊戲」(Video Game) 螢幕上所呈現的圖形就是像素風格的早期 面貌；小精靈、小蜜蜂還有後期的任天堂 超級馬利等都是許多人成長過程的共同記 憶。早期的電玩遊戲受限於螢幕顯示效果 和電腦運算速度，所呈現出來的圖形大多 簡陋又粗糙，舉凡造形的精緻度或是色彩 的豐富性，都無法與現今的電玩相提並 論。可是如果仔細品味這些早期的圖形設 計，會發現到其中所蘊藏的幾何趣味，卻是現代電玩逐漸忽略的部份。儘管 這幾年來，數位科技呈現等比級數的快速發展，螢幕顯示效果也早已經超越 百萬色彩，然而這種樸拙的像素，非但沒有被向量圖形所取代，反而在這兩 三年席捲全球，接連出現在世界著名設計師的作品之中。 從電腦發展歷史來看，電玩遊戲的確是像素藝術發展的溫床；相信當年 那些伴隨著電玩一同成長的新世代族群，對此會有更深刻的體認。 一位醉心於像素創作與電玩開發的藝術家 Tom Ziolkowski 認為像素藝 術存在的原因有二： 第一是「懷舊」(Nostalogia)，電玩曾是許多人成長過程中不可或缺的最 愛，成為數位設計者之後，過去鍾愛的電玩,理所當然就成了我效法的對象。 第二是當前我們對於低解析度、低色彩的數位產品仍有高度的需求。例 如：行動電話、PDA 等高科技產品，由於精巧的顯示設計與網路頻寬的限制, 讓像素圖形仍能大行其道。

4

(二)電玩的圖形設計 在 3D 動畫技術尚未普遍應用於電玩設計的年代裏，所有電玩的場景與 角色製作，全需仰賴於介面設計師的巧手，應用簡單的繪圖工具一點一線的 描繪出來。由於受制於當時電腦的運算速度，這些圖形本身必須儘量使用最 經濟的顏色，並且搭配最單純的線條，來描述一個物件的輪廓與特徵；這無 疑是給了設計師一個高難度的挑戰。試想，要如何在 256 色的限制之下，將 色彩靈活運用與搭配，才能夠幻化出千變萬化的視覺效果?

1.場景設計 2D 的電玩角色經常是以垂直或水平方式遊走於場景的每個角落， 因此場景的結構通常是不考慮透視原理；也就是說，角色無論走到哪 兒，背景也不會隨之放大或縮小。這昰一種與我們正常的視覺經驗有所 差別，卻可以為我們所容許的特徵。 5

場景設計首要考量之因素是電玩的主題，如何忠實呈現場景的時空 環境、建築結構、光影效果以及物體的表面材質等，都是必須加以考證 與確立。因此在實際製作前，應該詳細的訂定色彩計畫與空間佈局。

電玩遊戲的場景設計範例

2.底紋設計 相較於各類型的像素創作，電玩圖形應用底紋的機率恐怕是最高 的；因為底紋可以輕易的創造出畫面上物體所需要的質感，例如；草皮、 磚牆、屋瓦、水紋等等，都可以透過複製的方式，充分佈滿整個區域。 一塊設計精良的底紋，不帶能夠讓畫面更加生動、更具立體效果，還可 達到畫龍點睛之妙用。 儘管傳統電玩中的底紋經常帶給人一種稍嫌單調的刻板印象，但是 這種井然有序的排列方式，卻又忠實地反映出像素風格的另一種趣味。

6

▓ 像素風格的特徵 素風格大都具備了以下幾種特性：

■ 低階的顯示規格 一般從事影像合成或電腦動畫作品多半需要高解析、高色彩的顯示品 質，而且對於硬體等級的需求不斷提高；而像素創作卻恰好相反，軟硬體的 需求並不嚴苛。作品圖檔多以「點陣圖」(Bitmap) 格式呈現，圖形皆由像素 點描而成，色彩平均控制在 256 色以下，解析度只有 72dpi。至於應用在網 頁上的圖檔，主要多以 GIF 格式呈現。

7

■ 鋸齒狀的輪廓線 像素圖形的輪廓線為求清晰深刻，所以在繪圖時避免使用影像軟體中「反 鋸齒邊」(Anti-Aliased) 效果，讓畫面出現明顯的鋸齒現象；特別是在作品 經過等比放大後，這種情形便一覽無遺了。此外，通常使用黑色線條描繪圖 形，使物件的輪廓更加鮮明，更具有凝聚力。

■ 創作面積微形化 Pixel 作品經常以小面積出現，許多的創作更是向 32×32 Pixels 以下 的面積挑戰，增加了製作上的難度；電腦圖像創作便是最有代表性的例子。 許多設計者，專門以電腦圖像作品來展示自己芒刻般之雕琢功力。至於目前 經常看到的海報作品，通常是由眾多的小圖像組合而成，或是直接將小圖像 放大而成。

■ 造型圖案化 可能是長久以來深受電玩設計的影響，Pixel 的創作主題及內容雖包羅

8

萬象，但在物件造形上仍然以圖案化的視覺效果占絕大多數，例如，樂高玩 具的造形就常常被拿來應用，立方體的結構非常符合像素線條的繪製。雖然 在某些情況下看起來稍嫌呆板，但是卻出現一種規律化的設計美感。在創作 主題上必須以清晰可辨、活潑有趣作為前提。

■ 不真實的空間效果 由於受到 Pixel 在螢幕上線條排列的種種限制，為顧及線條的平順與簡 潔，立體造型的圖形多採用「斜投影」(Isometric)製作；由於圖形少了消失 點，所以畫面便與肉眼所見之真實物體不相吻合。較不講究真實透視原理的 這種現象，卻形成了像素風格的另一項特色。

■ 物件的可複製性 Pixel 作品繼承了電腦圖像可複製性的特質，再加上畫面構圖並無透視 效果，因此物件經常出現重複性排列的現象。這種情形一方面節省重複繪製 的時間，另一方面卻也創造出美的形式原理中「重複」(Repetition)的特殊 美感。

9

▓ 像素風格網站介紹 z

Flyin' (http://www.flipflopflyin.com) 在眾多的像素網站中，Flip Flop Flyin'可算

是「微觀」(Miniaturisation)類型的翹楚。設計 師 Craig Robinson 充分運用像素微小的特 性，刻意在圖形最小的構成條件下，點出一般 人皆可辨識的創作主題。例如：在 Minipops 單元中，Craig Robinson 僅使用 32 pixels 以 下的高度，依照字母順序，畫出了數百個搖滾 明星、唱片封面以及名人，而且每位角色的特 徵都清晰可辯。而 Minimoma 單元，作者在網頁中模擬一座「像素美術館」 (Pixel-sized Museum) ，陳列著二十世紀最偉大的藝術創作迷你版。 除了上述的單元外，網站中最令人印象深刻的是這些細小的作品多以動 畫形式呈現，畫面中充滿了創意與詼諧，但也同時考驗著讀者的眼力。 Craig Robinson 認為：像素藝術是一件雖枯燥但又那麼真實的事情，而 個人卻對像素物件的創作情有獨鍾；試想當所有物體在縮小之後會是多麼有 趣，更特別的是當它們又以動畫形式呈現。

10

z

eBoy (http://www.eboy.com) 這是目前在國際間最具知名度的像素網

站。eBoy 的成員橫跨德國柏林與美國紐約兩 地，創作的內容大多呈現未來城市、機器人、 科幻電影的場景等充滿想像的題材，另外在 某些單元中又常出現某種程度的情色題材。 在表現手法上，eBoy 充分掌握住像素圖形線 條的特徵，在作品中嘗試以 3D 立體造型來 表現物件，包括建築、航艦、人物等等，看 起來都帶有「樂高玩具」(Lego)的特徵與趣 味。在構圖上，擅長將許多的角色道具層層 堆疊，形成一種繁複的視覺效果。

eBoy 網站中主要的作品風格可區分成兩大類：eCity 與 PEECOL eCity 是所有建築圖形的集合名詞，作者將許多以「斜投影」(Isometric)方式繪製 的建築拼湊成一幅完整的都市景象，創造出一種多層次的都市景觀。 PEECOL 是自創的名詞，所指的是一種等比放大的像素圖形，基本上是 由 36*36 的矩陣所構成。網站中擁有豐富的 PEECOL 圖庫，設計師可以將 這種單位形任意排列組合，創造出內容迥異的作品。 目前 eBoy 已經成功的與商業行為充分結合，除了發行作品集與海報， 同時也不斷為許多商品代言。國內的 Pchome 雜誌更曾經在其形象廣告當 11

中，採用 eBoy 的作品。整體而言,eBoy 所代表的是數位時代文明的展現,是 充滿科技感、速度感與流行感的綜合展現。

z

Lovepixel

(http://www.lovepixel.idv.tw/)

一進入首頁，便是一張大到螢幕都塞不下的大航空母艦，這是本網站最 令人印象深刻的地方。Lovepixel 是完全屬於個人發表創作的空間，從電腦圖 像、明星肖像、生活話題到大面積的像素創作，都可以看出站長多元化的創 作風格與獨具匠心。對於站主而言，像素創作考驗著創作者的耐心和勇氣， 所以 Lovepixel 的創作題材是屬於天馬行空的。 在眾多的作品中，較有特色的除了航空母艦外，就是 Icon 系列的 House，是用 22 點五度角去繪製的立體小房子，很別緻，也充滿想像空間。 Lovepixel 也曾經被 XFUNS 創意設計雜誌，在 Pixel Art 專題中報導過，算 是國內頗具知名的網站。

12

▓ 像素風格的藝術價值 正方形的 Pixel 是數位創作的基本單位，只有透過細密的排列組合以及 適當距離的觀察，才能夠呈現出現線條的曲直。就因為它的微小，所以應用 於創作的過程中，是需要設計者精密的規劃與靈活的佈局。縱然在現今電腦 插畫盛行的年代，創作形式五花八門而又相互影響的今日，Pixel Art 仍然一 枝獨秀、風格鮮明，而且早就已經擺脫過去以功能訴求為角色，轉而成為設 計師抒發細膩的思維與幽默感的新寵兒。

13

▓ 像素風格的創作欣賞

創作者/王開立

14

15

16

▓ 結 論 以電腦軟體作為插畫繪圖工具，似乎已經成為現代藝術創作的另一項趨 勢，透過數位化的科技展現，讓過去人們難以達成的視覺效果成為事實。數 位插畫整合了藝術的不同領域，不但刺激了觀眾的視覺經驗，並且也開拓了 藝術表現形式的創作空間；更特別的是，近年來由於網際網路的快速發展， 讓數位插畫的創作者與觀賞者之間產生一種獨特的互動關係，讓作品不再只 是靜態或是單向的呈現，並且讓作品的意涵更貼近人性與生活。 一件好的像素風格的插畫作品不但需要作者以優異的表現技法來創造畫 面的美感，更重要的是，主題內容是否能夠真正的打動人心。從另外的角度 來說，不論是使用何種工具來從事插畫設計，作品當中是否注入了某些人文 特質，才是插畫成功與否的重要關鍵。

▓ 參考文獻 1.王開立，艷陽下的和平一村，2005 年 12 月 2.王開立，重返 PIXEL 時代-像素風格應用於插畫設計之創作報告，2003 年 6 月 3. Flyin', http://www.flipflopflyin.com 4. eBoy, http://www.eboy.com 5. Lovepixel, http://www.lovepixel.idv.tw/

17