關於噗版設計或說網頁CSS著作權的說明,我們認為有必要寫此文來告訴大家正確的態度與認知,因為 狗頭魚尾紋 這位網友被通知有抄襲我們噗版部份設計內容後的回應,其中對於原創與抄襲的認定與見解,正是許多從事設計與創作者常常會產生的渾淆觀念。我們不希望讓還不熟悉CSS、或是希望自己設計CSS的朋友,認為取用他人的語法內容當作自己的發表是理所當然的,在學習的過程中,參考各式語法和創作者的寫法,不代表能直接取用(複製貼上改數值)當作自己的設計。

請大家特別留意原作者的授權範圍,尊重原創,也尊重自己喔  ^ ^

對於 狗頭魚尾紋 該網友所言CSS抄襲界定的釐清:

謹列出我們認定為抄襲依據的判斷標準,請大家參考~

1. 噗浪CSS的各項目(選擇器),從何處得知?雖是公開,但噗浪有噗浪官方的命名、組合與編寫方式,跟我們所組構設計的不盡相同,其他創作者也各有偏好的寫法,所以,第一點,我們看CSS項目的命名與編碼組成。

舉例:
/*發噗區*/
textarea#input_big, textarea#input_permalink 項目為何要寫在一起,
為何又要另外寫 textarea#input_big.content 的內容,這三個項目有何異同?

2.  各項目內容的設計寫法。我們的寫法,在許多看似不必要的地方,都有加上 !important; 設定,或是多了前置的 div,那是因為,噗浪官方在很多地方的預設值就加上了 !important; 強制呈現,而某些項目只要變換了預設的三個主題選項就又會不同的緣故,而且,同個地方噗浪預設中也有很多值會彼此影響到呈現。所以,只有自己嘗試編寫過,才會清楚該位置為何設此寫法。

舉例:
/*加入好友粉絲發私噗按鈕*/
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend,
.friend_man.pending, .friend_man.private_plurk 等字體顏色若設 color:#555 !important; 還是不會變,字還是會是白色,但我們還是放,沒刪除這無效的設定,因為寫此編法時還在找解法,所以留著提醒自己用。現在已經找到解法也有新寫法了  : )
而且原本噗浪沒有發私噗這按鈕,所以發私噗是後來加上去的,但黑名單我們選擇用另個寫法,所以這階段編寫時並沒放在一起。

3. 中文敘述命名的方式。剛開始嘗試編寫噗版CSS時,看國外的編碼與寫法看得很辛苦且不習慣,所以就決定自己所編寫的版本,都要盡量加上合適的中文說明,方便自己使用及跟噗友溝通用,並方便想要學習改寫的個人噗友能容易上手。各個階段我們的中文說明都不同,研究的編碼寫法也有變化。所以,寫法中出現的標題分區及命名方式,也可看出是哪個階段我們的作品。

舉例:
使用 /* 畫面佈景 */  星號跟中文有間隔或無間隔 像 /*加入好友粉絲發私噗按鈕*/ 是不同時期編寫使用的版本。
加上中標題如 /*--------------------------------------------功能視窗*/ 及/*---------------------------------------------------------其他設定*/ 是後期常使用的方式,另外,各分區內容的分類方式與我們的設計習慣相關,也是判斷依據之一。


所以,我們認定該網友確實有大部份抄襲取用情況,也是依據上述的標準。

之前該網友創作的版面雖也有取用部份的疑慮,但近期發表的噗版抄襲內容佔了CSS編碼的大部份結構,所以決定還是留言提醒對方。

從該網友的發文與回應中,可以得知他長期以來均有參考與注意我們的噗版設計內容,所以才會對我們工作室有諸如"無所不用其極、嘗試各種設計...",以及"用了許多強制手法...","部落格都是教學文..."等個人的評斷,而我們因為一開始接觸噗版設計,就有關注與參考各種組合可能性與每個不同創作者的風格寫法,也有注意到這位自行創作圖片做噗版的作者,我們希望參考與使用我們所提供的CSS碼的創作者,能夠真實發展出自己的CSS編碼模式與寫法結構,而不要僅是複製原碼進行抄襲與模仿而已。

對於個人抄襲的狀況,我們僅會留言提醒一次,我們的用意就是一直以來說的那樣:
「希望不要再有任意冒用盜用他人設計的情況發生,請尊重原創,謝謝。」

我們在Flickr相簿中的截圖存檔,會包括CSS原始碼以及噗版呈現的樣式,是因為所謂CSS的呈現不僅是原碼,也包含設計出的結果,缺一不可。除了CSS編寫效果呈現出的版型樣式外,其餘網頁及圖片等版權均屬於原創作者所有,僅為了表明噗版樣式確有抄襲冒用的情況故存檔列出。

而在其部落格的留言,會留噗浪網址,是因為那是我在噗浪的身分之一,發噗版相關專用,
所以留網址以示負責,就像簽名一樣,表示是本人留言。
封鎖該網友,就是表示我們不歡迎抄襲者,包括該網友。

但有些人,出於不適當的心理,就是會把簡單的事情想得曲折複雜化。無論如何說明。

該網友並不希望我們再與之接觸,我們也僅會留言提醒一次。如何面對創作或是抄襲的取決,這是個人的選擇與認知。

謹附上 關於網頁CSS著作權,我們的認知及說明:


回歸於創作本身,無論是網頁、噗浪版型樣式、部落格樣式,或是一件衣服的設計版型及其上的圖樣,都是創作的結果。
對於創作所產生的作品,是創作人心血的結晶,如果沒有尊重創作,而認為抄襲或者複製有其合理化的原因,那是否認了創作的本質及存在意義。
所以,人,學習的過程中很重要的,不是靠複製他人模式,而是能夠原創、做自己,而能夠誠實面對學習過程中的過失與錯誤,以正確的態度直視並改正,才是人能夠成為自己立身處世的根本要素。

參考不代表能抄襲當作己用。原創者不會不知道自己所設計的用意、出處及原因,但抄襲者卻不然。

我們的噗版CSS寫法,對一般慣常寫CSS的作者來說,是會覺得過於繁複以及有許多沒必要之處的。
之前也有噗友提過這點,我的回答是,因為想讓嘗試改版面的個人使用者能夠好上手,所以創造出幾種分法以及說明的用詞,方便與詢問的噗友溝通用。

CSS是什麼?它是設計與呈現網頁外觀的一種工具。以噗浪舉例,噗浪的基本版型及已經定義好的CSS項目,用網頁工具查,會發現是一個一個獨立的單項,噗浪本身預設的寫法,有些會把好幾項設定寫在一起,有些則獨立分開設計,這是噗浪官方樣式的CSS樣版,也是噗浪官方的原創。噗浪貼心和好玩的地方之一,就在於他開放了使用者去設計自己的模版,就像部落格開放使用者自訂版面一樣,能讓創作者發揮創意,也讓使用者有更多玩噗浪的樂趣。

在基本版型的項目下,創作者去發揮巧思與創意,組合這些項目並編寫出獨特的模樣,這就成為了他所原創的作品。我們不會認為,因為痞客邦等部落格基本項目都一樣,所以每個編寫創作自己獨特部落格樣式的作品,都可以拿來使用,改部份顏色或圖樣,然後當成自己的原創作品是合理的。同樣的,噗浪的版型樣式,我們的認知也是一樣。

CSS編寫,它的組合呈現、寫法與用意,是造成每個網頁、每個部落格、每個噗版不同樣貌的原因。所以,經過創作者編寫CSS樣式的創作,就是原創作品,若直接取用全部或大部份寫法,只改換顏色與圖樣,就當作自己的作品發表,那無論在於噗版、部落格甚至於網站設計,都是盜用與抄襲的行為。

不是你的構思,你當然不清楚用意。照抄與模仿的結果,或許外觀上一般使用者分辨不出,但看CSS原始碼架構即知。

有人說網站作品或網頁設計很難分辨原創或抄襲,我覺得,一件設計的原創T恤版型,僅被改顏色或換圖樣反而更難得知,相較於此,有編寫原始碼架構的網頁及CSS反而更容易瞭解與分判。

因為編寫這些原始碼,一方面帶有「文字作品」的性格,就像寫文章寫詩寫小說一樣,一定會有原創的偏好與個性。另一方面,又有「影像作品」實際呈顯的形象,可以從設計出的效果來得知其特殊意涵與內容。

那是創作共通的本質,那是從事創作的人,或說,真正負有原創性格的創作者,而不是習於摹仿抄襲的創作者,能夠理解的內涵與態度。

我們歡迎噗友及創作者參考我們的噗版設計,也開放個人使用者修改我們的樣式來自用學習,但,我們不歡迎直接取用或套用我們CSS寫法模式及原碼內容,然後改部份顏色等項目數值就當作自己創作發表的行為。拿別人的模式套在自己身上用,不了解組成的原由內涵,怎能叫做原創設計呢?

請大家能尊重原創,身為創作者,更應該尊重創作,模仿跟原創是不同的兩件事,無論在哪個創作領域上。

有任何噗版學習與使用上的問題,可以在我的部落格留言詢問,或發私噗給我:
http://m66660000.pixnet.net/blog
http://www.plurk.com/66660000




之前我們所發現與處理的抄襲與侵權情況,請參見上一篇內容:

對於噗版設計侵權有疑慮的朋友請看這篇

 

Flickr網路相簿(點至各相片有相關說明)

arrow
arrow
    全站熱搜

    M6 發表在 痞客邦 留言(1) 人氣()