如今互聯(lián)網(wǎng)時(shí)代，手機(jī)、電腦、平板幾乎充斥著我們的周?chē)?，隨之各種類(lèi)型豐富的APP也隨之環(huán)繞，為吸引更多人群安裝并下載，并且保持高流量訪問(wèn)，APP的GUI界面必須自然、流暢、美觀。這對(duì)提升人機(jī)交互和用戶(hù)體驗(yàn)至關(guān)重要，因此需要設(shè)計(jì)師付出更多的精力去設(shè)計(jì)。但GUI界面設(shè)計(jì)作為設(shè)計(jì)師的心血，如何有效保護(hù)設(shè)計(jì)師的GUI產(chǎn)品不被抄襲模仿，避免其他人侵害設(shè)計(jì)師的心血也相當(dāng)重要。

但想要保護(hù)動(dòng)態(tài)GUI，首先我們需要了解動(dòng)態(tài)GUI的基本原理。

動(dòng)態(tài)GUI界面無(wú)論是否涉及人機(jī)互動(dòng)，界面均以動(dòng)畫(huà)效果作為基本要素。動(dòng)態(tài)GUI是利用人們眼睛的視覺(jué)殘留作用，通過(guò)一格又一格的靜態(tài)的畫(huà)面，按時(shí)間線以每秒鐘高于24格的速度連續(xù)放映，在人眼中造成動(dòng)態(tài)的感覺(jué)。而每一格靜態(tài)畫(huà)面，通常稱(chēng)為一幀，其中最關(guān)鍵的一些靜態(tài)畫(huà)面，稱(chēng)為關(guān)鍵幀。

動(dòng)態(tài)GUI界面是可以通過(guò)申報(bào)外觀專(zhuān)利進(jìn)行保護(hù)，在《專(zhuān)利審查指南》第一部分第三章第4.4.2節(jié)存在解釋?zhuān)簣D形用戶(hù)界面為動(dòng)態(tài)圖案的，申請(qǐng)人應(yīng)當(dāng)至少提交一個(gè)狀態(tài)的圖形用戶(hù)界面所涉及面的正投影視圖作為主視圖；其余狀態(tài)可僅提交圖形用戶(hù)界面關(guān)鍵幀的視圖作為變化狀態(tài)圖，所提交的視圖應(yīng)能唯一確定動(dòng)態(tài)圖案中動(dòng)畫(huà)完整的變化過(guò)程。標(biāo)注變化狀態(tài)圖時(shí)，應(yīng)根據(jù)動(dòng)態(tài)視覺(jué)變化過(guò)程的先后順序標(biāo)注。因此針對(duì)動(dòng)態(tài)GUI界面進(jìn)行外觀申報(bào)時(shí)，通常需要從動(dòng)態(tài)圖形用戶(hù)界面中選擇幾張關(guān)鍵幀畫(huà)面作為外觀設(shè)計(jì)專(zhuān)利申請(qǐng)文件，并且所選取的關(guān)鍵幀需要保證GUI界面的動(dòng)態(tài)視覺(jué)變化唯一且清楚的呈現(xiàn)。

但是如何從動(dòng)態(tài)圖形用戶(hù)界面中選擇必要的關(guān)鍵幀呢？

例如下圖所示專(zhuān)利所保護(hù)的是一種清潔機(jī)器人的抹布清洗進(jìn)程提示動(dòng)態(tài)圖形用戶(hù)界面，其分別選取圖形用戶(hù)界面在1、3、5、10、15S時(shí)的圖形用戶(hù)界面作為申請(qǐng)文件，根據(jù)這五張圖片，我們可清楚獲知該圖形用戶(hù)界面中環(huán)繞秒數(shù)周?chē)男A圈是由正上方為起始點(diǎn)，沿順時(shí)針?lè)较蛞苿?dòng)，因此下述5張圖片可作為動(dòng)態(tài)圖形用戶(hù)界面的關(guān)鍵幀，且可以唯一確定動(dòng)態(tài)圖案中動(dòng)畫(huà)完整的變化過(guò)程。下述申請(qǐng)文件圖片的保護(hù)目的之一是該圖形用戶(hù)界面中流暢的動(dòng)態(tài)變化效果。

但圖形用戶(hù)界面中還存在一種情況，則是包含有人機(jī)交互的界面變化過(guò)程，針對(duì)該類(lèi)型的圖形用戶(hù)界面又該如何選取關(guān)鍵幀進(jìn)行外觀專(zhuān)利保護(hù)呢？

以專(zhuān)利案例“帶語(yǔ)音輔助教學(xué)動(dòng)態(tài)圖形用戶(hù)界面的顯示屏幕面板”為例，該圖形界面是通過(guò)手指觸摸屏幕，并向左滑動(dòng)進(jìn)行切換；但結(jié)合申請(qǐng)文件中圖片并不能清楚展示該動(dòng)態(tài)變化過(guò)程，通過(guò)申請(qǐng)文件圖片可唯一確定的是界面中選項(xiàng)卡是從右向左移動(dòng)，因此下述圖片可作為動(dòng)態(tài)圖形用戶(hù)界面的關(guān)鍵幀，但對(duì)于人機(jī)交互過(guò)程，則需結(jié)合簡(jiǎn)要說(shuō)明進(jìn)行說(shuō)明；例如該案例中針對(duì)人機(jī)交互過(guò)程在簡(jiǎn)要說(shuō)明進(jìn)行描述：“主視圖為關(guān)于平衡車(chē)的APP新手教學(xué)欄目的圖形界面，顯示駕駛指南界面，通過(guò)向左滑動(dòng)能夠切換到騎行教學(xué)界面，其動(dòng)態(tài)變化過(guò)程如動(dòng)態(tài)界面變化狀態(tài)圖1?3所示”，從而清楚展示出該動(dòng)態(tài)界面的變化過(guò)程，進(jìn)而才能針對(duì)人際交互過(guò)程、界面動(dòng)態(tài)變化過(guò)程進(jìn)行保護(hù)。