作者：鄧嘯 專利工程師
圖形用戶界面（Graphical User Interface，以下簡(jiǎn)稱GUI），是指附著在顯示屏上的視覺呈現(xiàn)為圖像的連通操作系統(tǒng)的接口界面，用戶通過點(diǎn)擊觸碰界面中的圖標(biāo)達(dá)到操作效果。GUI外觀設(shè)計(jì)專利是指電子產(chǎn)品或軟件的用戶界面所表現(xiàn)出來(lái)的設(shè)計(jì)方案或樣態(tài)。GUI外觀設(shè)計(jì)專利在《國(guó)家知識(shí)產(chǎn)權(quán)局關(guān)于修改<專利審查指南>的決定》（第68號(hào)）中被首次納入我國(guó)專利法的保護(hù)范圍，其客體范圍、權(quán)利邊界、損害賠償計(jì)算等問題在我國(guó)尚缺少明確規(guī)范。
與實(shí)行GUI保護(hù)的其他國(guó)家實(shí)行局部外觀設(shè)計(jì)保護(hù)不同，我國(guó)現(xiàn)有的外觀設(shè)計(jì)采用整體產(chǎn)品保護(hù)原則，意味著載體產(chǎn)品是權(quán)利范圍的組成部分，在我國(guó)進(jìn)行GUI申請(qǐng)與保護(hù)均需以產(chǎn)品視角考量。但是由于GUI外觀設(shè)計(jì)專利畢竟與傳統(tǒng)產(chǎn)品外觀設(shè)計(jì)專利有諸多不同，《專利審查指南》未對(duì)涉及GUI的外觀設(shè)計(jì)專利審查作出明確具體規(guī)定，因此，現(xiàn)階段需要結(jié)合判例和官文來(lái)分析GUI申請(qǐng)策略，以實(shí)現(xiàn)更規(guī)范有效的GUI外觀設(shè)計(jì)專利申請(qǐng)。
一、判例
2017年12月25日，北京知識(shí)產(chǎn)權(quán)法院針對(duì)GUI外觀設(shè)計(jì)專利侵權(quán)訴訟做出了第一份判決。
原告奇虎360訴“江民優(yōu)化專家”軟件界面與其外觀設(shè)計(jì)專利“帶圖形用戶界面的電腦”相同，構(gòu)成對(duì)其專利權(quán)的直接侵犯，即使將專利權(quán)保護(hù)范圍限定為電腦這一產(chǎn)品，被告的行為也構(gòu)成幫助侵權(quán)行為。
判決書認(rèn)為，被告提供的產(chǎn)品是軟件，不屬于外觀設(shè)計(jì)產(chǎn)品的范疇，與電腦產(chǎn)品不構(gòu)成相同或相近種類的產(chǎn)品，即使被告具有銷售或許諾銷售預(yù)裝軟件電腦的可能性，原告也未提供被告銷售或許諾銷售電腦的證據(jù)。此外，軟件用戶的行為僅為下載被訴侵權(quán)軟件至電腦，不存在對(duì)電腦的制造、銷售等處置行為，因此被告提供軟件不構(gòu)成幫助侵權(quán)，不支持原告請(qǐng)求。
二、無(wú)效案例
2017年4月18日，國(guó)家知識(shí)產(chǎn)權(quán)局專利復(fù)審委員會(huì)（“復(fù)審委”）針對(duì)GUI外觀設(shè)計(jì)專利作出了第一份無(wú)效決定。
涉案專利（專利號(hào)：ZL201530383753.0）包括主視圖相同的設(shè)計(jì)1和設(shè)計(jì)2，設(shè)計(jì)1包括通過手勢(shì)從下往上推得到的多張變化狀態(tài)圖（從主視圖上滑），設(shè)計(jì)2包括下拉反彈過程的多張變化狀態(tài)圖（從主視圖下拉），均從主界面經(jīng)過動(dòng)畫變化后進(jìn)入應(yīng)用軟件的頻道界面，動(dòng)態(tài)結(jié)果和實(shí)現(xiàn)的功能不同。
無(wú)效請(qǐng)求人認(rèn)為：
1.涉案專利的動(dòng)態(tài)切換效果屬于網(wǎng)頁(yè)布局，即使具有人機(jī)交互功能也與手機(jī)功能無(wú)關(guān)，用戶在上滑和下滑過程中界面變化非?？?，相應(yīng)動(dòng)畫過程的不同對(duì)整體視覺效果沒有顯著的影響，因此涉案專利符合審查指南中列舉的網(wǎng)頁(yè)排版情形。
2.UC瀏覽器的歷史版本（證據(jù)1）與涉案專利設(shè)計(jì)1的圖形用戶界面在整體視覺效果上無(wú)實(shí)質(zhì)性差異，涉案專利設(shè)計(jì)2的主視圖與證據(jù)1公開的主視圖在整體視覺效果上無(wú)實(shí)質(zhì)性差異，因此涉案專利屬于現(xiàn)有設(shè)計(jì)。
合議組認(rèn)為：
1.涉案專利設(shè)計(jì)1和設(shè)計(jì)2分別要求保護(hù)的是用戶在使用應(yīng)用軟件時(shí)向上滑動(dòng)屏幕和向下滑動(dòng)屏幕時(shí)的界面切換動(dòng)畫效果，體現(xiàn)在由界面變化狀態(tài)圖1至5幾個(gè)關(guān)鍵幀界面構(gòu)成的整體動(dòng)態(tài)界面設(shè)計(jì)方案。簡(jiǎn)要說(shuō)明中的“主界面下部的信息內(nèi)容上移”體現(xiàn)出用戶在主界面瀏覽信息，通過不同的切換從主界面進(jìn)入頻道界面，實(shí)現(xiàn)應(yīng)用軟件內(nèi)界面的跳轉(zhuǎn)功能。即涉案專利設(shè)計(jì)1和設(shè)計(jì)2要求保護(hù)的是從手機(jī)應(yīng)用軟件的主界面切換到頻道界面的動(dòng)態(tài)界面，通過在手機(jī)屏幕的上下滑動(dòng)、觸摸實(shí)現(xiàn)手機(jī)瀏覽和動(dòng)態(tài)交互過程，是與手機(jī)功能相關(guān)的圖形用戶界面設(shè)計(jì)，不是純粹的網(wǎng)站網(wǎng)頁(yè)的圖文排版，屬于專利法的保護(hù)客體。
2.設(shè)計(jì)1與證據(jù)1在整體視覺效果上無(wú)實(shí)質(zhì)性差異，宣告涉案專利設(shè)計(jì)1無(wú)效。
3.動(dòng)態(tài)界面的創(chuàng)新在于從首界面到尾界面的整個(gè)動(dòng)態(tài)變化過程?！秾＠麑彶橹改稀芬?guī)定圖形用戶界面為動(dòng)態(tài)圖案的，應(yīng)當(dāng)提交能唯一確定動(dòng)態(tài)圖案中動(dòng)畫的變化趨勢(shì)的視圖。這些體現(xiàn)變化趨勢(shì)的視圖即關(guān)鍵幀視圖表達(dá)了動(dòng)態(tài)界面的設(shè)計(jì)思路、變化過程等，作為一個(gè)整體設(shè)計(jì)方案不可分割。因此涉案專利設(shè)計(jì)2的界面與證據(jù)1的界面相比時(shí)，不能只比較首尾界面，而應(yīng)對(duì)比整體的變化過程。盡管二者主界面沒有明顯區(qū)別，但動(dòng)態(tài)界面的動(dòng)態(tài)變化過程相對(duì)于主界面的設(shè)計(jì)而言對(duì)于消費(fèi)者的體驗(yàn)?zāi)墚a(chǎn)生更重要的影響，在整體視覺效果上屬于應(yīng)當(dāng)考慮的重要內(nèi)容。由于二者的動(dòng)態(tài)變化過程即具體的動(dòng)畫切換過程完全不同，體現(xiàn)在中間具體界面的內(nèi)容和最終給消費(fèi)者的動(dòng)畫效果完全不同，差異明顯，故涉案專利設(shè)計(jì)2的界面與證據(jù)1的界面存在明顯區(qū)別，維持涉案專利設(shè)計(jì)2有效。
此外，該審查決定指出除了使用狀態(tài)參考圖外的附圖均是涉案專利要求保護(hù)的內(nèi)容。
三、官文（包括補(bǔ)正通知書和審查意見通知書）及分析
官文指出的問題種類繁多，因此，一并結(jié)合以上判例、無(wú)效案例以及各類官文，對(duì)GUI申請(qǐng)文件的提供策略進(jìn)行分析。
圖片
在諸多引發(fā)官文的問題中，視圖名稱不正確幾乎可以占據(jù)半壁江山。
首先，GUI申請(qǐng)往往涉及軟件界面的變化，一個(gè)方案可以包括多種變化即多個(gè)設(shè)計(jì)（如上述無(wú)效案例），為此，在存在多個(gè)設(shè)計(jì)的情況下，需把“設(shè)計(jì)n”放在圖片名稱的最前。
第二，如果一張圖片可以對(duì)應(yīng)多個(gè)設(shè)計(jì)，需要將該圖片分別加入多個(gè)設(shè)計(jì)（如上述無(wú)效案例），即使僅提交一張?jiān)搱D片，也需要在簡(jiǎn)要說(shuō)明的省略視圖部分進(jìn)行記載。
第三，在每個(gè)設(shè)計(jì)中，需存在主視圖。
第四，很多代理人將點(diǎn)擊主界面引發(fā)的變化視圖命名為“界面變化狀態(tài)圖”或“界面變化圖”，但是根據(jù)多個(gè)官文的意見，在含有物理載體（手機(jī)、電腦）的設(shè)計(jì)方案中，主視圖的多張變化視圖需命名為“變化狀態(tài)圖n”。
第五，如果一個(gè)設(shè)計(jì)中只有一張主視圖，或者另包含一張變化狀態(tài)圖，不能為主視圖或變化狀態(tài)圖編號(hào)為“主視圖1”或“變化狀態(tài)圖1”，僅命名“主視圖”或“變化狀態(tài)圖”即可。
第六，有少量官文指出不要為視圖編號(hào)（例如“01-主視圖”），但是也有大量這樣編號(hào)的申請(qǐng)并未收到官文。本文建議為謹(jǐn)慎計(jì)，無(wú)需為視圖編號(hào)。
第七，可以為每個(gè)主視圖、變化狀態(tài)圖配備具有完整界面的狀態(tài)參考圖，其命名需加入對(duì)應(yīng)的視圖名稱，即“xx圖使用狀態(tài)參考圖”，其他名稱均有可能引發(fā)官文意見，請(qǐng)注意。
第八，如果一張使用狀態(tài)參考圖可以對(duì)應(yīng)多個(gè)設(shè)計(jì)中的多張圖片，必須將該使用狀態(tài)參考圖歸如其中一個(gè)設(shè)計(jì)，如“設(shè)計(jì)nxx圖使用狀態(tài)參考圖”，然后在簡(jiǎn)要說(shuō)明里說(shuō)明省略相同的使用狀態(tài)參考圖。
綜上所述，不會(huì)引發(fā)官文意見的視圖命名應(yīng)該如以下示例：
除視圖命名外，對(duì)圖片本身進(jìn)行適當(dāng)?shù)奶幚硪部梢员苊庖鸸傥囊庖姟?
首先，如果視圖內(nèi)包含展示框，不要留有展示內(nèi)容和展示文字。
第二，視圖中需要包括具有交互功能按鈕，不能僅具有顯示作用（動(dòng)態(tài)圖案也不行，必須能夠通過人工滑動(dòng)或點(diǎn)擊控制視圖變化）。
第三，有些客戶提供包括完整內(nèi)容的長(zhǎng)圖，長(zhǎng)圖應(yīng)截屏處理，并在簡(jiǎn)要說(shuō)明里說(shuō)明各截屏圖片可以通過滑動(dòng)連續(xù)，提供的使用狀態(tài)參考圖最好也截屏提供，如提供完整長(zhǎng)圖，無(wú)需提供。
第四，變化狀態(tài)圖不能與主視圖相同，主視圖是完整設(shè)計(jì)方案的一部分，而非摘要。
第五，各視圖不能與使用狀態(tài)參考圖相同，否則只需提供視圖即可，無(wú)需提供參考圖。
第六，視圖要清晰（顏色、邊緣、內(nèi)部線條），各視圖長(zhǎng)寬比要一致。
第七，圖片的空白區(qū)域要有符號(hào)（如圖片占位符、文字占位符）或在簡(jiǎn)要說(shuō)明中進(jìn)行解釋。
第八，涉及地圖和地點(diǎn)的圖片要確保政治正確，中國(guó)地圖必須包括香港、臺(tái)灣、九段線。
簡(jiǎn)要說(shuō)明
GUI申請(qǐng)的簡(jiǎn)要說(shuō)明與傳統(tǒng)產(chǎn)品外觀設(shè)計(jì)有很大不同。
首先，“本外觀設(shè)計(jì)產(chǎn)品的名稱”應(yīng)該寫“用于xx的圖形用戶界面”或“帶圖形用戶界面的xx”，其中xx指代手機(jī)、電腦等具體產(chǎn)品，不可以上位成終端或移動(dòng)終端（這種補(bǔ)正非常多，請(qǐng)一定注意）。由上述判例可以知，如果將名稱寫為“帶圖形用戶界面的xx”將限定保護(hù)產(chǎn)品，對(duì)于后期維權(quán)十分不利，因此，現(xiàn)階段建議僅將名稱寫為“用于xx的圖形用戶界面”。
第二，“本外觀設(shè)計(jì)產(chǎn)品的用途”是指設(shè)備的用途而不是界面的用途，切忌寫軟件功能，建議寫法是：用于人機(jī)交互及顯示。
第三，“本外觀設(shè)計(jì)產(chǎn)品的設(shè)計(jì)要點(diǎn)”應(yīng)該寫“在于顯示信息的圖形用戶界面的界面內(nèi)容”，而非軟件功能。
第四，必須指定一副最能表明本外觀設(shè)計(jì)設(shè)計(jì)要點(diǎn)的圖片或照片，缺少或指定多個(gè)都不可以。
第五，如果包括多個(gè)設(shè)計(jì)方案，必須填寫指定基本設(shè)計(jì)：設(shè)計(jì)n，缺少或填寫多個(gè)都不可以。
第六，可以在“界面用途”項(xiàng)目記錄各界面的功能和其他信息（參考上述無(wú)效案例）?？梢杂涊d的內(nèi)容有：
產(chǎn)品的圖形用戶界面為xx功能（界面實(shí)現(xiàn)的功能）的圖形用戶界面；
各視圖具有哪些元素，各元素具有何種交互功能；
如何通過交互動(dòng)作變換視圖，如果交互動(dòng)作包括滑動(dòng)動(dòng)作，需要寫明滑動(dòng)方向；
各視圖如何展現(xiàn)動(dòng)態(tài)變化；
是否需要保護(hù)色彩：注意如需保護(hù)色彩需單獨(dú)說(shuō)明“設(shè)計(jì)n的設(shè)計(jì)方案保護(hù)色彩”，不能在描述視圖時(shí)描述色彩，如果圖片中沒有色彩，此處也不要記載；
各視圖均有名稱對(duì)應(yīng)的使用狀態(tài)參考圖（寫這一句就可以，不要試圖通過在此處解釋來(lái)簡(jiǎn)化圖片布局，圖片布局一定要規(guī)范）。
第七，需要在“省略視圖”中記載因圖片相同或不具有設(shè)計(jì)要點(diǎn)而省略的視圖，例如：“省略俯視圖、仰視圖、左視圖、右視圖、后視圖，因其不具有設(shè)計(jì)要點(diǎn)”或“省略設(shè)計(jì)2主視圖使用狀態(tài)參考圖、設(shè)計(jì)3主視圖使用狀態(tài)參考圖，因其與設(shè)計(jì)1主視圖使用狀態(tài)參考圖相同”。省略視圖處記載要簡(jiǎn)要，不要涉及無(wú)關(guān)內(nèi)容。需要注意的是，如果圖片不包括完整設(shè)計(jì)方案所有圖片，一定要在省略視圖中進(jìn)行說(shuō)明。
第八，上述七項(xiàng)需要完整規(guī)范填寫，如果無(wú)填寫內(nèi)容（只有一個(gè)設(shè)計(jì)所以無(wú)指定基本設(shè)計(jì)），需要?jiǎng)h除該項(xiàng)，不要留有空白。
申請(qǐng)文件的修改
如果收到官文后需要修改申請(qǐng)文件，需要注意修改后的圖片需要與原圖片相似，不能有較大差異。
一些客戶未擴(kuò)大保護(hù)范圍，往往會(huì)將一個(gè)完整滑動(dòng)方案的每一屏單獨(dú)作為一個(gè)相似設(shè)計(jì)，如果各屏圖片并不具有大體相似的設(shè)計(jì)，往往會(huì)引起相似設(shè)計(jì)不相似的審查意見。此時(shí)，除刪除不相似的設(shè)計(jì)方案和進(jìn)行分案申請(qǐng)外，還可以修改視圖名稱，將各屏圖片合并為一個(gè)或多個(gè)設(shè)計(jì)方案（來(lái)源于官文中審查員提供的建議），注意不能增加圖片以免超范圍。
希望通過以上分析能夠幫助大家在申請(qǐng)GUI外觀設(shè)計(jì)專利時(shí)減少收到的補(bǔ)正和審查意見通知書，并使設(shè)計(jì)方案在權(quán)利維護(hù)時(shí)獲得更好的保護(hù)。也希望我國(guó)能夠加快相關(guān)領(lǐng)域的法規(guī)建立，使GUI外觀設(shè)計(jì)專利的申請(qǐng)、保護(hù)能夠早日走出探索階段。