Electronic device and visual interface color setting method thereof

Abstract

An electronic device and a visual interface color setting method thereof are provided. The method is adapted to the electronic device including a display. The display is configured to display a visual operation interface, and the method includes the following steps. User input information is received. A search semantic vector is generated based on the user input information using a text embedding model. Based on the search semantic vector and respective color semantic vectors of multiple predetermined colors, at least one theme color is selected from the predetermined colors. Based on the at least one theme color, an interface color setting function of the visual operation interface is executed.

Description

[Technical Field]

[0001] This case relates to a method for setting the color of an electronic device and a visual interface. [Previous Technology]

[0002] With the advancement of technology, powerful performance and rich applications have made electronic devices indispensable items in modern people's daily lives. Generally speaking, users can customize the color scheme of these electronic devices according to their preferences, thereby enhancing their aesthetics and achieving a personalized effect. Currently, users can only choose their preferred color scheme from fixed color combinations, which not only requires browsing but may also fail to meet the diverse needs of users. Alternatively, users can try selecting their desired main color and then automatically or manually generating a system color scheme. Although the freedom of choice is increased, it still takes a lot of time to select colors, and without a certain level of color knowledge and association, it is not easy to select the color scheme that they currently want. [Summary of the Invention]

[0003] This application provides a method for setting the color of a visual interface, applicable to electronic devices including a display. The display is used to show a visual operation interface, and the method includes the following steps: receiving user input information; generating a search semantic vector based on the user input information using a text embedding model; selecting at least one theme color from the multiple preset colors based on the search semantic vector and the color semantic vectors of multiple preset colors; and executing an interface color setting function of the visual operation interface based on the at least one theme color.

[0004] This application also provides an electronic device, which includes an input device, a display, a storage device, and a processor. The storage device records a plurality of instructions, and the processor is coupled to the input device, the display, and the storage device to execute the instructions to perform the following operations: receiving user input information through the input device; generating a search semantic vector based on the user input information through a text embedding model; selecting at least one theme color from the plurality of preset colors based on the search semantic vector and the respective color semantic vectors of a plurality of preset colors; and performing an interface color setting function of a visual operation interface based on the at least one theme color.

[0005] Based on the above, in this embodiment, a text embedding model can be used to generate a search semantic vector of the user input information, and the search semantic vector can be compared with the color semantic vectors corresponding to each preset color to select at least one theme color that matches the user input information from multiple preset colors. Then, the interface color setting function of the visual operation interface can be executed according to the theme color. Therefore, the color scheme of the visual operation interface is no longer limited to fixed colors, but can select a color scheme that better suits the user's preferences based on the semantics of the user input information, thus greatly improving the convenience and flexibility of interface color setting.

Implementation Method

[0006] Reference will now be made in detail to exemplary embodiments of the present invention, examples of which are illustrated in the accompanying drawings. Wherever possible, the same component symbols are used in the drawings and description to denote the same or similar parts. These embodiments are only a part of the present invention and do not disclose all possible implementations of the present invention. Rather, these embodiments are merely examples of apparatuses and methods within the scope of the patent application of this invention.

[0007] Referring to Figure 1, the electronic device 100 in this embodiment is, for example, an electronic device capable of displaying a visual operating interface, such as a smartphone, tablet computer, or laptop computer. This embodiment is not limited to this. The electronic device 100 includes an input device 110, a storage device 120, a display 130, and a processor 140, the functions of which are described below.

[0008] The input device 110 is used to receive user input information, such as a touch device, microphone, keyboard, or mouse. The user input information can be text input or voice input.

[0009] The display 130 is, for example, a liquid crystal display (LCD), a light-emitting diode (LED) display, a field emission display (FED), an organic light-emitting diode (OLED) display, or other types of displays, and this application is not limited thereto.

[0010] Storage device 120 is used to store data such as files, images, instructions, code, software modules, etc., and may be, for example, any type of fixed or removable random access memory (RAM), read-only memory (ROM), flash memory, hard disk or other similar device, integrated circuit or combination thereof.

[0011] The processor 140 is, for example, a central processing unit (CPU), an application processor (AP), or other programmable general-purpose or special-purpose microprocessor, digital signal processor (DSP), programmable controller, application-specific integrated circuit (ASIC), programmable logic device (PLD), graphics processing unit (GPU), or other similar devices or combinations thereof. The processor 140 can execute program code, software modules, instructions, etc., recorded in the storage device 120 to implement the visual interface color setting method of this embodiment.

[0012] Please refer to Figures 1 and 2. The method of this embodiment is applicable to the electronic device 100 in the above embodiment. The following describes the detailed steps of the visual interface color setting method of this embodiment in conjunction with the various components in the electronic device 100.

[0013] In step S210, the processor 140 receives user input information through the input device 110. For example, the user can operate the input device 110 to input information in the input fields of the user interface displayed on the display 130. Alternatively, the user can speak the user input information, and the processor 140 can receive voice input through the input device 110. The user input information can be a single word or a combination of multiple words, and this application is not limited to this. The user input information can be an unformatted natural language command.

[0014] For example, user input information could be the user's mood or feelings. Or, user input information could be things the user is interested in. Or, user input information could be quotes from articles or poems that the user likes. Or, user input information could include the name of a holiday. For example, user input information could be "Christmas" or "Christmas is coming soon".

[0015] In step S220, the processor 140 generates a search semantic vector based on the user input information using a text embedding model. Specifically, the processor 140 can input the user input information into the text embedding model, causing the text embedding model to output a search semantic vector of the user input information. The text embedding model can be used to convert input text into semantic feature vectors in a multi-dimensional feature space. More specifically, the text embedding model can be used to convert text (such as words, phrases, sentences, or paragraphs) into vector representations that capture the semantic features of the input text. In different embodiments, the user input information may be, for example, a BERT (Bidirectional Encoder Representations from Transformers) model, a GPT (Generative Pre-trained Transformer) model, a Bag-of-Words Model, a CLIP (Contrastive Language-Image Pretraining) model, or a USE (Universal Sentence Encoder) model, etc., and this application is not limited to this.

[0016] In step S230, the processor 140 selects at least one theme color from the multiple preset colors based on the search semantic vector and the color semantic vectors of the multiple preset colors. The number of these preset colors can be set according to the actual application, and this case does not limit this. These preset colors may belong to a first color system, such as the Munsell Color System, but are not limited to this.

[0017] In some embodiments, the processor 140 can divide the 360° range of hue into 36 equal parts by fixing the value and chroma, and then combine the light and dark colors to generate 72 preset colors. In addition, the processor 140 can set black and white as two other preset colors, thereby ultimately defining 74 preset colors.

[0018] In some other embodiments, the processor 140 may determine multiple preset colors based on color systems defined in professional art books, online resources, or other authoritative documents. In some embodiments, the processor 140 may perform color model conversion on multiple other predetermined colors in a second color system to obtain multiple predetermined colors in a first color system. For example, the processor 140 may convert multiple other predetermined colors belonging to the RGB color system in professional documents into multiple predetermined colors in the Munsell color system (i.e., the HCV color space).

[0019] In some embodiments, the processor 140 may determine the semantic similarity between the search semantic vector and at least one color semantic vector of each preset color. Specifically, each preset color may be associated with one or more color semantic vectors, and the one or more color semantic vectors of each preset color are determined based on the color description text of each preset color. For example, the processor 140 may calculate cosine similarity, Euclidean distance, or Manhattan distance to generate the semantic similarity between two semantic feature vectors.

[0020] In some embodiments, based on the semantic similarity between the search semantic vector and at least one color semantic vector of each preset color, the processor 140 can determine some color semantic vectors that are semantically close to the search semantic vector, thereby selecting a theme color that is semantically close to the search semantic vector from a plurality of preset colors. For example, the processor 140 can filter out theme colors with semantic similarity higher than the preset threshold by setting a preset threshold for semantic similarity. Alternatively, by sorting the similarity of all color semantic vectors, the processor 140 can select the top-ranked color as the theme color.

[0021] In step S240, the processor 140 executes an interface color setting function for the visual operation interface based on at least one theme color. The visual operation interface can be an application interface or a system operation interface, etc.

[0022] In some embodiments, the processor 140 may provide one or more system color schemes based on one or more theme colors for the user to choose from. After receiving a selection instruction for a system color scheme, the processor 140 may configure the colors of the visual interface according to the corresponding theme color. For example, the processor 140 may adjust the background color or border color of user operation elements (e.g., buttons, switches, sliders, or drop-down menus) in the visual interface to the theme color.

[0023] It can be seen that, based on the dynamic information provided by the user (i.e., the user input information), the text embedding model service can further understand the user's thoughts and proactively provide the theme colors and system color schemes that the user is more likely to like.

[0024] Please refer to Figure 3, which is a schematic diagram of a visual interface color setting system according to an embodiment of this invention. This invention proposes a visual interface color setting system 30 based on a text embedding model and semantic analysis, which can generate a search semantic vector using user input information, and generate a system color scheme that conforms to the semantics of the user input information by matching it with the color semantic vector of a preset color.

[0025] In one embodiment of the present invention, the visual interface color setting system 30 includes a text embedding model M1, a database db1, a semantic similarity calculation module 310, and a system color generation module 320. The text embedding model M1 is responsible for processing user input information UF1 and one or more color description texts CT1 for each preset color, converting them into search semantic vectors QF1 and multiple color semantic vectors SF1, respectively. The database db1 is used to store one or more color semantic vectors SF1 for each preset color as a basis for subsequent semantic similarity calculation.

[0026] The text embedding model M1 can generate a search semantic vector QF1 based on the user input information UF1. This search semantic vector QF1 can accurately represent the semantic features of the user input information, facilitating semantic comparison with the color description text CT1 of the preset color. On the other hand, the color description text CT1 of the preset color, such as "bright red" or "soft green", is also processed by the text embedding model M1 to generate the corresponding color semantic vector SF1. These color semantic vectors SF1 are stored in the database db1.

[0027] In the semantic similarity calculation stage, the semantic similarity calculation module 310 compares the semantic similarity of the search semantic vector QF1 with that of each color semantic vector SF1 in the database db1. In some embodiments, the semantic similarity calculation module 310 may filter out the theme color SC1 that matches the user input information UF1 based on a preset threshold of semantic similarity. Alternatively, the semantic similarity calculation module 310 may select several preset colors with the highest similarity as the theme color SC1 based on the ranking of semantic similarity.

[0028] Once the theme color SC1 is determined, the system color generation module 320 can generate a system color scheme SCS1 based on the theme color. In one specific embodiment, the electronic device 100 can apply the theme color to elements such as the background, buttons, and text of the visual operation interface to ensure the coordination and consistency of the overall visual design. In addition, the system color generation module 320 can further refine the color scheme according to the application scenario, such as adjusting brightness, contrast, or adding gradient effects.

[0029] Please refer to Figures 1 and 4. The method of this embodiment is applicable to the electronic device 100 in the above embodiment. The following describes the detailed steps of the visual interface color setting method of this embodiment in conjunction with the various components in the electronic device 100.

[0030] In step S410, the processor 140 generates color semantic vectors based on the color description texts of each preset color using a text embedding model. The processor 140 can input each color description text of each preset color into the text embedding model to generate the corresponding color semantic vector. The color description text may include the color name, the feeling it evokes, color temperature, associated things, and / or other color descriptions. A single preset color may correspond to one or more color description texts. In different embodiments, the color description texts of each preset color may be collected from online materials, documents, or art books. In some embodiments, the color description texts of each preset color may be generated using a large language model.

[0031] For example, Table 1 is a feature list of color semantic vectors for multiple preset colors. In this example, multiple preset colors are represented by a combination of hue (H), chroma (C), and value (V) (H, C, V). As shown in Table 1, the first preset color (H1, C1, V1) can be mapped to color semantic vectors V1 to V3 based on three color description texts. Similarly, the second preset color (H2, C2, V2) can be mapped to color semantic vectors V4 to V5 based on two color description texts. Table 1 Preset colors Color description text Color semantic vector First preset color (H1, C1, V1) love Color Semantic Vector V1 enthusiasm Color Semantic Vector V2 bright red Color Semantic Vector V3 Second preset color (H2, C2, V2) Dark Color Semantic Vector V4 Navy Blue Color Semantic Vector V5 … … …

[0032] In some embodiments, the processor 140 may utilize a large language model to generate color description text for each preset color based on a predetermined prompt associated with each preset color. The large language model is, for example, the GPT model, but is not limited thereto. For instance, the processor 140 may input a predetermined prompt associated with a preset color, "Please provide the feeling that the preset color (H2, C2, V2) evokes," into the GPT model, causing the GPT model to output color description text for the preset color (H2, C2, V2). Alternatively, the processor 140 may input a predetermined prompt associated with a preset color, "Please provide an associated holiday or associated object for the preset color (H2, C2, V2)," into the GPT model, causing the GPT model to output color description text for the preset color (H2, C2, V2).

[0033] In some embodiments, the processor 140 may collect color descriptions of multiple other preset colors in a second color system. The second color system is different from the first color system to which the multiple preset colors belong. The processor 140 may perform a color system conversion on the multiple other preset colors in the second color system to obtain multiple preset colors in the first color system. For example, when the processor 140 acquires data including multiple RGB colors (i.e., multiple other preset colors) and corresponding color descriptions, the processor 140 may convert the multiple RGB colors in the RGB color system to the HCV (Hue, Chroma, Value) color space. Through this color system conversion, the three primary color values ​​of RGB colors will be mapped to a color description method based on hue, chroma, and lightness to obtain multiple preset colors.

[0034] In some embodiments, the processor 140 may generate color description text for multiple preset colors based on the correspondence between multiple preset colors and multiple other preset colors, according to the color descriptions of multiple other preset colors. For example, when a first RGB color corresponds to a first preset color, the processor 140 may use one or more color descriptions of the first RGB color as one or more color description texts of the first preset color.

[0035] In some embodiments, when the first HCV color corresponding to the first RGB color is similar to the second HCV color corresponding to the second RGB color, the processor 140 may retain one of the first HCV color and the second HCV color as one of a plurality of preset colors. Furthermore, the color description of the first RGB color and the color description of the second RGB color may be used together as the color description text for the retained first HCV color or second HCV color.

[0036] In step S420, the processor 140 records the color semantic vectors of each preset color into a database. This database may be stored on a cloud server or in the storage device 120 of the electronic device 100. In step S430, the processor 140 receives user input information through the input device 110. In step S440, the processor 140 generates a search semantic vector based on the user input information using a text embedding model. Detailed implementation methods for the above steps can be found in the foregoing embodiments and will not be repeated here.

[0037] In step S450, the processor 140 selects at least one theme color from the multiple preset colors based on the search semantic vector and the color semantic vectors of the multiple preset colors. In some embodiments, step S450 may be implemented as steps S451 to S452.

[0038] In step S451, the processor 140 can calculate a semantic similarity between the search semantic vector and the color semantic vectors of each preset color. In step S452, the processor 140 can select at least one theme color from multiple preset colors based on the semantic similarity of each preset color. That is, the processor 140 can select a theme color that matches the semantics of the user input information from multiple preset colors based on one or more semantic similarities corresponding to each preset color.

[0039] Referring to Figure 5, in some embodiments, step S452 can be implemented as steps S502 to S506. In step S502, the processor 140 can determine whether the semantic similarity of the first preset color among a plurality of preset colors is greater than a preset threshold. For example, taking Table 1 as an example, the processor 140 can determine whether the semantic similarity between the search semantic vector and the color semantic vectors V1 to V5 is greater than the preset threshold.

[0040] In step S504, when the semantic similarity of the first preset color among multiple preset colors is greater than a preset threshold (determined as yes in step S502), the processor 140 may determine that the first preset color is at least one theme color. In step S506, when the semantic similarity of the first preset color among multiple preset colors is not greater than the preset threshold (determined as no in step S502), the processor 140 may determine that the first preset color is not at least one theme color. The preset threshold can be set according to actual application, and this application does not limit it.

[0041] Referring to Figure 6, in some embodiments, step S452 can be implemented as steps S602 to S604. In step S602, the processor 140 can sort the semantic similarity of each preset color to obtain a similarity ranking of each preset color. Specifically, the processor 140 can sort the semantic similarity corresponding to all color semantic vectors in the database from high to low. Based on the sorting results of the color semantic vectors, the processor 140 can obtain the similarity ranking of each preset color. For example, the similarity ranking of each preset color can be the sorting order of each color semantic vector. Alternatively, in some embodiments, the processor 140 can determine the similarity ranking of each preset color based on multiple sorting orders corresponding to multiple color semantic vectors of each preset color. For example, the processor 140 can calculate the similarity score of a preset color based on multiple sorting orders of multiple color semantic vectors of a preset color, and determine the similarity ranking of each preset color based on the similarity scores of each preset color.

[0042] In step S604, the processor 140 may select at least one theme color from multiple preset colors based on the similarity ranking of each preset color. For example, the processor 140 may select the X preset colors with the highest similarity ranking as the theme colors.

[0043] As shown in Figure 4, in step S460, the processor 140 executes an interface color setting function for the visual operation interface based on at least one theme color. In some embodiments, step S460 may be implemented as steps S461 to S463.

[0044] In step S461, the processor 140 can determine a system color scheme including at least one complementary color and at least one theme color based on at least one theme color and a color matching mechanism. Specifically, in some embodiments, based on a predetermined color matching mechanism, the processor 140 can generate a complete color palette (i.e., a system color scheme) including a theme color and at least one complementary color based on a theme color. The theme color selected by the processor 140 can be the primary color of the system color scheme. Furthermore, the processor 140 can determine the complementary colors (e.g., secondary colors, background colors, surface colors, or text colors, etc.) of the system color scheme based on the color matching mechanism. The color matching mechanism is, for example, Android's Dynamic Color mechanism, but is not limited to this.

[0045] In step S462, the processor 140 may provide color setting options for the system color scheme in a color setting interface. The processor 140 may provide color setting options based on the system color scheme in a color setting interface displayed on the display 130, so that users can intuitively view and select different color configurations.

[0046] In step S463, the processor 140 can control the interface color of the visual operation interface according to the system color scheme. Responding to the user's selection of a color setting option for a certain system color scheme, the processor 140 can configure the color style of the visual operation interface according to the selected system color scheme. In some embodiments, the processor 140 can set different areas or UI components of the visual operation interface according to the theme color and complementary colors of the system color scheme. For example, the theme color can be used for the main background or title area of ​​the interface, while the complementary colors can be used for buttons, icons, sliders, and other interactive elements. Background color and surface color can be used for large background areas to enhance the overall visual harmony, while text color must ensure sufficient contrast with the background to maintain good readability.

[0047] In summary, in this embodiment, a text embedding model can be used to generate a search semantic vector of the user input information, and the search semantic vector can be compared with the color semantic vectors corresponding to each preset color to select at least one theme color that matches the user input information from multiple preset colors. Then, the interface color setting function of the visual operation interface can be executed according to the theme color. Therefore, the color scheme of the visual operation interface is no longer limited to fixed colors, but can select a color scheme that better suits the user's preferences based on the semantics of the user input information, thus bringing more diverse visual changes and fun, and experiencing the connection and interaction between the device and the user.

[0048] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this case, and not to limit them; although this case has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some or all of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this case. [Simplified Explanation of the Diagram]

[0049] Figure 1 is a schematic diagram of an electronic device according to an embodiment of the present invention. Figure 2 is a flowchart of a visual interface color setting method according to an embodiment of the present invention. Figure 3 is a schematic diagram of a visual interface color setting method according to an embodiment of the present invention. Figure 4 is a flowchart of a visual interface color setting method according to an embodiment of the present invention. Figure 5 is a flowchart of selecting a theme color according to an embodiment of the present invention. Figure 6 is a flowchart of selecting a theme color according to an embodiment of the present invention.

Claims

1. A method for setting the color of a visual interface, applicable to an electronic device including a display, the display being used to display a visual operation interface, the method comprising: Receive information input from a user; A search semantic vector is generated based on the user input information using a text embedding model; Based on the search semantic vector and the color semantic vectors of the multiple preset colors, at least one theme color is selected from the multiple preset colors, wherein the multiple preset colors belong to a first color system; Collect color descriptions of multiple other preset colors in a second color system; perform a color system conversion on the multiple other preset colors in the second color system to obtain the multiple preset colors in the first color system; and generate color description text for the multiple preset colors based on the correspondence between the multiple preset colors and the multiple other preset colors. And, based on the at least one theme color, perform an interface color setting function of the visual operation interface.

2. The visual interface color setting method as described in claim 1, wherein the step of selecting the at least one theme color from the plurality of preset colors based on the search semantic vector and the color semantic vector of each of the plurality of preset colors includes: Calculate the semantic similarity between the search semantic vector and the color semantic vector of each of the plurality of preset colors; And, based on the semantic similarity of each of the plurality of preset colors, select the at least one theme color from the plurality of preset colors.

3. The visual interface color setting method as described in claim 2 further includes: The text embedding model is used to generate the color semantic vector based on the color description text of each of the plurality of preset colors; And record the color semantic vectors of multiple preset colors in a database.

4. The visual interface color setting method as described in claim 3 further includes: Using a large language model, color description text for each of the plurality of preset colors is generated based on a predetermined prompt associated with each of the plurality of preset colors.

5. The visual interface color setting method as described in claim 2, wherein the step of selecting the at least one theme color from the plurality of preset colors based on the semantic similarity of each of the plurality of preset colors includes: When the semantic similarity of the first preset color among the plurality of preset colors is greater than a preset threshold, the first preset color is determined to be the at least one theme color.

6. The visual interface color setting method as described in claim 2, wherein the step of selecting the at least one theme color from the plurality of preset colors based on the semantic similarity of each of the plurality of preset colors includes: The semantic similarity of each of the multiple preset colors is sorted to obtain a similarity ranking of the multiple preset colors; And select at least one theme color from the plurality of preset colors based on the similarity ranking of each of the plurality of preset colors.

7. The visual interface color setting method as described in claim 1, wherein the step of performing the interface color setting function of the visual operation interface according to the theme color includes: Based on the at least one theme color and the color matching mechanism, a system color scheme including at least one matching color and the at least one theme color is determined; And control the interface color of the visual operation interface according to the system color scheme.

8. The visual interface color setting method as described in claim 1, wherein the step of performing the interface color setting function of the visual operation interface according to the theme color includes: Based on the at least one theme color and the color matching mechanism, a system color scheme including at least one matching color and the at least one theme color is determined; And in a color setting interface, color setting options for the system color scheme are provided.

9. An electronic device comprising: Input device; A monitor is used to display a visual user interface. Storage device that records multiple instructions; A processor, coupled to the input device, the display, and the storage device, executes the instructions and is configured to: receive user input information through the input device; generate a search semantic vector based on the user input information using a text embedding model; and select at least one theme color from the plurality of preset colors based on the search semantic vector and the color semantic vectors of the plurality of preset colors. The interface color setting function of the visual operation interface is performed according to the at least one theme color, further including: determining a system color scheme including at least one matching color and the at least one theme color according to the at least one theme color and a color matching mechanism; and providing color setting options for the system color scheme in a color setting interface, wherein the system color scheme further includes light colors and dark colors.

Images