創用 CC 網頁多媒體編撰套件(上)

林克寰

相信本報的讀者,對於創用 CC 的特性已經有了基本的了解,知道創用 CC 要在僵化的智慧財產權市場上添加彈性,給予創作者更多的選擇,同時要讓各種複雜的授權方式變得簡單易懂、可彼此搭配混用,因此以現行的著作權法為基礎,規劃了一系列的授權方式,每一種授權方式同時提供法律條款、授權標章、數位標籤,讓任何法院、任何人、各種應用程式都能輕易明白數位內容所採用的授權方式。

上面這段文字,背後的理念與細節絕非三言兩語可以講完;台灣創用 CC 計畫多年推動下來,累積了不少文件教學,想更深入了解這些理論背景,可以多加利用。然而,對於實務工作的朋友們來說,或許更關心的是要如何把「創用 CC」放進自己的設計流程或工作流程當中 ── 確實創用 CC 的網站上提供了許多的工具與資源,但是這些東西零零散散的,要怎麼整合在一起呢?

許多設計領域當中,都有不少開發套件或整合開發環境,協助開發者或設計者在同一個環境中,完成所有(或主要)的工作;創用 CC 在這個領域當中還相當年輕,並沒有任何一個完整的開發套件,能夠兼顧設計流程與創用 CC 的需求。但是把創用 CC 帶進設計流程確實可行,本文即要以「網頁設計」為例,試圖拼湊各種既有的資源,讓從事網頁設計的讀者們看看這件事可以怎麼來達成,也提供有志之士未來開發工具軟體的參考。

做一個網頁,尤其是做一個多媒體網頁,通常會有幾個階段:

  1. 設計原型:設計整個網頁的原型(Prototype)與框架,包括了概念、質感、整體風格等。
  2. 取用素材:挑選可能適用的現成多媒體素材,這部份還包括了素材的管理。
  3. 創作內容:製作原創的多媒體內容,以及修改、混搭適用的現成多媒體素材。
  4. 製作成品:利用素材(不論是現成的或是自創的),按照原型的發展,製作出最後的網頁。

這四個階段並不是切得一乾二淨,而是彼此間會有重疊、往返,不過大致上還是可以這樣來區分。在設計原型的階段當中,主要產出的都會是內部文件,不會公開出來,照理說幾乎可以不用考慮智慧財產權的問題;不過在這個階段中,你很有可能會用氛圍板(Mood Board)來說明網站的預期質感與風格,而氛圍板上的素材,也有可能沿用到後期的設計流程當中,或者是你的案主/關係人會很在意網站原型上的各種視覺元素,認為這些視覺元素會出現在最終的網站成品上……在這些情況下,一開始就處理好素材的智慧財產權,會比事後再來釐清要更事半功倍。

取用素材則是設計師的必修課了。每個設計師手上都一定有個網站清單,這些網站會提供預先經過授權的各種圖片,讓設計師可以拿去用於商業用途,例如做網頁。有些圖庫網站要繳費纔能使用(月費或以圖片張數計算),好處是圖片素質跟風格會比較一致,另外有些免費的圖庫網站,良莠則不大一定。

近年來隨著 Flickr等相簿網站的興起,也有很多商業圖形應用,會從這些相簿網站尋找;不論是做書、做廣告宣傳文案、做網頁,都已經有不少使用 Flickr 的實例。你可能已經知道 Flickr 內建了創用 CC 授權機制,讓圖片作者能夠選擇圖片的授權方式,也讓你能夠從進階搜尋指定某些創用 CC 授權方式,篩選出更能自由運用的圖片;但是你可能不知道,除了 Flickr 本身以外,還有許多網站,能夠幫助你尋覓 Flickr 上的圖片。

flickrCC是個專門搜尋採創用 CC 授權的 Flickr 圖片的網站,省下了每次要按「進階搜尋」的麻煩,另外還直接內建簡單的圖片編輯工具,讓你可以線上處理圖片,單鍵加入姓名標示,或把圖片傳進 Picnik這個線上圖片編修服務。

由於多數採創用 CC 授權的圖片都要求姓名標示,意味著你得記得每一張圖片的出處網址、作者姓名字號、授權方式等資訊。想像一下你有一個資料夾,裝著幾百張 Flickr 抓下來的圖檔,你要怎麼知道某一張圖片的作者、出處、授權方式?以前你可能得要另外弄個資料庫、試算表或文字檔,來紀錄每一個圖檔(檔名)跟他的對應資訊;現在 flickrCC 讓你可以單鍵把這些資訊放進圖檔,做成圖片的一部分(附加在原本的圖片外圍,所以不會有字蓋到圖),從此再也不會有這種煩惱了。

有個叫 Behold的網站,也能搜尋採創用 CC 授權的 Flickr 圖片。但是這個搜尋網站跟其他 Flickr 圖片搜尋方式最大的不同之處,在於它實做了 Alexei Yavlinsky 博士論文中的「自動圖片註記」技術,亦即 Behold 能夠辨識出圖片的內容,而不用仰賴 Flickr 的標籤(tag)系統。藉由這樣的技術,Behold 可以更精確地找出你所需要的圖片。

Behold 也搭配了 ImageStamper,來增強創用 CC 的使用。ImageStamper 是一個「公正第三方」的網頁服務,當有人貼上一個 Flickr (或其他線上藝廊的)網址時,它就會紀錄那張圖片的縮圖、作者、原始網址、(創用 CC)授權方式,並加上這筆紀錄的時間戳印,如此一來就可證明你使用這張圖片的時候,確實是採用何種授權方式;這個網站還可以用來讓圖片作者證明,自己是最早把圖片發表到網路上的人,以證實自己是原始作者,並且可以紀錄每次的授權方式變更。

除了用圖片實際內容來搜尋外,Flickr Color Selectr還提供了一種很不一樣的搜尋方式:用色彩。這個搜尋引擎一樣是鎖定 Flickr 上面採創用 CC 授權的圖片,但是搜尋圖片時並不輸入任何關鍵字、詞,而是從色盤當中挑選一個色彩,接著 Flickr Color Selectr 就會找出色調與指定色彩相符的圖片。色調往往左右著氛圍,因此這種搜尋方式,對於網頁的視覺設計來說,著實好用。

還有一個叫 Compfight的搜尋網站,也是用來搜尋 Flickr 圖片的。這個網站當中,除了一樣可以搜尋採創用 CC 授權的圖片外,也可以標示出有提供「原始尺寸」的圖片;如果你需要高解析度的圖片,這項功能將會非常有用。

這些 Flickr 搜尋引擎各有特色,Behold 與 Flickr Color Selectr 的獨特搜尋方式、Compfight 標示出提供「原始尺寸」的圖片、flickrCC 的線上編輯圖片功能、ImageStamper 的授權紀錄公正第三方服務,如果能夠整合在一起,然後搭配本機檔案管理,通通做進網頁編輯套件當中,那就太好了;目前這個夢想還沒有實現,技術上卻是可能的。(待續)