Method and computer equipment for customizing display colors of financial fund products

Abstract

The present application provides a method for customizing the display color of a financial fund product, including: displaying a user interface of a financial fund product application software, the user interface of the financial fund product including a plurality of different blocks, each block having an original color matching parameter value, the original color matching parameter value being used to independently control the skin color matching of each block; monitoring whether a skin color matching color changing operation occurs in each block in the user interface, the skin color matching color changing operation and the color matching parameter value; when monitoring a skin color matching color changing operation in a block, generating a color matching change instruction according to the color matching color changing operation, the color matching change instruction including the current color matching parameter value; according to the color matching change instruction, changing the original color matching parameter value of the corresponding block to the current color matching parameter value to control the skin color matching display requirement of the corresponding block. The technical solution of the present application can customize the display color of financial fund products in a more friendly way.

Description

Technical Field

[0001] The present application relates to the field of mobile Internet, and in particular to a method for customizing the display color of financial fund products, a computer-readable storage medium, and a computer device. Background Art

[0002] With the rapid development of mobile Internet communication technology, people now transfer money to buy financial products such as funds on their mobile phones. The industry's default financial products and fund products, whether in text or chart, are red for rises and green for falls. However, for the special group of red and green color blindness, the red and green colors they see are both gray, and they cannot distinguish between rises and falls, and they cannot tell at a glance, so they need to view them in numbers. In addition, the existing banking, securities and various financial software cannot be customized according to the actual needs of users for colors, so it is very unfriendly to users, especially those with red and green color blindness. Summary of the invention

[0003] In view of this, it is necessary to provide a more user-friendly method for customizing the display color of financial fund products, a computer-readable storage medium and a computer device.

[0004] In a first aspect, an embodiment of the present application provides a method for customizing the display color of a financial fund product, the method for customizing the display color of a financial fund product comprising the following steps:

[0005] Displaying a user interface of a financial fund product application software, wherein the user interface of the financial fund product includes a plurality of different blocks, each block having an original color matching parameter value, and the original color matching parameter value is used to independently control the skin color matching of each block;

[0006] Monitoring whether a skin color changing operation occurs in each block of the user interface, the skin color changing operation and the color parameter value;

[0007] When a skin color change operation of a block is monitored, a color change instruction is generated according to the color change operation, and the color change instruction includes a current color parameter value;

[0008] According to the color matching change instruction, the original color matching parameter value of the corresponding block is changed to the current color matching parameter value to control the skin color matching display requirement of the corresponding block.

[0009] In a second aspect, an embodiment of the present application provides a computer-readable storage medium, which is used to store program instructions, and the program instructions can be executed by a processor to implement the method of customizing the display color of wealth management fund products as described above.

[0010] In a third aspect, an embodiment of the present application provides a computer device, which includes: a computer-readable storage medium for storing program instructions, a processor and a bus for executing the program instructions to implement the method for customizing the display color of financial fund products described above.

[0011] The above-mentioned method for customizing the display color of financial fund products, computer-readable storage medium and computer device can be more user-friendly, especially to the color-blind group, by allowing users to modify the color of product display by themselves. In addition, users can set personalized color matching according to their preferences to increase user stickiness and activity. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on the structures shown in these drawings without paying any creative work.

[0013] Figure 1 A flowchart of a method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0014] Figure 2 This is a first sub-flowchart of the method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0015] Figure 3 This is a second sub-flowchart of the method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0016] Figure 4 This is a flow chart of the second embodiment of the method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0017] Figure 5 This is a third sub-flowchart of the method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0018] Figure 6 This is the fourth sub-flowchart of the method for customizing the display color of financial fund products provided in an embodiment of the present application.

[0019] Figure 7 A schematic diagram of the internal structure of a computer device provided in an embodiment of the present application.

[0020] The realization of the purpose, functional features and advantages of this application will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0021] In order to make the purpose, technical solutions and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not intended to limit the present application. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in the field without making creative work are within the scope of protection of the present application.

[0022] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of this application and the above-mentioned drawings are used to distinguish similar planning objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate. In other words, the described embodiments are implemented according to an order other than that illustrated or described herein. In addition, the terms "including" and "having" and any of their variations may also include other content. For example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to only those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0023] It should be noted that the descriptions involving "first", "second", etc. in this application are only for descriptive purposes and cannot be understood as indicating or implying their relative importance or implicitly indicating the number of technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. In addition, the technical solutions between the various embodiments can be combined with each other, but they must be based on the ability of ordinary technicians in this field to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be deemed that such combination of technical solutions does not exist and is not within the scope of protection required by this application.

[0024] Please refer to Figure 1 , which is a flow chart of a method for customizing the display color of a financial fund product provided in an embodiment of the present application. The method for customizing the display color of a financial fund product specifically includes the following steps S102-S108.

[0025] Step S102, display the user interface of the financial fund product application software, the user interface of the financial fund product includes a plurality of different blocks, each block has an original color matching parameter value, and the original color matching parameter value is used to independently control the skin color matching of each block. It can be understood that when the user opens the financial management software, the financial management software interface will display specific configurable blocks, which can be user interface elements such as text, graphics, or graphics. A color matching module will be displayed next to each configurable block, so that the user can directly configure the block. In some embodiments, a color matching module can also be used, in which the blocks and colors to be configured can be selected, so that the user can configure them together. And when the user logs in to the financial management fund product for the first time, there will be a guide pop-up window to inform the user that the skin color can be configured. The blocks included in the user interface are one or more of the rise and fall diagrams, charts, icons, and key information.

[0026] Step S104, monitoring whether the skin color changing operation occurs in each block in the user interface, the skin color changing operation and the color matching parameter value. It can be understood that when the user clicks on the color matching module of the block and turns on the color matching module, after the server receives the opening instruction of the color matching module of the block, it starts to monitor the user's operation on the color matching module of the block, and determines whether the color matching parameter value of the color matching module changes, as described in detail below.

[0027] Step S106, when a skin color change operation of a block is monitored, a color change instruction is generated according to the color change operation, and the color change instruction includes the current color parameter value. It can be understood that when the server monitors that the user is operating in the color module of a block, the server determines that the user may want to modify the color of the block, and then the server starts to pay attention to the color module of the block. When the user modifies the parameter value of the original color of the block, the server will immediately trigger the color change instruction of the block.

[0028] Step S108, according to the color matching change instruction, the original color matching parameter value of the corresponding block is changed to the current color matching parameter value to control the skin color matching display of the corresponding block to the desired color matching. It can be understood that when the server triggers the color matching change instruction, the server will obtain the original color matching parameter value and the changed color matching parameter value in the color matching template of the block, overwrite the original parameter value with the changed color matching parameter value, and according to the user clicking OK in the color matching module, after the server receives the OK instruction, it will re-acquire the color-changing block to obtain the required skin color matching display of the block. For example, the color of the rise and fall icon is red for rise and green for fall. When the user changes the rising icon to purple in the rising and falling icon, the server obtains the original color parameter value #FF0000, and the modified color parameter value #A020F0, and overwrites the original parameter value #FF0000 with the modified parameter value #A020F0. At this time, the color of the rising icon on the server is purple. When the user clicks OK, the front end re-obtains the color parameter value of the rising and falling icon from the server and displays it on the user interface. At this time, the color of the rising icon in the user interface is purple, and the color of the falling icon is green.

[0029] In the above embodiment, by allowing users to modify the color of product display by themselves, the color-blind group can view the increase in financial management funds in a more friendly way, and users with personality can also set their favorite color schemes to increase user stickiness and activity.

[0030] Please refer to Figure 2 , which is the first sub-flow chart of the method for customizing the display color of financial fund products provided in the embodiment of the present application. Step S104 specifically includes the following steps S202-S204.

[0031] Step S202, in response to the user selecting each block operation, output the skin color change option for the user to select. It can be understood that when the user opens the color matching module corresponding to the block, all color blocks are displayed in the color matching module interface for the user to select. In some embodiments, multiple blocks can also be selected in the color matching module interface. After the selection is made, the interface will display the configurable color blocks of the block for the user to select. The user can select the same color matching value to change the color of multiple blocks, or select color blocks separately for multiple blocks to change the color.

[0032] Step S204, when the user selects the skin color change option, the corresponding block in the user interface is monitored to have a skin color change operation. It can be understood that the user modifies the color of the block in the block color module, and the server monitors the user's modification action and generates a skin color change operation. For details, see the detailed description below.

[0033] In the above embodiment, the user can customize different block colors by selecting the color of the block in the color matching module.

[0034] Please refer to Figure 3 , which is a second sub-flow chart of the method for customizing the display color of financial fund products provided in the embodiment of the present application. Step S204 specifically includes the following steps S302-S306.

[0035] Step S302, when the corresponding block in the user interface is monitored to have a skin color change operation, a color plate containing a plurality of color blocks is displayed on the user interface. It can be understood that when the server monitors that the user selects the color parameter bar corresponding to the block, the server displays the color plate of the color block corresponding to the block on the interface.

[0036] Step S304, when the user selects one of the color blocks, the corresponding current color matching parameter value is generated according to the color block disk selected by the user. It can be understood that when the user selects a color block for the corresponding block in the color disk, the server will receive the parameter value of the color block. For example, when the user selects purple for the color matching of the rise in the rise and fall diagram in the color disk, the server will obtain the parameter value of purple as #A020F0.

[0037] Step S306: Generate the color matching change instruction according to the current color matching parameter value. It can be understood that after receiving the modified color matching parameter value, the server determines that the user has modified the color matching of the block, and then immediately generates a color matching change instruction.

[0038] In the above embodiment, by selecting the color of the block using the color wheel, the color of the block can be modified in a more friendly way for the color blind group.

[0039] Please refer to Figure 4 , which is a flow chart of a second embodiment of the method for customizing the display color of a financial fund product provided in an embodiment of the present application. The method for customizing the display color of a financial fund product further specifically includes the following steps S402-S404.

[0040] Step S402, obtaining user eye status information, the eye status information being red-green color blindness information or non-red-green color blindness information. It can be understood that the server receives the eye status information selected by the user and determines whether the user's eye status information is red-green color blindness, which will be described in detail below.

[0041] Step S404, when the user's eye status information is red-green color blindness information, the original color matching parameters of each block are automatically changed to replacement color parameter values, and the replacement color parameter values ​​control the skin color matching to non-red and green. It can be understood that the replacement color parameter values ​​are one or more sets of special color matching for red-green color blindness that the designer has configured in the system in advance. When the server receives the information submitted by the user and parses the information to obtain that the user is red-green color blind, the server will randomly select the color matching configured by the designer to update the color matching of the user interface block.

[0042] In the above embodiment, by obtaining the user's eye status information, the color of the product is automatically changed, making it more friendly to the red and green color blind groups.

[0043] Please refer to Figure 5 , which is the third sub-flow chart of the method for customizing the display color of financial fund products provided in the embodiment of the present application. Step S402 specifically includes the following steps S502-S504.

[0044] Step S502, providing an eye status information input box in the user interface, wherein the eye status information input box provides a red-green color blindness option for the user to select. It is understandable that the developer sets a user-selectable eye status information input box on the interface for logging into the wealth management fund product, in which a user can select a preset eye status icon or manually input eye status information, so that the user can actively submit the user's eye status information.

[0045] Step S504: When the user selects the red-green color blindness option, the replacement color parameter value is set and the replacement color parameter is saved in the user account. It can be understood that when the user submits the user's eye status information in the eye status information input field, the server determines that the user is red-green color blind, and saves the replacement color set by the server in the user's account, so that the user can choose at any time.

[0046] In the above embodiment, the eye status information of the user is obtained through the eye status information input box, so that the color scheme can be replaced for the color blind group, and the replaced color scheme is saved in the user account, so that the user can change back to the replaced color scheme at any time.

[0047] Please refer to Figure 6 , which is the fourth sub-flow chart of the method for customizing the display color of financial fund products provided in the embodiment of the present application. Step S504 specifically includes the following steps S602-S604.

[0048] Step S602, identifying whether the eye status information in the user account of the customized financial fund product is red-green color blindness. It can be understood that the service determines whether the user's eye status is red-green color blindness based on the eye status submitted by the user.

[0049] Step S604, when the eye status information in the user account of the customized financial fund product is identified as red-green color blindness, the skin color matching of each block in the user interface is set to the replacement color parameter value to display the corresponding skin color matching in each block of the user interface. It can be understood that when the server determines that the user is red-green color blindness, it automatically obtains the parameter value of the replacement color pre-designed by the designer, and changes the color matching corresponding to each block of the user interface to the replacement color, and displays the color matching of the replacement color on the color matching of the skin of each block corresponding to the user interface.

[0050] An embodiment of the present application provides a computer-readable storage medium, which is used to store a computer program. The computer program is executed by a processor to implement part or all of the steps of any method recorded in the above embodiments.

[0051] Please refer to Figure 7 , which is a schematic diagram of the internal structure of a computer device provided in an embodiment of the present application. The computer device 10 includes a computer-readable storage medium 11, a processor 12, and a bus 13. Among them, the computer-readable storage medium 11 includes at least one type of readable storage medium, which includes a flash memory, a hard disk, a multimedia card, a card-type memory (for example, SD or DX memory, etc.), a magnetic memory, a disk, an optical disk, etc. The computer-readable storage medium 11 may be an internal storage unit of the computer device 10 in some embodiments, such as a hard disk of the computer device 10. The computer-readable storage medium 11 may also be an external computer device 10 storage device in other embodiments, such as a plug-in hard disk, a smart memory card (Smart Media Card, SMC), a secure digital (Secure Digital, SD) card, a flash card (Flash Card), etc. equipped on the computer device 10. Further, the computer-readable storage medium 11 may also include both an internal storage unit of the computer device 10 and an external storage device. The computer-readable storage medium 11 can be used not only to store application software and various types of data installed in the computer device 10, but also to temporarily store data that has been output or is to be output.

[0052] The bus 13 may be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 7 Only one thick line is used in the diagram, but this does not mean that there is only one bus or only one type of bus.

[0053] Furthermore, the computer device 10 may also include a display component 14. The display component 14 may be a light emitting diode (LED) display, a liquid crystal display, a touch-sensitive liquid crystal display, an organic light emitting diode (OLED) touch device, etc. The display component 14 may also be appropriately referred to as a display device or a display unit, which is used to display information processed in the computer device 10 and to display a visual user interface.

[0054] Furthermore, the computer device 10 may also include a communication component 15. The communication component 15 may optionally include a wired communication component and / or a wireless communication component, such as a WI-FI communication component, a Bluetooth communication component, etc., which is generally used to establish a communication connection between the computer device 10 and other intelligent control devices.

[0055] In some embodiments, the processor 12 may be a central processing unit (CPU), a controller, a microcontroller, a microprocessor or other data processing chip, and is used to run the program code or process data stored in the computer-readable storage medium 11. Specifically, the processor 12 executes the processing program to control the computer device 10 to implement the method of customizing the display color of financial fund products.

[0056] Understandably, Figure 7 Only the computer device 10 having components 11-15 and the method for customizing the display color of financial fund products is shown. It can be understood by those skilled in the art that Figure 7 The illustrated structure does not constitute a limitation on the computer device 10 , and the computer device 10 may include fewer or more components than shown in the figure, or combine certain components, or arrange the components differently.

[0057] Obviously, those skilled in the art can make various changes and modifications to the present application without departing from the spirit and scope of the present application. Thus, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

[0058] The above examples are only preferred embodiments of the present application, and certainly cannot be used to limit the scope of rights of the present application. Therefore, equivalent changes made according to the claims of the present application still fall within the scope covered by the present application.

Claims

1. A method for customizing the display color of a financial fund product, characterized in that: The method for customizing the display color of the wealth management fund product includes: Displaying a user interface of a financial fund product application software, wherein the user interface of the financial fund product includes a plurality of different blocks, each block being a user interface element of the user interface, and each block having an original color matching parameter value, and the original color matching parameter value is used to independently control the skin color matching of each block, and the block is one or more of a rise and fall diagram, a chart, and key information; Monitoring whether a skin color changing operation occurs in each block of the user interface, the skin color changing operation and the color parameter value; When a skin color change operation of a block is detected, a color change instruction is generated according to the color change operation, and the color change instruction includes a current color parameter value; and According to the color matching change instruction, the original color matching parameter value of the corresponding block is changed to the current color matching parameter value to control the skin color matching display of the corresponding block to be the desired color matching; wherein, monitoring whether the skin color matching color changing operation occurs in each block in the user interface specifically includes: In response to the user selecting each block operation, outputting a skin color change selection option for the user to select; and When the user selects the skin color change option, monitoring the skin color change operation of the corresponding block in the user interface specifically includes: When a skin color changing operation of a corresponding block in the user interface is detected, a color block disk including a plurality of color blocks is displayed on the user interface; When the user selects one of the color blocks, the corresponding current color matching parameter value is generated according to the color block disk selected by the user; and The color matching change instruction is generated according to the current color matching parameter value.

2. The method for customizing the display color of a financial fund product according to claim 1, characterized in that: In response to the user selecting each block operation, the output selection skin color change options for the user to choose also include: When skin color changing operations of multiple blocks of the user interface are monitored simultaneously, the color values ​​generated by the multiple blocks are the same.

3. The method for customizing the display color of a financial fund product according to claim 1, characterized in that: The original color combination is red and green, and the method further includes: Acquiring user eye status information, where the eye status information is red-green color blindness information or non-red-green color blindness information; and When the user's eye status information is red-green color blindness information, the original color matching parameters of each block are automatically changed to replacement color parameter values, and the replacement color parameter values ​​control the skin color matching to be non-red-green.

4. The method for customizing the display color of a financial fund product according to claim 3, characterized in that: Obtaining user eye status information, where the eye status information is red-green color blindness information or non-red-green color blindness information, specifically includes: Providing an eye status information input box in the user interface, wherein the eye status information input box provides a red-green color blindness option for the user to select; and When the user selects the red-green color blindness option, the replacement color parameter value is set and the replacement color parameter is saved in the user account.

5. The method for customizing the display color of a financial fund product according to claim 4, characterized in that: When the user selects the red-green color blindness option, setting the replacement color parameter value and saving the replacement color parameter in the user account specifically includes: Identify whether the eye status information in the user account of the customized financial fund product is red-green color blindness; and When the eye status information in the user account of the customized financial fund product is identified as red-green color blindness, the skin color of each block in the user interface is set to the replacement color parameter value to display the corresponding skin color in each block of the user interface.

6. A computer-readable storage medium, characterized in that: The computer-readable storage medium is used to store program instructions, and the program instructions can be executed by a processor to implement the method for customizing the display color of a wealth management fund product according to any one of claims 1 to 5.

7. A computer device, characterized in that: The computer device comprises: A computer-readable storage medium for storing program instructions; and A processor, configured to execute the program instructions to implement the method for customizing the display color of a financial fund product as described in any one of claims 1 to 5.

Images