TWI628584B - 使用者介面調整方法與使用此方法的裝置 - Google Patents

使用者介面調整方法與使用此方法的裝置 Download PDF

Info

Publication number
TWI628584B
TWI628584B TW105105239A TW105105239A TWI628584B TW I628584 B TWI628584 B TW I628584B TW 105105239 A TW105105239 A TW 105105239A TW 105105239 A TW105105239 A TW 105105239A TW I628584 B TWI628584 B TW I628584B
Authority
TW
Taiwan
Prior art keywords
color
page
user interface
indicator
palette
Prior art date
Application number
TW105105239A
Other languages
English (en)
Other versions
TW201636810A (zh
Inventor
吳桂端
施威年
陳柏誠
吳家瑞
張佩琪
Original Assignee
宏達國際電子股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 宏達國際電子股份有限公司 filed Critical 宏達國際電子股份有限公司
Publication of TW201636810A publication Critical patent/TW201636810A/zh
Application granted granted Critical
Publication of TWI628584B publication Critical patent/TWI628584B/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/247—Telephone sets including user guidance or feature selection means facilitating their use
    • H04M1/2471—Configurable and interactive telephone terminals with subscriber controlled features modifications, e.g. with ADSI capability [Analog Display Services Interface]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
    • G09G5/04—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed using circuits for interfacing with colour displays

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Signal Processing (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Color Image Communication Systems (AREA)
  • Telephone Function (AREA)

Abstract

本揭露提供一種適於調整電子裝置的使用者介面的方法。此方法包括以下步驟。分析影像的色彩資訊。基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板。依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案。

Description

使用者介面調整方法與使用此方法的裝置
本揭露是有關於一種使用者介面調整方法與裝置，且特別是有關於一種利用影像的色彩資訊的使用者介面調整方法與裝置。
近來智慧型手機變的越來越流行。然而，智慧型手機的大多數功能/設定都是由製造業者或由作業系統提供者所預設。因此，同樣廠牌的智慧型手機相關聯的使用者介面通常看起來非常相似。然而，一些使用者，例如是年輕世代的使用者，可能不會滿足於預設的功能/設定，而會想要創造他們自己的風格/特色。因此，如何提供一個機制來讓使用者設置他們自己的智慧型手機的使用者介面，是個待解決的重要課題。
本揭露提供一種適於調整電子裝置的使用者介面的方法。此方法包括以下步驟。分析影像的色彩資訊。基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板。依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案。
本揭露提供一種適於調整使用者介面的電子裝置。此電子裝置包括分析單元、處理器與顯示單元。處理器耦接分析單元。顯示單元耦接處理器。處理器操作性地設置以分析影像的色彩資訊。處理器操作性地設置以基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板，以及依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行第一配色方案。顯示單元操作性地設置以顯示使用者介面。
本發明更進一步的適用範圍在以下的實施方式中將更明顯。然而，必須了解的是，在表示本發明的較佳實施例時所使用的實施方式與特定實例僅為示例性的說明。因此任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可對實施方式作些許的更動與潤飾。
現將詳細參考本發明之較佳實施例，在附圖中說明所述較佳實施例之實例。另外，凡可能之處，在圖式及實施方式中使用相同標號的元件/構件代表相同或類似部分。必須了解的是，在實施方式及其後的申請專利範圍中，「及/或」的用詞包括所列出的相關聯選項中的一或多個的所有組合以及其中的任一個。
請參照圖1，圖1是依據一實施例所繪示的使用者介面調整系統的示意圖。使用者介面調整系統1包括電子裝置11及12。電子裝置11包括第一分析單元111、第一處理器112、第一通訊單元113、顯示單元114、儲存器115以及攝像單元116。電子裝置12包括第二處理器122、第二通訊單元123以及顯示單元124。在本實施例中，電子裝置11以及電子裝置12分別藉由第一通訊單元113以及第二通訊單元123彼此通訊。
在電子裝置11中，第一處理器112、儲存器115以及攝像單元116耦接第一分析單元111。通訊單元113及顯示單元114耦接第一處理器112。在電子裝置12中，第二通訊單元123及顯示單元124耦接第二處理器122。
在一實施例中，電子裝置11是以諸如智慧型手機的行動設備來實作。第一分析單元11包括適當的電路、邏輯閘及/或程式碼，並且操作性地設置以分析影像的色彩資訊。第一分析單元111取樣影像的多個像素以產生取樣像素，並且將取樣像素分組為多個像素集。在一實施例中，色彩資訊是取樣像素的三原色(Red-Green-Blue, RGB)模型的值。在另一實施例中，色彩資訊可以是取樣像素的色相-飽和度-明度(Hue-Saturation-Value, HSV)色彩模型的值或色相-飽和度-亮度(Hue-Saturation-Brightness, HSB)模型的值。
第一處理器112包括適當的電路、邏輯閘及/或程式碼，並且操作性的設置以基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板。在一實施例中，第一處理器112計算各像素集中的取樣像素的色彩資訊(例如，RGB模型或HSV色彩模型的值)，以產生至少一種第一指示色彩。舉例而言，當使用RGB模型的值作為色彩資訊時，第一處理器112藉由分別平均各像素集中的所有取樣像素的紅色值、綠色值以及藍色值來計算第一指示色彩。
此外，第一處理器112基於影像的色彩資訊，產生具有至少一種第二指示色彩的第二調色板。在一實施例中，第一處理器112調整第一調色板的至少一種第一指示色彩的色彩資訊的值(例如，亮度值、飽和度值或色相值)，以產生具有至少一種第二指示色彩的第二調色板。以HSB模型為例而言，第一處理器112以“+10”來調整所有第一指示色彩的亮度值，以“+30”來調整所有第一指示色彩的飽和度值，及/或以“-15”來調整所有第一指示色彩的色相值，以產生第二調色板。在一實施例中，第一處理器112可以但並不限於只調整兩個第一指示色彩的亮度值。在一實施例中，用來調整亮度、飽和度以及色相度的值並不限於上述的“+10”、“+30”以及“-15”。這些值可以是由作業系統提供者所預設或是藉由第一處理器112隨機產生。
再者，第一處理器112操作性地設置以依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案。在一實施例中，第一處理器112於在使用者介面的至少一個頁面中實行配色方案的步驟中，以至少一種第一指示色彩上色於至少一個頁面的至少一個色彩區塊。在一實施例中，所述的至少一個色彩區塊包括狀態列或至少一個頁面的背景的至少其中之一。
第一通訊單元113包括適當的電路、邏輯閘及/或程式碼，並且操作性地設置以透過第二通訊單元123發送諸如具有至少一種第一指示色彩的第一調色板或影像資料至電子裝置12，及/或透過第二通訊單元123從電子裝置12接收資料。
顯示單元114包括適當的電路、邏輯閘及/或程式碼，並且操作性地設置以顯示使用者介面。在一實施例中，顯示單元114是以觸控顯示螢幕來實作。儲存器115包括適當的電路、邏輯閘及/或程式碼，並且操作性地設置以儲存攝像單元116所擷取的影像或儲存透過第一通訊單元113所接收的其他影像來源的影像。攝像單元116包括適當的電路、邏輯閘及/或程式碼，並且操作性地設置以擷取影像，並隨後將其傳遞至第一分析單元111以作分析。
在一實施例中，電子裝置11在缺少電子裝置12下就能夠執行所有功能。然而，在另一實施例中，電子裝置12是以另一部智慧型手機來實作。在一實施例中，第二處理器122、第二通訊單元123以及顯示單元124的執行方式與第一處理器111、第一通訊單元113以及顯示單元114相同，在此不再贅述。
在一實施例中，電子裝置12的第二通訊單元123從電子裝置11接收具有至少一種第一指示色彩的第一調色板。隨後，電子裝置12依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案。換言之，具有第一指示色彩的第一調色板是藉由電子裝置11來計算並在電子裝置12上實行。在一實施例中，電子裝置12也可以從諸如雲端伺服器或個人電腦等其他設備，接收具有至少一種第一指示色彩的第一調色板。
請參照圖2。圖2是依據本揭露一實施例所繪示的調整電子裝置的使用者介面的方法的流程圖。此方法包括以下步驟。分析影像的色彩資訊(S101)。基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板(S102)。依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案(S103)。
請一併參照圖1與圖2。在步驟S101中，第一分析單元111分析影像的色彩資訊。此外，第一分析單元111取樣影像中的多個像素以產生取樣像素，並且將取樣像素分組為多個像素集。在一實施例中，色彩資訊為取樣像素的RGB值。然而，也可以使用取樣像素的HSV值或HSB值等其他種類的色彩資訊。
請一併參照圖1、圖2與圖3A。圖3A是依據一實施例所繪示的選擇影像的步驟的示意圖。在一實施例中，在步驟S101之前，電子裝置11的顯示單元114會顯示包括按鈕302的操作功能於觸控顯示螢幕，並且提供從儲存器115中選擇影像的功能(或從攝像單元116擷取影像的功能)給使用者。顯示單元114在影像區域301中顯示所選擇的影像。隨後，使用者可藉由按壓/觸碰按鈕303進入下一個步驟。
在步驟S102中，第一處理器112基於影像的色彩資訊，產生具有至少一種第一指示色彩的第一調色板。在一實施例中，第一處理器112計算各像素集中的取樣像素的色彩資訊，以產生至少一種第一指示色彩。以RGB模型為例而言，第一處理器112分別平均各像素集中所有取樣像素的紅色值、綠色值以及藍色值，來計算第一指示色彩。在另一實施例中，第一指示色彩是依據關聯於各像素集的取樣像素的中位數來計算。
在一實施例中，在步驟S102之後，第一處理器112建立實行配色方案的使用者介面的至少一個頁面的預覽頁面，並且在顯示單元114上顯示預覽頁面。在一實施例中，電子裝置11會基於第一調色板的至少一種第一指示色彩的色彩資訊(例如，亮度值、飽和度值或色相值)，並回應於接收到重選訊號，產生具有至少一種第二指示色彩的第二調色板。意即，第一調色板的至少一種第一指示色彩的亮度值、飽和度值及/或色相值的色彩資訊，可用以產生第二調色板。
在一實施例中，電子裝置11會在螢幕上顯示重選按鈕(未繪示)給使用者。倘若使用者不喜歡具有至少一種第一指示色彩的第一調色板，使用者可以觸碰重選按鈕以產生重選訊號來重新選擇。舉例而言，第一處理器112會以“+10”來調整所有第一指示色彩的亮度值，以“+30”來調整所有第一指示色彩的飽和度值，及/或以“-15”來調整所有第一指示色彩的色相值，來產生第二調色板的指示色彩以回應重選訊號的接收。值得一提的是，用來調整亮度、飽和度以及色相度的值並不限於上述的“+10”、“+30”以及“-15”。這些值可以是由作業系統提供者所預設或是藉由第一處理器112隨機產生。
請一併參照圖1、圖2與圖3B。圖3B是依據一實施例所繪示的分析影像的色彩資訊的步驟的示意圖。第一處理器112會顯示第一指示色彩C1-C4以及在所選擇影像中第一指示色彩C1-C4對應的色彩位置P1-P4。
在一實施例中，使用者可擁有一個以上的行動設備，例如是一部智慧型手機與一台平板電腦，或是兩部智慧型手機。因此，在一實施例中，電子裝置11經由第一通訊單元113發送具有至少一種第一指示色彩的第一調色板(例如，“.theme”檔案格式)至使用者擁有的電子裝置12。在此之後，配色方案便能夠實行/應用於使用者的行動設備上，以表現使用者個人的特色/風格。
在步驟S103中，第一處理器112依據具有至少一種第一指示色彩的第一調色板，在使用者介面的至少一個頁面中實行配色方案。在一實施例中，第一處理器112更於在使用者介面的至少一個頁面中實行配色方案的步驟中，以至少一種第一指示色彩上色於至少一個頁面的至少一個色彩區塊。在一實施例中，至少一個色彩區塊包括狀態列或至少一個頁面的背景的至少其中之一。在一實施例中，至少一個頁面包括主頁面或應用程式頁面的至少其中之一。在一實施例中，應用程式頁面包括通話頁面、訊息頁面、郵件頁面或新聞頁面的至少其中之一。
請一併參照圖2與圖4A-4C。圖4A-4C是依據一實施例所繪示的調整使用者介面的示意圖。配色方案實行於彩色狀態列411、423以及至少一個頁面41的背景412，例如是通話頁面434、訊息頁面、郵件頁面及/或新聞頁面的背景。然而，第一處理器112依據配色方案對至少一個色彩區塊進行上色，其中所述對於使用者介面的至少一個區塊的配色方案是由業者預定。在另一實施例中，上述使用者介面的至少一個區塊也可以是由使用者預定。
在另一實施例中，在步驟S102之後，第一處理器112也可以依據具有至少一種第一指示色彩的第一調色板，操作性地設置電子裝置11的使用者介面的應用程式圖示。在一實施例中，第一處理器112依據至少一種圖示樣式中被選擇的圖示樣式，設置至少一個應用程式圖示。
請一併參照圖1、圖2與圖5，圖5是依據一實施例所繪示的選擇圖示樣式的步驟的示意圖。在一實施例中，顯示單元114在螢幕上顯示對應於具有四個第一指示色彩的第一調色板的四個圖示樣式。使用者可以選擇四個圖示樣式501其中之一，以設置所有應用程式圖示，或是僅設置一個應用程式圖示。換言之，圖示樣式500會被圖示樣式501所替換。
在一實施例中，電子裝置11依據預設的設定，將應用程式圖示分類為至少一個分類組別。在一實施例中，在步驟S102之後，第一處理器112依據具有第一指示色彩的第一調色板，替換所述至少一個分類組別所關聯的應用程式圖示的外觀顏色。在一實施例中，所述至少一分類組別包括多媒體類別(例如，音樂播放器、電影播放器等)、通訊類別(例如，電話、郵件、社交網路等)、娛樂類別(例如，遊戲、工具等)或基本類別(例如，設定、日曆等)。
在另一實施例中，在步驟S102之後，第一處理器112也可以依據具有至少一種第一指示色彩的第一調色板，操作性地設置電子裝置11的至少一種提示音或鈴聲。在一實施例中，首先，第一處理器112依據在步驟S102中所產生的至少一種第一指示色彩，選擇色相環(Hue cycle)上的多個色相段其中之一。接著，第一處理器112依據所選擇的色相段，設置電子裝置11的至少一種提示音或鈴聲。
請一併參照圖1、圖2與圖6A-6B。圖6A是依據本揭露一實施例所繪示的包括多個色相段的色相環的示意圖。圖6B是依據一實施例所繪示的選擇圖示樣式的步驟的示意圖。在一實施例中，電子裝置11不僅依據具有至少一種第一指示色彩的第一調色板，實行配色方案以對使用者介面的色彩區塊進行上色，更即時地從第一調色板的各個第一指示色彩所對應的色相段選擇提示音，以於顯示單元114上顯示按鈕供使用者選擇。
在一實施例中，提示音包括可從鈴聲中選擇的手機鈴聲、訊息聲或鬧鈴聲的至少其中之一。在一實施例中，作業系統提供者預先將鈴聲分類為對應於色相環HC的色相段H1-H6。如圖6A與6B所示，鈴聲RT11-RT15可被預先分類至色相段H1，並且其餘鈴聲分別被預先分類至色相段H2、H3、H4、H5以及H6(例如，RT31-RT35可被預先分類至色相段H3)。
舉例而言，手機鈴聲可以如下方式決定：第一處理器112產生具有至少一種第一指示色彩的第一調色板，其中第一指示色彩對應於色相段H1-H6其中之一，例如H1。由於被預先分類至色相段H1的鈴聲為鈴聲RT11-RT15，包括鈴聲RT11-RT15的鈴聲列610會顯示於螢幕(例如，顯示單元114)上，以讓使用者能夠從鈴聲RT11-RT15中選擇手機鈴聲。
舉另一例而言，鬧鈴聲可以如下方式決定：第一處理器112產生具有至少一種第一指示色彩的第一調色板，其中第一指示色彩對應於色相段H1-H6其中之一，例如H3。由於被預先分類至色相段H3的鈴聲為鈴聲RT31-RT35，包括鈴聲RT31-RT35的鈴聲列630會顯示於螢幕(例如，顯示單元114)上，以讓使用者能夠從鈴聲RT31-RT35中選擇鬧鈴聲。
在一實施例中，鈴聲RT11-RT15或鈴聲RT31-RT35的音效水平間存在關聯性。舉例而言，鈴聲RT11-RT15或鈴聲RT31-RT35的音效水平可以是上升(即，由輕到重)，抑或是下降(即，由重到輕)。
必須注意的是，色相段的數量並不限於6個，並且各色相段所對應的鈴聲數量也並不限於5個。在一實施例中，色相段的數量以及各色相段所對應的鈴聲數量可由作業系統提供者所預設。
在另一實施例中，第一調色板可具有多個第一指示色彩，其中多個第一指示色彩對應於多個色相段，例如是色相段H1和H3。在本實施例中，鈴聲列610和630(分別對應於色相段H1和H3)可同時顯示於顯示單元114上供使用者從鈴聲RT11-RT15以及RT31-RT35中選擇手機鈴聲、訊息聲，或鬧鈴聲。
此外，上述的一或多個實施例可以合併實施。舉例而言，在一實施例中，在產生具有至少一種第一指示色彩的第一調色板後，至少一個頁面的至少一個色彩區塊、提示音、應用程式圖示的圖示樣式，及/或應用程式圖示的外觀顏色可依據第一調色板而被設置。在另一實施例中，配色方案可即時地實行以設置電子裝置11的至少一個頁面的至少一個色彩區塊、提示音、應用程式圖示的圖示樣式，及/或應用程式圖示的外觀顏色。在又另一實施例中，第一調色板可被發送至使用者所擁有的一個以上的行動設備，以讓使用者能夠以他/她自己的特色/風格來設定行動設備。
本揭露所揭露的使用者介面調整方法與裝置，提供一種可基於所分析的影像的色彩資訊自動產生推薦的指示色彩，以對使用者介面頁面的色彩區塊進行上色的機制。並且，本揭露更提供一種可依據所推薦的指示色彩，調整應用程式圖示的外觀顏色、圖示樣式或智慧型手機的提示音的機制。如此一來，本揭露提供一種可彈性調整的智慧型手機的使用者介面，以供每個使用者創造個人的特色/風格。
雖然本發明已參考特定實施例詳細描述如上，但仍不排除其他實施例的可能性。因此，所附申請專利範圍的精神與範圍並不限於以上所描述的實施例。
任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾。在前述觀點之下，所提供發明的更動與潤飾皆包括於後附的申請專利範圍所界定的範圍內。
11、12‧‧‧電子裝置
111‧‧‧第一分析單元
112‧‧‧第一處理器
113‧‧‧第一通訊單元
114、124‧‧‧顯示單元
115‧‧‧儲存器
116‧‧‧攝像單元
122‧‧‧第二處理器
123‧‧‧第二通訊單元
301‧‧‧影像區域
302、303‧‧‧按鈕
41‧‧‧頁面
411、423‧‧‧彩色狀態列
412‧‧‧背景
434‧‧‧通話頁面
500、501、502‧‧‧圖示樣式
610、630‧‧‧鈴聲列
C1、C2、C3、C4‧‧‧第一指示色彩
H1、H2、H3、H4、H5、H6‧‧‧色相段
HC‧‧‧色相環
P1、P2、P3、P4‧‧‧色彩位置
RT1、RT2、RT3、RT4、RT5、RT11、RT12、RT13、RT14、RT15、RT31、RT32、RT33、RT34、RT35‧‧‧鈴聲
本揭露由以下所提供的實施方式與所附圖式將更全面地被理解，但其皆僅為示例性的說明而非用以限制本發明，其中： 圖1是依據本揭露一實施例所繪示的使用者介面調整系統的示意圖； 圖2是依據本揭露一實施例所繪示的調整電子裝置的使用者介面的方法的流程圖； 圖3A是依據本揭露一實施例所繪示的選擇影像的步驟的示意圖； 圖3B是依據本揭露一實施例所繪示的分析影像的色彩資訊的步驟的示意圖； 圖4A-4C是依據本揭露一實施例所繪示的調整使用者介面的示意圖； 圖5是依據本揭露一實施例所繪示的選擇圖示樣式的步驟的示意圖； 圖6A是依據本揭露一實施例所繪示的包括多個色相段的色相環的示意圖；以及 圖6B是依據本揭露一實施例所繪示的選擇電子裝置的提示音的步驟的示意圖。

Claims (22)

  1. 一種適於調整電子裝置的使用者介面的方法，包括：分析影像的色彩資訊；基於該影像的該色彩資訊，產生具有至少一第一指示色彩的第一調色板；以及依據具有所述至少一第一指示色彩的該第一調色板，在該使用者介面的至少一頁面中實行配色方案，並設置所述電子裝置的至少一提示音，其中所述至少一頁面包括主頁面及至少一應用程式頁面。
  2. 如申請專利範圍第1項所述的方法，其中在該使用者介面的所述至少一頁面中實行該配色方案的步驟包括：以所述至少一第一指示色彩，上色於所述至少一頁面中的至少一色彩區塊。
  3. 如申請專利範圍第2項所述的方法，其中所述至少一色彩區塊包括狀態列或所述至少一頁面的背景的至少其中之一。
  4. 如申請專利範圍第1項所述的方法，其中所述應用程式頁面包括通話頁面、訊息頁面、郵件頁面或新聞頁面的至少其中之一。
  5. 如申請專利範圍第1項所述的方法，在分析該影像的該色彩資訊的步驟之前，更包括：取樣該影像中的多個像素以產生取樣像素；以及分組所述取樣像素為多個像素集。
  6. 如申請專利範圍第5項所述的方法，其中基於該影像的該色彩資訊，產生具有所述至少一第一指示色彩的該第一調色板的步驟包括：計算各所述像素集中所述取樣像素的所述色彩資訊，以產生所述至少一第一指示色彩。
  7. 如申請專利範圍第6項所述的方法，其中所述色彩資訊為所述取樣像素的三原色(Red-Green-Blue)模型的值，或所述取樣像素的色相-飽和度-明度(Hue-Saturation-Value)色彩模型的值。
  8. 如申請專利範圍第7項所述的方法，其中所述第一指示色彩是藉由分別平均各所述像素集中所有取樣像素的紅色值、綠色值以及藍色值來計算。
  9. 如申請專利範圍第6項所述的方法，其中所述第一指示色彩是依據關聯於各所述像素集的所述取樣像素的中位數來計算。
  10. 如申請專利範圍第1項所述的方法，更包括：依據所述至少一第一指示色彩，選擇色相環(Hue cycle)上的多個色相段的其中之一；以及依據所選擇的所述多個色相段的其中之一，設置所述提示音。
  11. 如申請專利範圍第1項所述的方法，其中各所述色相段關聯於具有可供選擇的至少一鈴聲的音樂盒。
  12. 如申請專利範圍第1項所述方法，其中所述提示音包括手機鈴聲、訊息聲或鬧鈴聲的至少其中之一。
  13. 如申請專利範圍第1項所述的方法，更包括：基於該影像的該色彩資訊，產生具有至少一第二指示色彩的第二調色板。
  14. 如申請專利範圍第13項所述的方法，其中產生具有所述至少一第二指示色彩的該第二調色板的步驟包括：調整該第一調色板的所述至少一第一指示色彩的所述色彩資訊的值。
  15. 如申請專利範圍第1項所述的方法，其中該使用者介面具有多個應用程式圖示，所述方法更包括：分類所述應用程式圖示為至少一分類組別；以及依據具有所述至少一第一指示色彩的該第一調色板，替換關聯於所述至少一分類組別的所述應用程式圖示的外觀顏色。
  16. 如申請專利範圍第15項所述的方法，其中所述至少一分類組別包括多媒體類別、通訊類別、娛樂類別或基本類別的至少其中之一。
  17. 如申請專利範圍第1項所述的方法，其中該使用者介面具有至少一應用程式圖示，所述方法更包括：依據所述至少一第一指示色彩，選擇至少一圖示樣式的其中之一；以及依據所選擇的所述至少一圖式樣式的其中之一，設置所述至少一應用程式圖示。
  18. 如申請專利範圍第1項所述的方法，更包括： 建立實行所述配色方案的該使用者介面的所述至少一頁面的預覽頁面；以及回應於接收到一重選訊號，基於該影像的該色彩資訊，產生具有至少一第二指示色彩的第二調色板。
  19. 一種適於調整使用者介面的電子裝置，包括：分析單元，操作性地設置以分析影像的色彩資訊；處理器，耦接該分析單元，並且操作性地設置以：基於該影像的該色彩資訊，產生具有至少一第一指示色彩的第一調色板；以及依據具有所述至少一第一指示色彩的該第一調色板，在該使用者介面的至少一頁面中實行第一配色方案，並設置所述電子裝置的至少一提示音，其中所述至少一頁面包括主頁面及至少一應用程式頁面；以及顯示單元，耦接該處理器，操作性地設置以顯示該使用者介面。
  20. 如申請專利範圍第19項所述的電子裝置，其中設置以在該使用者介面的所述至少一頁面中實行該第一配色方案的該處理器，更操作性地設置以：使用所述至少一第一指示色彩，上色於所述至少一頁面中的至少一色彩區塊。
  21. 一種適於調整電子裝置的使用者介面的方法，包括：分析影像的色彩資訊； 基於該影像的該色彩資訊，分別平均各所述像素集中所有取樣像素的紅色值、綠色值以及藍色值或者是依據關聯於各所述像素集的所述取樣像素的中位數，以產生具有至少一第一指示色彩的第一調色板；以及依據具有所述至少一第一指示色彩的該第一調色板，在該使用者介面的至少一頁面中實行配色方案。
  22. 一種適於調整使用者介面的電子裝置，包括：分析單元，操作性地設置以分析影像的色彩資訊；處理器，耦接該分析單元，並且操作性地設置以：基於該影像的該色彩資訊，分別平均各所述像素集中所有取樣像素的紅色值、綠色值以及藍色值或者是依據關聯於各所述像素集的所述取樣像素的中位數，以產生具有至少一第一指示色彩的第一調色板；以及依據具有所述至少一第一指示色彩的該第一調色板，在該使用者介面的至少一頁面中實行第一配色方案；以及顯示單元，耦接該處理器，操作性地設置以顯示該使用者介面。
TW105105239A 2015-02-25 2016-02-23 使用者介面調整方法與使用此方法的裝置 TWI628584B (zh)

Applications Claiming Priority (8)

Application Number Priority Date Filing Date Title
US201562120831P 2015-02-25 2015-02-25
US201562120843P 2015-02-25 2015-02-25
US201562120836P 2015-02-25 2015-02-25
US62/120,843 2015-02-25
US62/120,831 2015-02-25
US62/120,836 2015-02-25
US14/927,033 2015-10-29
US14/927,033 US10078436B2 (en) 2015-02-25 2015-10-29 User interface adjusting method and apparatus using the same

Publications (2)

Publication Number Publication Date
TW201636810A TW201636810A (zh) 2016-10-16
TWI628584B true TWI628584B (zh) 2018-07-01

Family

ID=54782417

Family Applications (1)

Application Number Title Priority Date Filing Date
TW105105239A TWI628584B (zh) 2015-02-25 2016-02-23 使用者介面調整方法與使用此方法的裝置

Country Status (4)

Country Link
US (1) US10078436B2 (zh)
EP (1) EP3062205A1 (zh)
CN (1) CN105915687A (zh)
TW (1) TWI628584B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107643910A (zh) * 2017-07-31 2018-01-30 海南智媒云图科技股份有限公司 一种导航栏颜色更换的方法及装置
US11099862B1 (en) * 2018-11-30 2021-08-24 Snap Inc. Interface to configure media content
US10964288B2 (en) 2019-06-26 2021-03-30 Western Digital Technologies, Inc. Automatically adapt user interface color scheme for digital images and video
CN110377860B (zh) * 2019-07-18 2023-08-25 百度(中国)有限公司 一种页面颜色调整方法、装置及电子设备
CN112416346B (zh) * 2020-11-19 2022-05-31 腾讯科技（深圳）有限公司 界面配色方案的生成方法、装置、设备及存储介质
CN113207023B (zh) * 2021-04-06 2023-05-02 深圳创维－Rgb电子有限公司 电视详情页背景变色处理方法、装置、设备及介质
US11868596B2 (en) * 2021-07-28 2024-01-09 Capital One Services, Llc Color-based system for generating notifications

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI270799B (en) * 2002-06-24 2007-01-11 Microsoft Corp Methods, systems, computer readable media, and computing devices for providing color management
TWI357267B (zh) * 2007-02-08 2012-01-21 Iix Inc
US20140075324A1 (en) * 2012-09-11 2014-03-13 Apple Inc. Automated Graphical User-Interface Layout
US8897552B2 (en) * 2012-08-01 2014-11-25 Microsoft Corporation Setting an operating-system color using a photograph

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5371844A (en) * 1992-03-20 1994-12-06 International Business Machines Corporation Palette manager in a graphical user interface computer system
US5603053A (en) * 1993-05-10 1997-02-11 Apple Computer, Inc. System for entering data into an active application currently running in the foreground by selecting an input icon in a palette representing input utility
US5802361A (en) * 1994-09-30 1998-09-01 Apple Computer, Inc. Method and system for searching graphic images and videos
KR100608837B1 (ko) * 2004-12-16 2006-08-08 엘지전자 주식회사 휴대단말기의 이미지에 따른 벨소리 구현 방법
US7928991B2 (en) * 2006-01-31 2011-04-19 Microsoft Corporation Color scheme-compatible color selection with hue preservation
US8713458B2 (en) * 2007-02-15 2014-04-29 Nokia Corporation Visualization of information associated with applications in user interfaces
KR20090074377A (ko) 2008-01-02 2009-07-07 삼성전자주식회사 단말 및 그의 ｇｕｉ 설정 방법
KR20100111563A (ko) * 2009-04-07 2010-10-15 삼성전자주식회사 휴대 단말기의 ｇｕｉ 구성 방법
US20120313962A1 (en) 2011-06-07 2012-12-13 Compal Electronics, Inc. Electronic device and method for generating graphical user interface thereof
CN102868830A (zh) * 2012-09-26 2013-01-09 广东欧珀移动通信有限公司 一种移动终端主题的切换控制方法及装置
IN2015DN03807A (zh) 2012-11-20 2015-10-02 Jolla Oy

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI270799B (en) * 2002-06-24 2007-01-11 Microsoft Corp Methods, systems, computer readable media, and computing devices for providing color management
TWI357267B (zh) * 2007-02-08 2012-01-21 Iix Inc
US8897552B2 (en) * 2012-08-01 2014-11-25 Microsoft Corporation Setting an operating-system color using a photograph
US20140075324A1 (en) * 2012-09-11 2014-03-13 Apple Inc. Automated Graphical User-Interface Layout

Also Published As

Publication number Publication date
CN105915687A (zh) 2016-08-31
US20160246491A1 (en) 2016-08-25
TW201636810A (zh) 2016-10-16
EP3062205A1 (en) 2016-08-31
US10078436B2 (en) 2018-09-18

Similar Documents

Publication Publication Date Title
TWI628584B (zh) 使用者介面調整方法與使用此方法的裝置
US20220174157A1 (en) Teleconference system and terminal apparatus
US9558591B2 (en) Method of providing augmented reality and terminal supporting the same
US10182187B2 (en) Composing real-time processed video content with a mobile device
US11158057B2 (en) Device, method, and graphical user interface for processing document
CN104850432B (zh) 调节颜色的方法及装置
WO2017016164A1 (zh) 色域模式切换方法及装置
US20190026010A1 (en) System and method for computing operations based on a first and second user input
RU2669511C2 (ru) Способ и устройство для идентификации типа изображения
CN104063123A (zh) 图标显示方法及装置
CN105138962A (zh) 图像显示方法及装置
CN106780635B (zh) 一种智能终端的图片适配方法及系统
JP7253535B2 (ja) アプリケーションにおける画像を処理する方法、装置、機器端末及び記憶媒体
WO2022142875A1 (zh) 图像处理方法、装置、电子设备及存储介质
WO2016112729A1 (zh) 图像处理方法及装置、电子设备
US10204403B2 (en) Method, device and medium for enhancing saturation
CN105677352B (zh) 应用图标颜色的设置方法和装置
CN111935418B (zh) 视频处理方法及装置、电子设备和存储介质
CN107798716A (zh) 图像效果提取
CN113450431B (zh) 虚拟头发染色方法、装置、电子设备及存储介质
US10706590B2 (en) Subtitle beat generation method, image processing method, terminal, and server
WO2023045961A1 (zh) 虚拟对象的生成方法及装置、电子设备和存储介质
WO2018036526A1 (zh) 显示方法及装置
WO2021169810A1 (zh) 视频处理方法及服务器
JPWO2004023397A1 (ja) 視覚補助ネットワークサーバ、視覚補助ネットワークシステム、視覚補助方法、視覚補助システム、色覚機能通知システム、色覚機能通知用プログラム、色覚機能通知方法、色覚補助システム、色覚補助用プログラム、及び色覚補助方法

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees