使用圖形用戶界面的基于計(jì)算機(jī)的培訓(xùn)的制作方法
【技術(shù)領(lǐng)域】
[0001]本公開的內(nèi)容涉及用于培訓(xùn)使用者，尤其是計(jì)算機(jī)動(dòng)畫藝術(shù)家，的用戶界面。
【背景技術(shù)】
[0002]對(duì)于基于計(jì)算機(jī)的培訓(xùn)內(nèi)容，現(xiàn)有導(dǎo)航用戶界面不夠有效。例如，傳統(tǒng)的用戶界面可以以列表形式呈現(xiàn)培訓(xùn)內(nèi)容，和/或需要用戶基于關(guān)鍵字搜索課程數(shù)據(jù)庫。使用這些列表和/或數(shù)據(jù)庫呈現(xiàn)的培訓(xùn)材料，視覺上可能不夠直觀，并且也降低可用性。而且，現(xiàn)有的用戶界面通常被設(shè)計(jì)來訪問一種單一類型的內(nèi)容，如課程，而不是一系列的不同類型的內(nèi)容，如課程，實(shí)例，活動(dòng)等。這些傳統(tǒng)的用戶界面不能調(diào)動(dòng)用戶的參與，也降低了實(shí)效。一種易用的和有效的培訓(xùn)使用的圖形用戶界面(GUI)是可取的。

【發(fā)明內(nèi)容】

[0003]在一些實(shí)例中，在屏幕上顯不圍繞第一軸排列的第一多個(gè)圖標(biāo)。該第一多個(gè)圖標(biāo)對(duì)應(yīng)于多個(gè)計(jì)算機(jī)生成動(dòng)畫概念。接收表示用戶選擇的第一多個(gè)圖標(biāo)中的第一圖標(biāo)的第一數(shù)據(jù)。其中，第一圖標(biāo)對(duì)應(yīng)于多個(gè)計(jì)算機(jī)生成動(dòng)畫概念中的第一計(jì)算機(jī)生成動(dòng)畫概念。作為響應(yīng)，將顯示第一計(jì)算機(jī)生成動(dòng)畫概念的教學(xué)教程。此外，在屏幕上顯示圍繞第二軸排列的第二多個(gè)圖標(biāo)。第二軸與第一軸相交于第一多個(gè)圖標(biāo)中的一個(gè)給定的圖標(biāo)。第二多個(gè)圖標(biāo)對(duì)應(yīng)于講解與所述第一圖標(biāo)相對(duì)應(yīng)的計(jì)算機(jī)生成動(dòng)畫概念的多個(gè)視頻。接收表示用戶選擇的第二多個(gè)圖標(biāo)中的第二圖標(biāo)的第二數(shù)據(jù)。響應(yīng)所接收到第二數(shù)據(jù)，將顯示多個(gè)對(duì)應(yīng)于第一計(jì)算機(jī)生成動(dòng)畫概念視頻中的一個(gè)視頻。
[0004]在一些實(shí)例中，在屏幕上顯示圍繞排列第三軸的第三多個(gè)圖標(biāo)。第三軸與第一軸相交于第一多個(gè)圖標(biāo)中的第三圖標(biāo)。第三多個(gè)圖標(biāo)講解對(duì)應(yīng)于第三圖標(biāo)的計(jì)算機(jī)生成動(dòng)畫概念的多個(gè)視頻。在一些實(shí)例中，當(dāng)?shù)诙鄠€(gè)圖標(biāo)中的一個(gè)圖標(biāo)與第三多個(gè)圖標(biāo)中的一個(gè)圖標(biāo)在水平軸對(duì)齊，那么這兩個(gè)圖標(biāo)都與來自相同計(jì)算生成動(dòng)畫主題的部分相關(guān)聯(lián)。
[0005]在一些實(shí)例中，在屏幕上也顯示圍繞第二軸排列的第四多個(gè)圖標(biāo)。第一軸隔開第二多個(gè)圖標(biāo)和第四多個(gè)圖標(biāo)。第四多個(gè)圖標(biāo)講解與所述第一圖標(biāo)相對(duì)應(yīng)的計(jì)算機(jī)生成動(dòng)畫概念的多個(gè)講解視頻。
【附圖說明】
[0006]圖1描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0007]圖2描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0008]圖3描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0009]圖4描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0010]圖5A描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0011]圖5B描述計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I的游戲場部分。
[0012]圖6描述一個(gè)用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0013]圖7描述活動(dòng)圖標(biāo)的圖例。
[0014]圖9描述用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0015]圖9描述一個(gè)計(jì)算機(jī)生成動(dòng)畫培訓(xùn)的典型流程。
[0016]圖10描述用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性計(jì)算機(jī)系統(tǒng)。
[0017]圖11描述用于烹飪培訓(xùn)的示例性⑶I。
[0018]圖12描述用于計(jì)算機(jī)生成動(dòng)畫的培訓(xùn)的示例性⑶I。
[0019]詳細(xì)說明
[0020]圖1描述了用于培訓(xùn)使用者的圖形用戶界面100。在圖示的實(shí)例中，圖形用戶界面100包括用于講解計(jì)算機(jī)生成動(dòng)畫概念的培訓(xùn)內(nèi)容。計(jì)算機(jī)生成動(dòng)畫藝術(shù)家(如用戶)可以通過與⑶I 100的⑶I元素(如圖標(biāo)和按鈕)進(jìn)行交互來訪問特定的培訓(xùn)功能。⑶I100的圖標(biāo)布置方式鼓勵(lì)并促進(jìn)用戶通過培訓(xùn)序列實(shí)現(xiàn)發(fā)展。GUI 100可以被稱為“課程地圖”。參照?qǐng)D2-4對(duì)⑶I 100的特征進(jìn)行更詳細(xì)地描述。
[0021]圖2描繪了 GUI 200，是GUI 100 (圖1)的一部分。GUI 200包括沿軸220排列的圖標(biāo)210a-210d。在圖示的實(shí)例中，軸220是水平的；由此，圖標(biāo)210a_210d水平排列在屏幕上。注意，軸220不需要被明顯地顯示出來。圖標(biāo)210a-210d各代表在計(jì)算機(jī)生成動(dòng)畫的藝術(shù)領(lǐng)域中的概念。例如，圖標(biāo)210b表示的是被叫做“舞臺(tái)調(diào)度”的計(jì)算機(jī)生成動(dòng)畫概念，并被標(biāo)記為這樣。同樣地，圖標(biāo)210D表示的是計(jì)算機(jī)生成動(dòng)畫概念“照明”，并且被標(biāo)記為這樣。圖標(biāo)210a-210d沿水平軸220順序排列，在其中，表示某個(gè)計(jì)算機(jī)生成動(dòng)畫主題的順序。
[0022]圖標(biāo)21Oa-21Od是用戶交互式的，這意味著它們響應(yīng)用戶輸入，例如鼠標(biāo)，觸摸和/或運(yùn)動(dòng)手勢(shì)輸入形式。例如，用戶可以點(diǎn)擊圖標(biāo)210b，即可激活講解“舞臺(tái)調(diào)度”概念所對(duì)應(yīng)的教程模塊。示例性的教程模塊包括視頻、文本式說明、可視化的學(xué)習(xí)輔助(如流程圖)等。該教程模塊可以包括講師旁白。沿軸220的用戶交互培訓(xùn)內(nèi)容的布置安排(即圖標(biāo)210a-210d)可以稱為“學(xué)習(xí)軸心”。
[0023]⑶I 200包括額外的圖標(biāo)來提供培訓(xùn)功能。例如，圖標(biāo)240a和240b被設(shè)置沿垂直軸230排列，并顯示在學(xué)習(xí)軸心(即軸220)上面。垂直軸230與學(xué)習(xí)軸心相交于圖標(biāo)210b。圖標(biāo)240a和240b提供訪問在學(xué)習(xí)軸心上的圖標(biāo)210b所表示的計(jì)算機(jī)生成動(dòng)畫概念的說明示例。具體地，圖標(biāo)240a和240b其中一個(gè)被激活時(shí)，能夠顯示實(shí)現(xiàn)并說明“舞臺(tái)調(diào)度”概念的計(jì)算機(jī)生成動(dòng)畫的視頻。換句話說，用戶可以觸摸圖標(biāo)240a或240b來顯示計(jì)算機(jī)生成動(dòng)畫主題為“舞臺(tái)調(diào)度”的視頻剪輯。該視頻剪輯也注重“舞臺(tái)調(diào)度”的效果，因此用戶能夠體會(huì)到計(jì)算機(jī)生成動(dòng)畫概念的有效性。如圖所示，圖標(biāo)240a和240b對(duì)應(yīng)于不同的計(jì)算機(jī)生成動(dòng)畫主題的片段(例如，部分)。
[0024]注意，在一些實(shí)例中，圖標(biāo)240a和240b與來自相同計(jì)算機(jī)生成動(dòng)畫主題的不同部分(例如，場景)的片段相關(guān)聯(lián)。此外，請(qǐng)注意，軸230不需要被明顯地顯示在屏幕上。更進(jìn)一步地，可以注意到在一些實(shí)例中，圖標(biāo)240a和240b顯示在沿軸230的學(xué)習(xí)軸心的下面。
[0025]圖3描述了⑶I 300的示例，其也是⑶I 100 (圖1)中的一部分。與⑶I 200 (圖2)相比，⑶I 300還包括沿著豎直軸330的圖標(biāo)340a和340b。垂直軸330，是不需要被顯示的，與學(xué)習(xí)軸心(水平軸220)相交于圖標(biāo)210c，它代表計(jì)算機(jī)生成動(dòng)畫概念的“構(gòu)圖”概念。當(dāng)圖標(biāo)340a和340b其中一個(gè)被激活時(shí)，能夠顯示講解計(jì)算機(jī)生成動(dòng)畫的“構(gòu)圖”概念的示例視頻片段。
[0026]從圖3可以看出，圖標(biāo)240a和340a，以及圖標(biāo)240b和340b，沿水平軸對(duì)齊的(即使在水平軸沒有顯式地畫出)。成對(duì)圖標(biāo)之間的對(duì)齊表明值得關(guān)注的關(guān)系:圖標(biāo)240a和340a對(duì)應(yīng)的視頻剪輯來自相同的計(jì)算機(jī)生成動(dòng)畫主題，卻突出的是不同計(jì)算機(jī)生成動(dòng)畫概念。也就是說，用戶可以激活圖標(biāo)240a，顯示計(jì)算機(jī)生成動(dòng)畫主題的一個(gè)片段，如“受讓人的怪物史萊克”主題，它強(qiáng)調(diào)“舞臺(tái)調(diào)度”的概念。通過一個(gè)簡單的向右橫向?yàn)g覽，用戶可以找到并激活圖標(biāo)240a，來顯示另一個(gè)“怪物史萊克”的視頻剪輯，該視頻強(qiáng)調(diào)“構(gòu)圖”的概念。圖標(biāo)240b和340b采用類似方式布置。
[0027]在⑶I 100-300中，多軸布置圖標(biāo)的方式有利于允許用戶用連貫的方式通過課程地圖進(jìn)行瀏覽。對(duì)通過⑶I 100-300(或一般說，課程地圖)學(xué)習(xí)計(jì)算機(jī)生成動(dòng)畫概念感興趣的用戶，首先可通過激活概念圖標(biāo)(例如210a-210d)來查看該概念的教程模塊。然后，用戶可以激活實(shí)例圖標(biāo)(例如，240a-240b和/或340a_340b)來查看該概念的說明示例。用戶可以通過沿著一種GUI元素的布置(例如，垂直)進(jìn)行瀏覽，在不同的計(jì)算機(jī)生成動(dòng)畫主題的特定概念的實(shí)現(xiàn)之間進(jìn)行比較。用戶還可以通過另一種圖標(biāo)布置方式