最近突然在網路上發現了這用完全用 CSS 3 製成的圖示集。
作者運用許多旋轉、移位等 CSS 3 的技巧、加上前置和後製內容來達到許多以前辦不到的圖示。

我也來試驗看看吧，嘿嘿…

去年年底，回台灣的第一天沒有回台中，反而為了這個 GEISAI Taiwan 藝術祭典先跑到了台北。2009 沒有簡單生活節，華山藝術園區熱鬧的氣氛卻一點也不變！

GEISAI 是源由日本，一個讓所有藝術家齊聚一堂一起展覽的藝術祭典。每年2次在東京 Big Sight 舉行，聚集了來自世界各地的藝術迷及參展的藝術家，人聲鼎沸，熱氣蒸騰。今年在台北舉辦了規模稍小的台灣版，召集台灣各界的藝術家，共同在祭典裡展現作品與自我！台灣的設計、藝術、工藝界也頗有特色，在這展覽中，可以發現許多沒沒無名的學生或年輕創作家，但其作品卻令人驚豔不已…

讓我們來欣賞一些豺狼所擷取的展場作品吧！（以下照片內的作品智慧財產權皆為作者所有，僅為了介紹來分享給大家。若您認識作者作品，或您識此為侵權行為，請告知豺狼！）

因為展覽僅有一天，所以會場裡人潮洶湧…

動物頭像浮雕，燈下所產生的光影十分有味道…

現場還有樂團表演…

會場裡也有一些詭異或令人好奇的東西…

展場內也不乏有些以情色為主題的作品。

我非常喜歡的作品之一，用多彩色塊繪成惡魔。

超可愛的棒球小子！

最棒的展覽攤位，以面紙盒將作品和牆面融為一體！

用串珠或鑽石做成的骷髏頭不稀奇，這是用米製成的！

沒有眼珠的人像，十分詭異的畫風…

會場內竟然還有人在推銷牛肉乾（雖然是經過設計與包裝，但…）

定型模特兒的攤位…這由街頭藝人開始的藝術，似乎越來越普遍…

以檳榔為主題的仿 LV 皮包！

盧廣仲精彩的演出！

這是想以照片來表達味道的另類藝術。

超精細的微小模型！

會場外的廣場，有國內知名劇場編導張忘率領演出的街頭藝術「神遊記」！

在這次祭典中，不僅見識到台灣創作與藝術的發展起步，也感覺到這寶島其實有相當多的人才，卻沒有適當的舞台能讓他們好好發揮。若國人、企業、政府，能更重視藝術與創作產業，相信我們也不會輸給日本。希望大家可以多多關心和參與類似的展覽！參觀時，也不忘鼓勵這些努力生存的藝術家喔！

請按後一頁來檢視完整的相簿！

相關閱讀

• Vivid Sydney 2009
• 簡單生活節 之 市集篇

讓豺狼來介紹兩個好用色盤網站…

kuler

kuler 是著名美工軟體公司 Adobe 所提供的免費服務，以 Flash 製成的網頁應用程式。提供簡單的介面來製作色盤，並可以下載為 Swatch Exchange File （.ase），對於 Photoshop 的使用者十分方便。

COLOURlovers

COLOURlovers 是一個完善的色彩社交網站，使用者可以互相提供意見，交換色盤、圖案等。而色盤除了 Swatch Exchange File 格式外，更提供了 Adobe Colour File（.aco）、Adobe Illustrator（.ai）、Microsoft Expression Design Swatch （.xml）等格式，對網路設計師的需求提供更多選擇。

不知道是否受到韓日的越洋文化影響，在台灣街頭上可以明顯感覺到女性們越來越會打扮和包裝自我，而所謂的「正妹」也越來越多。

在台灣，逛進許多熱門網站或入口網站，在明顯的位置常會發現關於「正妹」、「美女」、「名模」等字眼，而相關內容通常是相簿或影音，用來吸引大量訪客。不光如此，在現實生活裡，似乎什麼產品發表都必須要有美女在場。原只有在時尚界、女性用品廣告、或車展才會出現的模特兒，在電子展、家具展、食物推銷、電視節目、平面廣告似乎都需要有可愛臉蛋或火辣身材的正妹來吸引目光、幫忙加持。隨著高畫質與單眼相機的普及化，越來越多人開始了業餘攝影。網路上有許多攝影協會或團體，會固定舉辦交流活動，而若攝影主題為人物，那必然有正妹作為取材對象。常在許多觀光景點看到一群多為男性的團體，每個人都拿著單眼往打扮美麗的主角猛拍，這情景似乎已變得極為普及。

嘟著嘴巴、比個手勢的可愛型女生，或穿著清涼、化妝濃厚的性感美女，似乎無所不在。雖然這或許不是壞現象，但許多以創意、設計、實質內容的行銷方式似乎已被所謂的「正妹文化」而埋沒。反觀在設計業高飛的北歐，卻越來越注重創意和提升行銷素質，進而提升人民與城市的生活品質與人文氣息。

「正妹文化」這種社會現象並沒有對或錯，但豺狼認為，若社會將所有焦點放於此而忽略了創意與設計，反而會抹去許多人才和台灣創意業的發展。若眾人看到一幅廣告只讚嘆「哇，好正！好辣！」，而不是欣然一笑並讚嘆廣告的創意和所要表達的訊息，雖然一樣可以達到引人注目的效果，卻若都以「正妹」手段來做廣告，或許會花時間想創意的人就因而減少了。

您認為呢？

自 2006 年在 E3 亮相以來，不知道有多少電玩迷正期待著《太空戰士 XIII》（太空戰士 13、Final Fantasy XIII）的到來，而預定發行日期也逐漸逼近…

因為《太空戰士 XII》後續電影與相關遊戲的成功，Square-enix 公司進而推出一個宏偉的故事系統稱為《新的水晶故事》（Fabula Nova Crystallis Final Fantasy XIII、ファブラ ノヴァ クリスタリス ファイナルファンタジーXIII）來整合有相似背景的三個故事：

• 太空戰士 XIII（Final Fantasy XIII、ファイナルファンタジー XIII）
• 太空戰士 Versus XIII（Final Fantasy Versus XIII、ファイナルファンタジー ヴェルサス XIII、ヴェルサスXIII）
• 太空戰士 Agito XIII（Final Fantasy Agito XIII、ファイナルファンタジーアギト XIII、アギトXIII）

另外，據說「Final Fantasy Haeresis XIII」也已被註冊為商標，不知是否為第四個故事之名。

豺狼在網路上蒐集並整合了至今發佈的消息，包括故事與角色等，有興趣的朋友可以繼續閱讀。需要更多資訊，可移至官網或其他內容中的相關連結…

太空戰士 XIII

此太空戰士之背景為擁有最先進文明的未來世界，融合魔術與科技的時代。在這奇妙的世界裡，偉大的「水晶」（Crystal、クリスタル）創造了各種機器與生物，並視為和平的象徵，也是故事的中心。

漂浮在空中的巨大球體城市「繭」（Cocoon、コクーン）是個宛如烏托邦的和平世界，被水晶保護著、與外隔絕了數千年，由被稱作「聖府」（The Sanctum）的軍事機關管理。而在外的廣闊地上世界被稱為「脈衝」（Pulse 、パルス），被繭的居民視為具威脅性的異界，因為從來沒有人從那裡回來而對其狀況一無所知。

直到一天，「外界異物」開始侵入繭，聖府即刻用其龐大武力迎擊。繭的居民們因此開始產生恐懼，這種恐懼逐漸漸變成了對別人的猜忌、憎恨，帶給了自詡和平的繭不良影響。為了繭內的安定，聖府終於決定採取非常措施：把受到外界異物影響的人們放逐到脈衝…

關於遊戲

• 平台：PS3、Xbox 360
• 上市：日 17/12/09
• 官網：日文 、 英文
• 預告： GameSpot - Final Fantasy XIII Official Trailer

角色與其他

• 萊琳（Lightning、ライトニング）
  或代號閃電，故事的主角。年幼時因為父母雙亡，為了守護妹妹莎拉成為大人而捨棄了本名。本是聖府的高級官員，是被水晶選擇拯救人類滅亡的使者，但目前被聖府通緝中。個性嚴謹不放縱，就算是朋友出手時也不會猶豫。但是內心溫柔善良，在人看不到的地方也有溫柔的一面。使用兼具有劍和槍兩種功能的變形武器，同時具有操縱重力的異能。擁有召喚獸奧丁（Odin、オーディン，北歐神話中的眾神之王）可直接轉化為雷霆的坐騎與持有武器之一。
  
• 史諾（Snow Villiers、スノウ・ヴィリアース）
  「路希」（ルシ）之一。為人率直、滿臉鬚根的熱血男兒。性格陽光又是個樂天派、所以戀慕他的人很多。武器就是一身強韌的肉體。擁有召喚獸奧丁（Shiva、シヴァ，印度恆河的守護者濕婆神），實為一對姊妹，黑皮膚的是姊姊史蒂莉亞，白皮膚的是妹妹妮可絲。當兩姊妹合體的時候，會變身成重型機車的形態，此時史諾就可以透過「駕駛模式」（Driving Mode）來控制西瓦的移動；而兩姊妹分開時，她們的攻擊方式各有不同，像妮可絲主要是採取物理攻擊，會以輪胎重擊敵人。在「駕駛模式」下，玩家也可以透過指令，命令西瓦對全體敵人進行大範圍的掃蕩攻擊。
• 奧爾芭（Oerba Dia Vanille、ヲルバ＝ダイア・ヴァニラ）
  「路希」（ルシ）之一。來自於脈衝、內心堅強的可愛少女。為人上進努力、性格開朗。貌似與萊琳一起行動，十分喜愛薩茲身邊的小陸行鳥。
  
• 薩茲（Sazh Katzroy、サッズ・カッツロイ）
  頂著一頭鳥巢般蓬鬆爆炸頭的薩茲是個朝氣十足的開心果，非常愛護自己的寵物小陸行鳥。
  
• 霍普（Hope Estheim、ホープ・エストハイム）
  「路希」（ルシ）之一。 原本在繭內過著平凡生活的14歲少年，但在與聖府軍的衝突事件中失去了家族，為此對於一直把家族捲入這場爭端的史諾耿耿於懷。武器為迴旋鏢。
  
• 莎拉（Serah、セラ）
  「路希」（ルシ）之一、萊琳之妹，也是史諾的未婚妻。
  
• 雅格 中佐（Yaag Rosch、ヤーグ・ロッシュ）
  銀發男性，是統帥聖府軍精銳部隊PSICOM（サイコム）的管理者，有著強烈正義感的他對聖府的某些做法產生了疑問。
• 姬兒 中佐（Jihl Nabaat、ジル・ナバート）
  冷酷殘忍的金髮美女，一直在追蹤萊琳的宿敵。

• 法爾希（fal'Cie、ファルシ）
  水晶內超越人智的存在，也是繭的創造者。
• 路希（l'Cie、ルシ ）
  被法爾希選中而背負嚴酷使命和烙印的人，擁有喚出召喚獸的能力。

太空戰士 Versus XIII

若《太空戰士XIII》的故事是白色、明亮的，那本作則為黑暗的史詩。故事似以主角的友情作骨幹，並以羈絆作為主題，描寫內心中的痛苦。

關於遊戲

• 平台：PS3
• 官網：日文
• 預告： GameSpot - Final Fantasy Versus XIII: Advent Children Complete Official Trailer

角色與其他

• 諾帝斯・魯西司・凱拉姆（Noctis Lucis Caelum、ノクティス・ルシス・チェラム）
  暱稱諾克（ Noct ノクト），以水晶守護王國，被視為下一任的國王。因感情的變化，眼睛和頭髮的顏色也有所改變。根據水晶的力量操縱多種武器，但都以劍為主要武器。除了 武器，也有一種揮動手指間之光來阻擋子彈的「盾」。武器可以瞬間移動，所以是一種不限場地的戰鬥風格。在宣傳短片中以一人力戰眾多的士兵。
  
• 史黛拉・諾斯・芙雷（Stella Nox Fleuret、ステラ・ノックス・フルーレ）
  戴涅布萊名門芙雷家的千金。紫色的眼睛，手拿著細長的單手劍，不知什麼原因與主角刀刃相向。
  

太空戰士 Agito XIII

故事發生在一所叫培利希提裡姆魔導院，在此學院學生分為 13 個班級，一起過著日常生活。學員各自持有不同的武器：卡片、日本刀、鐮刀、 手槍、權杖、槍、弓箭、笛子、劍、格鬥等等。除了12 位主角學生外，還有一位神秘人物，組成「13」這個數字。另外還有「與水晶締結契約」，和跟水晶締結的「血的契約」等尚未完全揭曉之謎…

關於遊戲

• 平台：PSP 與手機
• 官網：日文
• 預告： GameSpot - Final Fantasy Versus XIII: Advent Children Complete Official Trailer

角色與其他

（尚未公佈詳細角色資訊）

資訊來源

• Wikipedia - ファイナルファンタジー XIII
• Wikipedia - 太空戰士 XIII
• Wikipedia - 太空戰士 Versus XIII
• Wikipedia - 太空戰士 Agito XIII
• FINAL FANTASY XIII 新女性角色公佈
• FINAL FANTASY XIII 遊戲角色和 CG 詳細介紹
• 最終幻想 13 (Final Fantasy XIII, FF13) 專題首頁
• 13最新映像簡述，含劇透

圖片來源

• Square-Enix - Final Fantasy XIII
  
• Gamespot AU - Final Fantasy Versus XIII
• Gamespot AU - Final Fantasy Agito XIII

相關閱讀

• Machinarium 機械迷城
• 刺客教條的秘密揭曉

經過了近兩個月的折騰，我和表姊總算將 Foufou 的官網啟用囉！在這裡打個廣告幫她們推廣一下！

兩位表姊從小到大都十分獨立、又有個性，而設立 Foufou 這創意品牌雖然路途艱辛（可以讀她們出版的書《帶著邦妮跑市集》，非常幽默自傳！），但現在在台灣已有相當的知名度！最近她們也在誠品設了專櫃，召集了其他年輕創作家創辦了聯合品牌 Paintrack！Foufou 的主角是叫邦妮的兔子。邦妮有各式各樣的面孔，從可愛、幽默、甚至到恐怖和邪惡的姿態都有！

Foufou，在法文意指那些瘋瘋癲癲的人們，一隻成天咧嘴大笑的瘋狂邦妮是我們的主角。透過這隻兔崽子，Foufou 希望用乍看可愛的圖像傳達生活中那些不可愛的事情，或用簡單的黑色幽默讓每個人都能會心一笑。

希望大家能多多支持她們，在台北的朋友有空也可以去誠品信義店或官網拜訪她們喔！

您是否也想要代表自己網站的圖示？讓自己的網站連圖示都有自己的風格？

網站圖示，又稱網站圖標，是當瀏覽者儲存網頁到書籤或我的最愛時，名稱前所顯示的圖示，也因此英文名為「Favorite Icon」簡稱「Favicon」。本教學將教您製作屬於自己的網站圖示，讓網頁瀏覽者能以圖示來記憶和辨識您的網站。

首先，在製作 Favicon 前，您必須知道自己能不能上傳圖片到網站，任何地方都可以，並要支援上傳 ICO 格式（較新的瀏覽器也會支援 GIF 和 PNG 格式）。另外，您要有可以修改 內容的權力，才能成功植入 Favicon 的程式碼。製作和設定 Favicon 其實非常簡單，但要製作漂亮的 Favicon 卻需要點技巧…

1. 製作 Favicon 圖檔

首先，您必須要決定自己的 Favicon 的樣子。您可以用 Photoshop 或任何支援 ICO 檔的影像處理器，也可用網上的免費工具。以下為幾個網上的免費 Favicon 服務：

• favicon.cc - 上傳（利用 import 功能）來轉檔為 16 x 16 Favicon，並提供 JavaScript 繪圖介面讓使用者修改，或製作一個全新圖示。最方便的功能是即時預覽，在修改圖示的過程，分頁的圖示和預覽圖示框也會隨之更新。此為豺狼最推薦的製作網站！
• Graphics Guru - 上傳或用網上圖片來轉檔為 16 x 16 Favicon。
• Favicon Generator - 僅能上傳或圖片來轉檔為 16 x 16 Favicon。
• FavIcon from Pics - 僅能上傳或圖片來轉檔為 16 x 16 Favicon，並且會將動態與靜態格式壓縮並提供下載。

Favicon 的大小為 16x16 像素，要製作美觀的圖示有一些小訣竅：

• 多利用透明背景 - 除非您的圖示非要方形不可，建議使用透明背景來讓圖示融入瀏覽器的介面顏色。這樣當圖示顯示在瀏覽器的書籤或我的最愛，甚至在分頁上方時，都不會有明顯的邊框而顯得突兀。
• 顏色限制在四色內 - 這是許多圖示、標誌設計者的準則，簡單明瞭會比過渡複雜的圖案來得印象深刻。在如此少像素的限制內，過多顏色其實不能提高圖案的細膩，但這並不代表不能用相似色來製作立體效果。
• 單純的線條 - 別用太複雜的曲線和字體，尤其是繁複的手寫體，製造出來的效果反而會模糊不清。

製作完成後，將圖示下載並儲存在您的電腦上。

2. 上傳 Favicon 圖檔

接著，圖示檔案必須上載到網路上某個位置。如果您是網站管理者，應已知道如何上載。若是用免費網站或網誌平台，可以利用後台上傳的功能來上傳至網路相簿或網路硬碟上。上傳完後，拷貝檔案網址以給下一步用。

3. 修改並植入 Favicon 程式碼

上傳完畢後，必須在 和 之間插入以下的程式碼，並將{圖示網址}改成您剛上載的圖示位置：

1
2

<link rel="shortcut icon" href="{圖示網址}" type="image/x-icon" />
<link rel="icon" href="{圖示網址}" type="image/x-icon" />

舉例，如果圖片網址為 http://example/favicon.ico，那程式碼應更改為：

1
2

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" />

4. 檢查 Favicon

完成後，除了可以閱覽網頁來檢查網站圖示是否設置正確外，也可用以下的服務來幫您檢查和除錯：

• Favicon Validator - 除了檢查圖示網址設定外，還會顯示圖示屬性和程式碼是否相容於各大瀏覽器

記得瀏覽網頁時，先清理掉瀏覽器裡的快取檔案，才不會一直納悶為什麼圖示不出現！

延伸閱讀

• Wikipedia - Favicon

集台灣各地的創作者和創意市集，加上眾多歌手與樂手共享盛舉，簡單生活節自 2006 舉辦過後，就吸引了許多仰慕者。今年的會場是在台北華山（據說以前好像是造啤酒的工廠），四個舞台、超過四十組以上的音樂人與團體和近百攤位，實在很難在短時間內一次逛完，或許這也是為什麼活動得橫跨兩天的緣故。

首先我得幫表姊們打個廣告，她們就是近年來闖出名聲的 Foufou 獨立品牌，還出了本書喔！在簡單生活節裡她們有兩個攤位，除了兩位表姊外，她們的表姊妹和朋友也都有來幫忙顧攤。

希望喜愛創作的朋友們也要多多支持獨立品牌，和這些勇於表達並保有自我風格的創作家！下一個網誌將會是簡單生活節的音樂篇！

我喜歡的品牌與創作者網頁列表：

• Foufou
• Foufou 和
• Flexible Love
• 米奇鰻
• MUJI 無印良品
• 木京 杉

以下是一些市集的剪影：

這些是 Foufou 在賣的服飾，另外還有一系列的商品像是別針、明信片、萬用包、筆記本等等，琳瑯滿目！有興趣的朋友也可以到她們網站逛逛，網路上也可以訂購喔！

這是漫畫高手米騎鰻的店面，專賣警示牌、貼紙和筆記本！鮮豔亮麗的佈置非常吸引人，聽說蔡康永也進去買了幾本…

雖然不知道這是那一間攤位，這鹿頭卻令人印象深刻！

這是街頭市集的一角，天氣雖冷但在藍天下，卻能看到許多令人會心一笑又舒服的擺設和景象！

感覺也很簡約日式風的木京杉，除了傢飾以外也有在賣服飾，包裝會用可愛的房子盒讓你提回家！

相關閱讀

• 簡單生活節 之 音樂篇
• GEISAI Taiwan 藝術祭典
• Vivid Sydney 2009