TW201504916A - 客製化圖形使用者介面編輯方法 - Google Patents

Abstract

一種客製化圖形使用者介面編輯方法，包含下列步驟：首先，載入一圖形檔，接著，於該圖形檔上定義複數不同之區域位置，然後，賦予該圖形檔上每一個區域位置對應的軟體功能，最後，完成該圖形檔，並以該圖形檔作為使用者操作之圖形介面。

Description

客製化圖形使用者介面編輯方法

本發明是有關於一種圖形使用者介面，特別是指一種可依使用者喜好自行設定之客製化圖形使用者介面編輯方法。

隨著科技進步，帶動了3C電子商品的快速發展，且各行各業使用電腦的比率也愈趨增高，電腦與軟體使用者已逐漸習慣使用友善的軟體應用程式，來幫助使用者書寫、計算、組織、作簡報、傳送與接收電子郵件、製作音樂等等，電腦不僅成為生活中的一份子，更為生活帶來便利與娛樂性。

目前的應用軟體為了便於使用者操作，會在軟體中設計一個使用者介面，所謂使用者介面(User Interface，簡稱UI)，也就是為了讓使用者下指令給硬體而設計，讓彼此之間互動溝通的相關軟體，目的在讓使用者能夠方便、有效率地去操作硬體以達到雙向的互動，完成需藉助硬體完成的工作，而使用者介面的定義廣泛，包含了人機互動與圖形使用者介面，凡參與人類與機械的訊息交流的領域都存在有使用者介面的設置。

以現有作業系統或是套裝電腦軟體內的使用者介面為例，通常是在軟體出廠前就由開發人員將所設計的軟體使用原廠設計的使用者介面圖樣是先設定完成，所以當使用者購買到市售的電腦軟體時，並灌入電腦時，透過電腦螢幕觀看到整體之操作介面圖片也就如同原廠出廠之圖樣，使用者無法自行修改使用者介面上所顯示的圖案，當使用者想要依個人喜好改變電腦螢幕的顯示風格 時，頂多也只能利用軟體預設的制式圖片作置換，或是修改桌面所顯示的圖片而已，對於電腦軟體使用者介面所顯示之圖片並無法依使用者之喜好自行置換或是配置。

然而，隨著作業系統的功能逐漸增加，電子設備內所灌入的軟體動輒數十種以上，若將這些功能的使用者介面全部置放使用者桌面上，不僅會佔據掉大量的視窗版面非常不美觀，更容易讓使用者找尋不到所需的電腦軟體，再者，由於使用者介面圖片是透過電腦軟體的開發人員所設計，亦將會因為使用者工作內容或習慣的不同，無法確切地符合每一個使用者的喜好，如此一來當然無法有效地發揮電腦軟體帶給使用者的便利性。

參閱圖1，為中國大陸發明申請號第200680018647.0號專利「用於移動通信終端的改良的圖形使用者介面」，該專利案揭露一種圖形使用者介面，包括位於電子設備的顯示器上的聚焦區域、非聚焦區域，以及描述符區域，利用位於電子設備的顯示屏100上所顯示的畫面，及下方的項目選項，提供使用者透過簡單的滾動選擇操作，更改所預設的圖形使用者介面圖標(ICON)。然而，習知只能藉由更換既有選項的使用者介面顯示圖標，來改變該顯示屏100上所顯示的畫面，整體畫面及個人化的使用框架仍受限制，無法為使用者帶來更寬廣的自由性，確實有需加以改善之處。

上述缺點都顯現出現有的使用者介面在使用上所衍生的種種問題，如能設計出可提高使用者對於使用者介面之便利性，且增加個人化之選擇的趣味性與親切感，不僅可增加使用者之使用率，更可進一步增加工作效率，是相當值得被期待的。

因此，本發明之目的，即在提供一種客製 化圖形使用者介面編輯方法，該方法包含以下步驟。

首先，載入一圖形檔，接著，於該圖形檔上定義複數不同之區域位置。然後，賦予該圖形檔上每一個區域位置對應的軟體功能。最後，完成該圖形檔，並以該圖形檔作為使用者操作之圖形介面。

本發明之有益功效在於，藉由該圖形檔可隨使用者之喜好自行選擇，且該圖形檔上可自行定義複數區域位置，每一區域位置可以對應不同的軟體功能，因此，圖形使用者介面上沒有任何圖標，不受限於作業系統的限制，可高度自由定義客製化圖形使用者介面。

3‧‧‧工作平台

31‧‧‧中央處理器

32‧‧‧系統記憶體

321‧‧‧隨機存取記憶體

322‧‧‧唯讀記憶體

33‧‧‧網路介面單元

34‧‧‧輸入控制器

4‧‧‧圖形介面資料庫

41‧‧‧圖形檔

5‧‧‧可控制項選單資料庫

51‧‧‧可控制項

52‧‧‧邏輯分組

a‧‧‧共同切換鍵

b‧‧‧通信區域

A‧‧‧位置點

B‧‧‧位置點

C‧‧‧位置點

D‧‧‧位置點

S‧‧‧位置點

T‧‧‧位置點

901~907‧‧‧步驟

圖1是一畫面示意圖，說明習知中國大陸發明申請號第200680018647.0號一種用於移動通信終端的改良的圖形使用者介面；圖2是一方塊示意圖，說明本發明客製化圖形使用者介面編輯方法之第一較佳實施例；圖3是一流程示意圖，說明該第一較佳實施例之步驟流程；圖4是一畫面示意圖，說明該第一較佳實施例中操作一可控制項選單資料庫之態樣；圖5是一畫面示意圖，說明該第一較佳實施例中一邏輯分組的展開態樣；圖6是一流程示意圖，說明該第二較佳實施例之步驟流程；圖7是一畫面示意圖，說明該第二較佳實施例之配置態樣；圖8是一流程示意圖，說明該第三較佳實施例之步驟流程； 圖9是一畫面示意圖，說明該第三較佳實施例之配置態樣；圖10是一流程示意圖，說明該第四較佳實施例之步驟流程；圖11是一畫面示意圖，說明該第四較佳實施例之配置態樣；圖12是一流程示意圖，說明該第五較佳實施例之步驟流程；及圖13是一畫面示意圖，說明該第五較佳實施例之實際實施態樣。

有關本發明之相關申請專利特色與技術內容，在以下配合參考圖式之五個較佳實施例的詳細說明中，將可清楚的呈現。

在進行詳細說明之前，應注意的是，類似的元件是以相同的元件編號來表示。

參閱圖2，為本發明客製化圖形使用者介面編輯方法之第一較佳實施例，該客製化圖形使用者介面編輯方法的硬體設備包含一工作平台3、一圖形介面資料庫4，及一可控制項選單資料庫5。

在該第一較佳實施例中，該工作平台3包括一中央處理器31、一系統記憶體32、一網路介面單元33，及一輸入控制器34，且該系統記憶體32具有一隨機存取記憶體321與一唯讀記憶體322。該圖形介面資料庫4包括複數使用者自行蒐集或創作的圖形檔41。該可控制項選單資料庫5包括有複數可控制項51，每一個可控制項51可定義不同的功能。

配合參閱圖3、4，依據上述該客製化圖形使用者介面編輯方法的硬體配置，本發明客製化圖形使用者介面編輯方法包含下列步驟。首先，進行步驟901，載 入該圖形檔41。在該第一較佳實施例中，該步驟901中之圖形檔41格式是選自於BMP、JPEG、CDR、DWG、PNG、GIF、TIFF、AI、SVG，及此等之組合。

接著，進行步驟902，是以該輸入控制器34，也就是利用一滑鼠在該圖形檔41展開後之圖面上的所在像素點位置框圍出複數個區域，以定義複數不同的區域位置。然後，進行步驟903，於該圖形檔41所框圍的複數不同的區域位置上，賦予每一個區域位置所對應的軟體功能。

值得一提的是，在該步驟903中是以頁籤(tab)格式呈現該可控制項選單資料庫5中提供複數個軟體功能定義，其中該等複數個軟體功能定義之各者被呈現為該可控制項51，各可控制項51藉由該圖形檔41上所對應之位置進行關聯。

實際實施時，該圖形介面資料庫4包括至少一預設之圖形檔41，該可控制項選單資料庫5是用以記錄該圖形檔41中的預設關聯特性。當使用者以該輸入控制器34在該區域位置上按下滑鼠右鍵時，即可在該圖形檔41畫面上顯示該可控制項選單資料庫5，用以供使用者選擇所需的可控制項51功能內容。

在該第一較佳實施例中，該可控制項51共有8個，分別是1.上網、2.郵件、3.文字編輯器、4.影片軟體、5.繪圖軟體、6.計算機、7.鬧鐘，及8.照片編輯軟體等，實際實施時，該可控制項51之數量與所定義的功能選項，端視使用者需求設置，不應以此為限。

配合參閱圖5，當該使用者介面缺乏足夠空間用於顯示一邏輯分組52的可控制項51時，則可將該複數可控制項51收摺到單一的邏輯分組52中，以供存取在該邏輯分組52之下所歸類的該等可控制項51。

在該第一較佳實施例中，是將該邏輯分組 52歸類為工具、工作，及影音等等，當使用者將其中一邏輯分組52的工具展開後，則可進一步顯示出繪圖軟體、計算機，及鬧鐘等可控制項51，實際實施時，該邏輯分組52所歸類的選項清單，端視使用者需求設置，不應以此為限。

回顧圖3，最後，進行步驟904，完成該圖形檔41，並以該圖形檔41作為使用者操作之圖形介面。在該第一較佳實施例中，該圖形檔41可以是由複數個不同之圖檔所拼接而成的，讓使用者可高度自由的定義圖形使用者介面。

參閱圖6、7，為本發明客製化圖形使用者介面編輯方法之第二較佳實施例，該第二較佳實施例與該第一較佳實施例大致相同，相同之處於此不再贅述，不同之處在於，該客製化圖形使用者介面編輯方法更包含一步驟905，該步驟905是重覆前述步驟901~904，建立另一使用者操作之圖形介面，並於該二使用者操作之圖形介面上設置一共同切換鍵a，以該輸入控制器34點選該共同切換鍵a可在該二不同之圖形介面間切換該圖形檔41畫面。

在該第二較佳實施例中，是用以一設置於畫面之左上角的太陽圖案，作為切換不同使用者操作之共同切換鍵a。以家庭成員為例，當爸爸使用完畢後，兒子只需點選該共同切換鍵a，即可切換到兒子所設計的圖形檔41畫面，如此一來，爸爸與兒子可共同使用同一電子設備，亦可擁有各自喜愛且習慣的使用者介面之圖形檔41畫面，不僅可省去一次購買兩台電子設備的費用，更符合每一個使用者的喜好，保留各自的想像創造空間。實際實施時，可依使用者之需求設置該共同切換鍵a之圖案與位置，不應以此為限。

參閱圖8、9，為本發明客製化圖形使用者介面編輯方法之第三較佳實施例，該第三較佳實施例與該第二較佳實施例大致相同，相同之處於此不再贅述，不同 之處在於，該客製化圖形使用者介面編輯方法更包含一步驟906，該步驟906是在該使用者操作之圖形介面上另外框圍出一可輸入訊息之通信區域b，而該通信區域b是可橫跨兩個不同之圖形介面畫面，在其中一圖形介面之通信區域b所輸入之訊息，可在另一圖形介面之通信區域b中呈現。

藉由該通信區域b的設置，可運用於學校、班級、社團，或是朋友等團體上，使用者可自行設定群組名單，只需在其中一個圖形介面之通信區域b輸入訊息，如「下午四點操場集合」，即可同步顯示在群組名單中的每一個圖形介面之通信區域b中，不需額外下載任何通訊軟體，透過圖形使用者介面整合便可與群組名單中的每位使用者進行聯繫，提供更為便利且實用性高的設計概念。

值得一提的是，在該第三較佳實施例中，每一個圖形介面所框圍出之通信區域b可依使用者習慣擺放於任意位置及縮放其大小，不應以此為限。

參閱圖10、11，為本發明客製化圖形使用者介面編輯方法之第四較佳實施例，該第四較佳實施例與該第一較佳實施例大致相同，相同之處於此不再贅述，不同之處在於，該客製化圖形使用者介面編輯方法更包含一步驟907，該步驟907是建立另一個使用者操作之圖形介面，不同的圖形介面之間是利用定義複數不同之區域位置來作串連，可任意階層且無限延伸。

在該第四較佳實施例中，是以一呈兩交叉路S、T的圖片作為主畫面，之後當使用者以該輸入控制器34點選交叉路S位置點時，畫面會跳出兔子的圖案，若使用者點選交叉路T位置點時，畫面會跳出狐狸的圖案，如此透過定義複數不同的區域位置作串連，提供使用者互動式的畫面，而當所定義的區域位置串連越多時，即形成如同一本有趣的圖書，不僅可作為一般大眾閱讀之互 動式電子書籍，更可達到吸引兒童閱讀之效果。

參閱圖12、13，為本發明客製化圖形使用者介面編輯方法之第五較佳實施例，該第五較佳實施例與該第一較佳實施例大致相同，相同之處於此不再贅述，不同之處在於，在該步驟903中，賦予該圖形檔41上每一個區域位置所對應的軟體功能是包括位置資訊及該區域位置的排列順序，而在該步驟904中，當完成該圖形檔41，並以該圖形檔41作為使用者操作之圖形介面後，使用者可依序在該圖形檔41上輸入複數區域位置，以為驗證之用。

在該第五較佳實施例中，是以一張有多個人偶的圖片作為使用者自選的圖形介面畫面，使用者依序在特定人偶的圖樣位置上框圍出複數區域位置，並完成該圖形檔41的區域位置設定，當使用者下次再登入自行設計的圖形介面畫面時，則利用該輸入控制器34依序點選畫面上之位置點，在本例中是點選4個人偶A、B、C、D的位置點，作為使用者是否可以繼續操作之驗證使用。

由此可知，該第五較佳實施例之使用者操作圖形介面可作為進一步提升使用安全性的認證機制，此等應用可用以取代各式密碼輸入之操作型態，例如提款機之密碼輸入、EMAIL信箱之密碼輸入，及網路連線之密碼輸入等等，不應以此為限。

經由以上實施例之敘述，可知本發明客製化圖形使用者介面編輯方法確實具有以下功效增進之處：

一、具便利切換功能

藉由在該二使用者操作之圖形介面上設置該共同切換鍵a，並以該輸入控制器34點選該共同切換鍵a可在該二不同之圖形介面間切換該圖形檔41畫面，讓不同的使用者切換到自己設計的圖形檔41畫面，符合每一個使用者的喜好與習慣。

二、具即時通訊功能

透過在該使用者操作之圖形介面上框圍出可輸入訊息之通信區域b，且該通信區域b是可橫跨兩個不同之圖形介面，呈現所輸入之訊息，讓特定群組之使用者不需額外下載通訊軟體，即可相互聯繫，提供具便利且實用性高的設計。

三、具互動性功能

藉由不同的圖形介面之間用以定義複數不同之區域位置作串連，可任意階層且無限延伸該圖形介面的畫面，提供使用者互動式的畫面，且當所定義的區域位置串連越多時，即會形成一本電子圖書，不僅可作為一般大眾閱讀之互動式電子書籍，更可達到吸引兒童閱讀之效果。

綜上所述，本發明藉以該工作平台3、該圖形介面資料庫4，及該可控制項選單資料庫5之硬體配置，使該圖形檔41可隨使用者之喜好自行選擇，且該圖形檔41上可自行定義複數區域位置，每一區域位置可以對應不同的軟體功能，因此，圖形使用者介面上沒有任何圖標，不受限於作業系統的限制，可高度自由定義客製化圖形使用者介面，不僅提供簡單、便利之設計，更能為共同使用的成員保留各自的創造空間，故確實可以達成本發明之目的。

惟以上所述者，僅為本發明之五個較佳實施例而已，當不能以此限定本發明實施之範圍，即大凡依本發明申請專利範圍及發明說明內容所作之簡單的等效變化與修飾，皆仍屬本發明專利涵蓋之範圍內。

901~904‧‧‧步驟

Claims (10)

1. 一種客製化圖形使用者介面編輯方法，包含下列步驟：a)載入一圖形檔；b)於該圖形檔上定義複數不同之區域位置；c)賦予該圖形檔上每一個區域位置對應的軟體功能；及d)完成該圖形檔，並以該圖形檔作為使用者操作之圖形介面。
2. 依據申請專利範圍第1項所述之客製化圖形使用者介面編輯方法，其中，該步驟c)中每一個區域位置所對應的軟體功能是包括其位置資訊及該區域位置的排列順序，而該步驟d)中使用者依序在該圖形檔上輸入複數區域位置，以為驗證之用。
3. 依據申請專利範圍第2項所述之客製化圖形使用者介面編輯方法，其中，該步驟b)中是以一輸入控制器在該圖形檔展開後之圖面上框圍出複數個區域。
4. 依據申請專利範圍第3項所述之客製化圖形使用者介面編輯方法，其中，該步驟c)中是以頁籤(tab)格式呈現之一可控制項選單中提供複數個軟體功能定義，其中該等複數個軟體功能定義之各者被呈現為一可控制項，各可控制項藉由該圖形檔上所對應之位置進行關聯。
5. 依據申請專利範圍第4項所述之客製化圖形使用者介面編輯方法，其中，當該使用者介面缺乏足夠空間用於顯示一邏輯分組的可控制項時，則將該複數可控制項收摺 到一單一的邏輯分組中，以供存取在該邏輯分組之下所歸類的該等可控制項。
6. 依據申請專利範圍第5項所述之客製化圖形使用者介面編輯方法，更包含一步驟f)，該步驟f)是在步驟d)後，重覆步驟a)~步驟d)建立另一使用者操作之圖形介面，並於該二使用者操作之圖形介面上設置一共同切換鍵，以該輸入控制器點選該共同切換鍵可在該二不同之圖形介面間切換畫面。
7. 依據申請專利範圍第6項所述之客製化圖形使用者介面編輯方法，更包含一步驟g)，該步驟g)是在步驟f)後，在該使用者操作之圖形介面上另外框圍出一可輸入訊息之通信區域，該通信區域是橫跨兩個不同之圖形介面，在其中一圖形介面之通信區域所輸入之訊息，可在另一圖形介面之通信區域中呈現。
8. 依據申請專利範圍第7項所述之客製化圖形使用者介面編輯方法，其中，在該步驟g)中兩個圖形介面所框圍出之通信區域可依使用者習慣擺放於任意位置及縮放其大小。
9. 依據申請專利範圍第1項所述之客製化圖形使用者介面編輯方法，更包含一步驟h)，該步驟h)是建立另一個使用者操作之圖形介面，不同的圖形介面之間是利用定義複數不同之區域位置來作串連，可任意階層且無限延伸。
10. 依據申請專利範圍第8或9項所述之客製化圖形使用者介面編輯方法，其中，該圖形檔可由複數個不同之圖檔所拼接而成。