專利名稱：：提供用于分類圖標的使用者界面的方法及電子裝置的制作方法
技術領域：
：本發(fā)明涉及一種提供使用者界面的方法及電子裝置，特別是一種提供用于分類圖標(icon)的使用者界面的方法及電子裝置。
背景技術：
：在各種操作系統(tǒng)中，各種文件(譬如圖片文件、影音文件或文字文件等)或程序(譬如文字處理程序、影音播放軟件或游戲等)皆有對應的圖標可供使用者點選并執(zhí)行，這些圖標的外觀通常具有代表其對應的對象的圖案，使用者可將這些圖標放在桌面或其他文件夾中，當使用者欲執(zhí)行這些圖標時，再從桌面或其他文件夾中點選并執(zhí)行。在一些操作系統(tǒng)中，文件夾的圖標具有特殊的圖案，代表此文件夾內文件的屬性(譬如放音樂的文件夾的圖標具有音符、放圖片的文件夾的圖標具有照片)，然而使用者欲執(zhí)行此文件夾內的文件或程序時，仍須先找到此文件夾，點選打開文件夾后再執(zhí)行文件或程序的圖標，除了需一層一層尋找文件夾而讓使用者操作不方便外，文件夾圖標的圖案亦顯單調，無法讓人印象深刻。因此，有必要提供一種提供用于分類圖標的使用者界面的方法及電子裝置，以改善上述所存在的問題。
發(fā)明內容本發(fā)明的主要目的是在提供一種提供用于分類圖標的使用者界面的方法及電子裝置，可讓使用者更直觀地找到欲操作的圖標。為達上述目的，本發(fā)明的提供用于分類圖標的使用者界面的方法用于一電子裝置，其中該電子裝置包括一觸控屏幕，該觸控屏幕用以提供一顯示畫面，該方法包括下列步驟提供多個分類標簽，其中各該分類標簽分別呈現(xiàn)一特定顏色，且各該分類標簽包括一分類頁面，其中代表一文件或是一程序的至少一圖標顯示于該分類頁面，該至少一圖標包括一外框，該外框實質上與該圖標所屬的該分類標簽的該特定顏色相同；以及在該顯示畫面上顯示該多個分類標簽及該多個分類標簽其中一個的該分類頁面。在本發(fā)明的一實施例中，各分類標簽具有特定屬性，且各至少一圖標與相對應的特定屬性具有相關性。在本發(fā)明的一實施例中，多個分類標簽實質上以條狀形式呈現(xiàn)在顯示畫面的一側。為達上述目的，本發(fā)明的電子裝置包括一觸控屏幕、一標簽模塊及一控制模塊；該觸控屏幕用以提供一顯示畫面；該標簽模塊用以產(chǎn)生多個分類標簽，其中各該分類標簽分別呈現(xiàn)一特定顏色，且各該分類標簽包括一分類頁面，其中代表一文件或是一程序的至少一圖標顯示于該分類頁面，該至少一圖標包括一外框，該外框實質上與該圖標所屬的該分類標簽的特定顏色相同；且該控制模塊用以將該多個分類標簽及該多個分類標簽其中一個的該分類頁面顯示在該顯示畫面上。在本發(fā)明的一實施例中，各分類標簽具有特定屬性，且各至少一圖標與相對應的特定屬性具有相關性。在本發(fā)明的一實施例中，控制模塊控制多個分類標簽實質上以條狀形式呈現(xiàn)在顯示畫面的一側。本發(fā)明的使用者可根據(jù)標簽的顏色得知標簽內對象的特定屬性，十分直觀化且易記；并且使用者僅須點選標簽即可進入其頁面，無須像先前技術中的文件夾那樣，須一層一層進入尋找。圖I為關于本發(fā)明的電子裝置的一實施例的示意圖?！D2為關于本發(fā)明的電子裝置的一實施例的架構示意圖。圖3為關于本發(fā)明的提供用于分類圖標的使用者界面的方法的一實施例的步驟流程圖。圖4至圖7為關于本發(fā)明的提供用于分類圖標的使用者界面的方法的一實施例的操作示意圖。圖8為關于本發(fā)明的提供用于分類圖標的使用者界面的方法的移動圖標的一實施例的步驟流程圖。圖9至圖10為關于本發(fā)明的提供用于分類圖標的使用者界面的方法的一實施例的操作示意圖。主要組件符號說明電子裝置I分類頁面211、231、241、281觸控屏幕11全部文件標簽28顯示畫面111圖標311、331、341標簽模塊12界面工具集312控制模塊13外框3111、3311、3411首頁標簽21手指91分類標簽222具體實施例方式為讓本發(fā)明的上述和其他目的、特征和優(yōu)點能更明顯易懂，下文特舉出較佳實施例，并配合所附附圖，作詳細說明如下。請先參考圖I及圖2，圖I為關于本發(fā)明的電子裝置的一實施例的示意圖，圖2為關于本發(fā)明的電子裝置的一實施例的架構示意圖。如圖I所示，在本發(fā)明的一實施例中，電子裝置I為平板計算機(tabletPC)，電子裝置I具有觸控屏幕11，但本發(fā)明不以此為限；舉例來說，電子裝置I亦可為個人計算機(personalcomputer,PC)、筆記本型計算機(notebookcomputer)、個人數(shù)字助理(personaldigitalassistant,PDA)、智能型手機(smartphone)或其他具有觸控屏幕的便攜式電子裝置。如圖2所示，電子裝置I包括觸控屏幕11、標簽模塊12及控制模塊13。觸控屏幕11用以提供顯示畫面；標簽模塊12用以產(chǎn)生多個分類標簽；控制模塊13用以將多個分類標簽及多個分類標簽其中一個的分類頁面顯示在顯示畫面上。在本發(fā)明的一實施例中，標簽模塊12及控制模塊13可以是硬件裝置、軟件程序、電路或者其結合的方式組成，并且上述模塊可各自單獨存在，或者以結合的方式存在，但本發(fā)明并不以此為限。以下即以圖I及圖2所示的本發(fā)明的電子裝置I為例，詳細說明本發(fā)明的提供用于分類圖標的使用者界面的方法的各個步驟，但須注意的是，只要能達到本發(fā)明的目的，本發(fā)明的方法并不以應用在圖I或圖2所示的電子裝置I為限。如圖3所示，本發(fā)明的提供用于分類圖標的使用者界面的方法首先進行步驟S71提供首頁標簽、多個分類標簽及全部文件標簽。如圖4所示，標簽模塊12用以產(chǎn)生首頁標簽21、多個分類標簽2227及全部文件標簽28，其中各首頁標簽21、多個分類標簽2227及全部文件標簽28分別呈現(xiàn)特定顏色，且各首頁標簽21、各多個分類標簽2227及全部文件標簽28包括相對應的首頁頁面、分類頁面及全部文件標簽頁面，各首頁頁面、分類頁面及全部文件標簽頁面包括至少一圖標或沒有圖標，稍后將有相關說明。須注意的是，分類標簽的數(shù)量不以圖4為限。在本發(fā)明的一實施例中，首頁標簽21、各多個分類標簽2227及全部文件標簽28的顏色依序分別為橙色、紅色、粉紅色、青色、藍色、咖啡色、棕色及綠色，但本發(fā)明不以這些顏色為限。須注意的是，為方便說明，在下述的實施例中若未特別指定所提的標簽，則標簽可為首頁標簽21、多個分類標簽2227或全部文件標簽28;且在下述的實施例中若未特別指定所提的頁面，則頁面可為首頁頁面、多個分類頁面或全部文件標簽頁面。接著進行步驟S72:在顯示畫面上顯示首頁標簽、多個分類標簽及全部文件標簽以及其中一個的首頁頁面、分類頁面或全部文件頁面。如圖4所示，在步驟S72中，控制模塊13用以將首頁標簽21、多個分類標簽2227及全部文件標簽28及上述其中一個的首頁頁面、分類頁面或全部文件頁面顯示在顯示畫面111上。首頁標簽21、多個分類標簽2227及全部文件標簽28實質上以條狀形式呈現(xiàn)在顯示畫面111的左側，且各首頁標簽21、多個分類標簽2227及全部文件標簽28分別依序排列，但本發(fā)明不以此排列方式為限；舉例來說，首頁標簽21、多個分類標簽2227及全部文件標簽28亦可排列在顯示畫面111的上、右或下側。在本發(fā)明的一實施例中，圖4顯示分類標簽23的分類頁面231。以分類標簽23及其分類頁面231為例，本發(fā)明的分類頁面231包括多個圖標331，各圖標331包括外框3311，外框3311與圖標331所屬的分類標簽23的特定顏色相同(即粉紅色)，且各圖標331對應應用程序或文件；須注意的是，分類頁面231亦可能沒有圖標，譬如被使用者移動到別的標簽，關于移動圖標的方式稍后將有說明。另外，分類頁面231的背景顏色亦可與分類標簽23的顏色相同。其余分類標簽22、2427及其分類頁面與圖標請以此類推，不再贅述。當使用者點選首頁標簽21、多個分類標簽2227及全部文件標簽28其中一個時，控制模塊13即顯示使用者點選的首頁標簽21、多個分類標簽2227及全部文件標簽28其中一個的分類頁面在顯示畫面111上。各首頁標簽21、多個分類標簽2227及全部文件標簽28具有特定屬性，且各至少一圖標與相對應的特定屬性具有相關性。如圖4所示，在本發(fā)明的一實施例中，分類標簽23的特定屬性為“娛樂”，其多個圖標331亦為與娛樂相關的應用程序(譬如各種影音播放軟件)或文件(譬如各種影音文件)，但本發(fā)明不以此為限，使用者可自行決定何種應用程序或文件的屬性為娛樂，相關說明將在后面說明。在本發(fā)明的一實施例中，首頁標簽21的特定屬性為“首頁”；分類標簽22的特定屬性為“我的最愛”;分類標簽24的特定屬性為“工作”;分類標簽25的特定屬性為“新聞”；分類標簽26的特定屬性為“游戲”；分類標簽27的特定屬性為“最近使用”；以及全部文件標簽28的特定屬性為“所有文件”;但本發(fā)明不以此等屬性為限。如圖5所示，首頁標簽21的首頁頁面211包括多個圖標311及界面工具集(widget)312，其中圖標311的外框3111與首頁標簽21的特定顏色相同(即粉橙色)，放在首頁頁面211內的多個圖標311可為使用者常用的應用程序或文件。在本發(fā)明的一實施例中，界面工具集僅允許被放在首頁頁面211，以避免其他分類標簽2227的分類頁面過于混亂，但本發(fā)明不以此為限。在本發(fā)明的一實施例中，電子裝置I開機后進入的預設頁面為首頁標簽21的首頁頁面211，但本發(fā)明不以此為限。如圖6所示，全部文件標簽28的全部文件頁面281用以顯示電子裝置I內的所有圖標，須注意的是，在全部文件頁面281內各圖標的外框為各圖標相對應其首頁標簽21或各多個分類標簽2227的特定顏色，且在全部文件頁面281內各圖標不可被執(zhí)行，僅提供使用者瀏覽，藉此，使用者可得知所有圖標的特定屬性后，可再點選其他標簽以尋找使用者欲執(zhí)行的圖標，但本發(fā)明不以此為限。如圖4、圖5及圖6所示，當顯示畫面111分別顯示分類頁面231、首頁頁面211及全部文件頁面281時，相對應的分類標簽23、首頁標簽21及全部文件標簽28較其他標簽的位置突出，藉此，使用者可知道顯示畫面111正在顯示何種標簽的頁面，但本發(fā)明不以此突出方式為限；譬如標簽亦可以擴大的形式表現(xiàn)。如圖7所示，當使用者的手指91移到至顯示畫面111的其中一標簽位置時,標簽彈出其特定屬性的文字說明，當使用者手指離開顯示畫面111后，彈出的文字說明隱藏，譬如使用者觸碰分類標簽24時，分類標簽24彈出“工作”;藉此，使用者可知道標簽的特定屬性。接著進行步驟S73:藉由觸控屏幕接受切換信息。在本發(fā)明的一實施例中，切換信息指使用者的手指91按在顯示畫面111的任一標簽(尤其是指首頁標簽21或多個分類標簽2227)所產(chǎn)生的信號，但本發(fā)明不以此為限。接著進行步驟S74:根據(jù)切換信息，切換至多個分類標簽其中一個的分類頁面。如圖4所示，在本發(fā)明的一實施例中，顯示畫面111原本顯示分類頁面23，切換信息為使用者的手指91按在分類標簽24上所產(chǎn)生的信號，故控制模塊13根據(jù)此切換信息將分類頁面23切換成分類頁面24(如圖7所示)，其中分類頁面241包括多個圖標341，各圖標341包括外框3411，外框3411與圖標341所屬的分類標簽24的特定顏色相同(即青色)。進一步來說，當使用者的手指91任意碰觸任一標簽，控制模塊13即會根據(jù)碰觸任一標簽時產(chǎn)生的切換信息，將頁面切換至對應標簽的分類頁面。本發(fā)明的提供用于分類圖標的使用者界面的方法亦提供使用者移動圖標，藉以改變圖標的位置及屬性，以下仍以圖I及圖2所示的本發(fā)明的電子裝置I為例進行說明。如圖8所示，本發(fā)明進行步驟S81:藉由觸控屏幕接受移動信息。在本發(fā)明的一實施例中，移動信息還包括將顯示畫面111上的至少一圖標拖拽至多個分類標簽其中一個上或將多個分類標簽其中一個拖拽至顯示畫面111的至少一圖標上。如圖9所示，在本發(fā)明的一實施例中，使用者欲將分類頁面24的其中一圖標341的特定屬性改為分類標簽25的特定屬性，則移動信息的特定輸入可為使用者的手指91長按住(譬如長按2秒以上)其中一圖標341并拖拽至分類標簽25上，之后手指91放開。在本發(fā)明的一實施例中，在拖拽其中一圖標341時,其中一圖標341的外框3411或全部圖標的外框的顏色呈現(xiàn)動態(tài)深淺變化(譬如青色、深青色及淺青色交換變換)，提示使用者進入移動模式，此時使用者無法執(zhí)行各圖標對應的功能，但本發(fā)明不以此方式為限；舉例來說，在拖拽其中一圖標341時，分類頁面241的背景顏色呈現(xiàn)動態(tài)深淺變化。須注意的是，本發(fā)明可以以多根手指同時按住多個圖標并移動，而不以移動一個圖標為限。如圖10所示，在本發(fā)明的另一實施例中，移動信息的特定輸入可為使用者的手指91長按住分類標簽25并拖拽至其中一圖標341上，之后手指91放開。接著進行步驟S82:移動圖標并使圖標的外框的顏色與多個分類標簽其中一個的特定顏色相同?？刂颇K13將圖標341移動至分類標簽25的分類頁面上，且圖標341的外框3411的顏色變?yōu)榉诸悩撕?5的特定顏色(即藍色)(圖未示)。藉由本發(fā)明的提供用于分類圖標的使用者界面的方法及電子裝置，可至少達到下列功效1.使用者可根據(jù)標簽的顏色得知標簽內對象的特定屬性，十分直觀化且易記；以及2.使用者僅須點選標簽即可進入其頁面，無須像先前技術中的文件夾那樣，須一層一層進入尋找。綜上所陳，本發(fā)明無論就目的、手段及功效，處處均顯示其迥異于公知技術的特征，懇請審查員明察，早日賜準專利，使嘉惠社會，實感德便。惟應注意的是，上述諸多實施例僅是為了便于說明而舉例而已，本發(fā)明所要求保護的權利范圍自然應當以權利要求書的范圍所述為準，而非僅限于上述實施例。權利要求1.一種提供用于分類圖標的使用者界面的方法，用于一電子裝置，其中該電子裝置包括一觸控屏幕，該觸控屏幕用以提供一顯示畫面，該方法包括下列步驟提供多個分類標簽，其中各該分類標簽分別呈現(xiàn)一特定顏色，且各該分類標簽包括一分類頁面，其中代表一文件或是一程序的至少一圖標顯示于該分類頁面，該至少一圖標包括一外框，該外框實質上與該圖標所屬的該分類標簽的該特定顏色相同；以及在該顯示畫面上顯示該多個分類標簽及該多個分類標簽其中一個的該分類頁面。2.如權利要求I所述的方法，其中各該分類標簽具有一特定屬性，且各該至少一圖標與相對應的該特定屬性具有相關性。3.如權利要求I所述的方法，其中該多個分類標簽實質上以條狀形式呈現(xiàn)在該顯示畫面的一側。4.如權利要求I所述的方法，其中該至少一圖標對應一應用程序或一文件。5.如權利要求I所述的方法，還包括下列步驟藉由該觸控屏幕接受一移動信息；根據(jù)該移動信息，移動該至少一圖標至該多個分類標簽其中一個的該分類頁面；以及使該至少一圖標的外框的顏色與該多個分類標簽其中一個的特定顏色相同。6.如權利要求5所述的方法，其中該移動信息包括藉由該觸控屏幕檢測一特定輸入，且該顯示畫面上的該至少一圖標被拖拽至該多個分類標簽其中一個上或該多個分類標簽其中一個被拖拽至該顯示畫面的該至少一圖標上；當該多個分類標簽其中一個被拖拽至該顯示畫面的該至少一圖標上時，使該至少一圖標的外框顏色實質上與被拖拽的該分類標簽的該特定顏色相同。7.如權利要求6所述的方法，其中在移動該至少一圖標至該多個分類標簽其中一個的該分類頁面的步驟中，還包括下列步驟在檢測該特定輸入后，該至少一圖標的外框的顏色或該分類頁面的背景顏色呈現(xiàn)動態(tài)深淺變化。8.如權利要求3所述的方法，還包括下列步驟提供一全部文件標簽，其中該全部文件標簽呈現(xiàn)該特定顏色，且該全部文件標簽包括一全部文件頁面，其中該全部文件頁面用以顯示全部該圖標，各該圖標的該外框的顏色為所屬的各該分類標簽的顏色。9.一種電子裝置，該電子裝置包括一觸控屏幕，該觸控屏幕用以提供一顯示畫面；一標簽模塊，該標簽模塊用以產(chǎn)生多個分類標簽，其中各該分類標簽分別呈現(xiàn)一特定顏色，且各該分類標簽包括一分類頁面，其中代表一文件或是一程序的至少一圖標顯示于該分類頁面，該至少一圖標包括一外框，該外框實質上與該圖標所屬的該分類標簽的該特定顏色相同；以及一控制模塊，該控制模塊用以將該多個分類標簽及該多個分類標簽其中一個的該分類頁面顯示在該顯示畫面上。10.如權利要求9所述的電子裝置，其中各該分類標簽具有一特定屬性，且各該至少一圖標與相對應的該特定屬性具有相關性。11.如權利要求9所述的電子裝置，其中該控制模塊控制該多個分類標簽實質上以條狀形式呈現(xiàn)在該顯示畫面的一側。12.如權利要求9所述的電子裝置，其中該觸控屏幕還用以接受一切換信息，根據(jù)該切換信息，該控制模塊移動該至少一圖標至該多個分類標簽其中一個的該分類頁面，并改變該至少一圖標的外框的顏色與該多個分類標簽其中一個的特定顏色相同。13.如權利要求12所述的電子裝置，其中該切換信息包括藉由該觸控屏幕檢測一特定輸入，且該顯示畫面上的該至少一圖標被拖拽至該多個分類標簽其中一個上或該多個分類標簽其中一個被拖拽至該顯示畫面的該至少一圖標上；當該多個分類標簽其中一個被拖拽至該顯示畫面的該至少一圖標上時，使該至少一圖標的外框顏色實質上與被拖拽的該分類標簽的該特定顏色相同。14.如權利要求12所述的電子裝置，其中在該觸控屏幕檢測該特定輸入時，該控制模塊控制被移動的該至少一圖標的外框的顏色或該分類頁面的背景顏色呈現(xiàn)動態(tài)深淺變化。15.如權利要求11所述的電子裝置，其中該標簽模塊還用以產(chǎn)生全部文件標簽，其中該全部文件標簽呈現(xiàn)該特定顏色，且該全部文件標簽包括一全部文件頁面，其中該全部文件頁面用以顯示全部該圖標，各該圖標的該外框的顏色為所屬的各該分類標簽的顏色。全文摘要本發(fā)明公開一種提供用于分類圖標的使用者界面的方法及電子裝置。該提供用于分類圖標的使用者界面的方法用于一電子裝置，其中該電子裝置包括一觸控屏幕，該觸控屏幕用以提供一顯示畫面，該方法包括下列步驟提供多個分類標簽，其中各該分類標簽分別呈現(xiàn)一特定顏色，且各該分類標簽包括一分類頁面，其中代表一文件或是一程序的至少一圖標顯示于該分類頁面，該至少一圖標包括一外框，該外框實質上與該圖標所屬的分類標簽的該特定顏色相同；以及在該顯示畫面上顯示該多個分類標簽及該多個分類標簽其中一個的該分類頁面。本發(fā)明的使用者可根據(jù)標簽的顏色得知標簽內對象的特定屬性，十分直觀化且易記；并且使用者僅須點選標簽即可進入其頁面。文檔編號G06F3/048GK102810038SQ20111014393公開日2012年12月5日申請日期2011年5月31日優(yōu)先權日2011年5月31日發(fā)明者聶劍揚申請人:宏碁股份有限公司