Patent Application
20120019572
Many software applications have a graphical user interface (GUI) which allows the user to interact with the application. In order to meet the demands and preferences of consumers, many software applications are equipped with an interface that includes options for customizing the appearance of the interface. Many users choose to take advantage of these types of features and customize the appearance of the GUI to suit their own personal preferences.
Among the many ways a user may customize the interface appearance is to change the color scheme, including the background color or the foreground color. The foreground typically involves principal content such as text, graphics, window frames, etc. The background is typically a color or pattern that surrounds the principal or foreground content. Users will often judge the desirability of a software application partly on its overall appearance and the ability they have to modify the appearance to suit their preferences.
The accompanying drawings illustrate various embodiments of the principles described herein and are a part of the specification. The illustrated embodiments are merely examples and do not limit the scope of the claims.
Throughout the drawings, identical reference numbers designate similar, but not necessarily identical, elements.
The present specification relates to methods and systems for choosing a foreground color based on a selected or user-defined background color. This method or system may be used in any software application capable of running on any type of computing device. As used herein and in the appended claims, the term computing device is used broadly to refer to any computing device having a user interface, including but not limited to, a desktop computer, a notebook or laptop computer, a personal digital assistant (PDA), or a cell-phone.
As mentioned above, many software applications have a graphical user interface (GUI) which allows the user to interact with the application and give commands. Most GUIs come with an option which will allow the user to change the appearance. A user may have the option of setting both the background color and the foreground color.
As mentioned above, the foreground color is typically the color with which principal content such as text, graphics, windows, on-screen controls, etc. are displayed. It is helpful that when the user is selecting a foreground color, it is contrasted enough with the background color that the display of principal content can be easily discerned.
For example, if the user has chosen a white background, a is yellow foreground color will cause the text to be yellow. It can be very difficult to read yellow text with a white background. Further, if the user chooses black as a background and chooses dark blue as a foreground, it will also be very difficult to read any text or see other elements of the foreground. In addition, though the colors may be contrasted enough to make the text legible and other foreground content ready visible, they may not match well and therefore lack an aesthetical appeal.
There are a few disadvantages to letting the user choose both the background color and the foreground color manually. For one, this involves an extra step for the user. Also, there is a possibility that the user will have difficulty finding a match which is aesthetically pleasing, legible, and minimizes strain on the eye.
To address these issues, it is possible to create a transfer function and apply it to whatever color the user has chosen as a background color. One example of a transfer function would be to perform a bitwise operation, such as the exclusive or (XOR) operation, on the bits encoding the background color. Another method may involve a relatively complex algorithm which determines a suitable “color distance” and uses the newly created color as the foreground color. Although these methods are relatively straightforward, they may not always yield an optimal result. Additionally, they consume valuable processing resources to calculate the new color.
The present specification discloses methods and systems whereby a preset foreground color matrix is created. This foreground color matrix is matched with a background color matrix. When a user selects a background color from the background color matrix, the foreground color is chosen from the color in the corresponding coordinates of the foreground color matrix or vice versa.
In the following description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the present systems and methods. It will be apparent, however, to one skilled in the art that the present apparatus, systems and methods may be practiced without these specific details. Reference in the specification to “an embodiment,” “an example” or similar language means that a particular feature, structure, or characteristic described in connection with the embodiment or example is included in at least that one embodiment, but not necessarily in other embodiments. The various instances of the phrase “in one embodiment” or similar phrases in various places in the specification are not necessarily all referring to the same embodiment.
As used herein and in the appended claims, the term “display device” is used broadly to refer to any physical device that might be used to visually display an image, such as a user interface, to a human user. A display device might be, but is not limited to, a monitor, television, projector, flat screen, liquid crystal display, touch sensitive screen, or other display device.
As used herein and in the appended claims, the term “user input device” is used broadly to refer to any device with which a user enters input, such as selecting a color from a color matrix. A user input device might be, but is not limited to a mouse, keyboard, stylus with touch-screen system, or any other suitable user input device.
The content display on the background (110), also referred to as the principal content, with have an associated foreground color. This is the color, for example, of any text (e.g., 105) displayed and the predominant color of any other foreground elements, such as graphics, window frames, etc.
As mentioned above, the user may customize the appearance of the GUI by changing the background color and/or the foreground color. It is helpful that both the background color and the foreground color are contrasted enough so that text (105) and graphics (115) are clearly recognizable.
As mentioned before, many applications have an option that will allow the user to set or adjust the coloring scheme for the GUI. As explained here, paired matrices representing the range of background and foreground colors can be used to provide an optimal relationship between a foreground and background color pair when either is selected or adjusted by a user.
The matrix on the right is a foreground color matrix (208). It also has rows (210) labeled with the numbers 1 through 8, and columns (212) labeled with the letters A through G. Each coordinate in the foreground color matrix (208) is assigned a color that will match with the same color with the same coordinates in the background color matrix. For example, if the user has chosen a box (220) from the background color matrix (202) with the coordinates (3, E). The foreground color would be automatically set to whatever color was in position (3,E) of the foreground color matrix (208). The same is true if the user selects a foreground color from the right matrix (208). The background color is then automatically set to the color at the corresponding position in the background color matrix (202) on the left.
As mentioned above, the colors in the foreground color matrix (208) can be preset by the developer of the application to match well with the associated colors in the background color matrix (202) and vice versa. Any method for determining what foreground color would match a given background color may be used. For example, the developer may create an algorithm to determine a desirable match. Also, the developer could manually choose foreground colors that will match well with corresponding background colors. The developer could use a transfer function to contrast the colors, and then adjust the new colors manually so as to be aesthetically pleasing while maintaining adequate contrast.
A good color match is one in which the foreground color is adequately contrasted with the background color so as be legible. In addition, a good color match will be aesthetically pleasing and provide a minimal amount of strain on the eye. Some color matches, though they may be legible, cause strain on the eyes after reading text for a period of time.
In
On the right side of the window is a box (312) with a larger area displaying the selected background color (310). This will give the user a better view of the color. Below the background color box (312) is a foreground color box (314). This box displays the assigned foreground color from a predetermined foreground color matrix (208,
In this embodiment, the foreground color matrix is not shown. When a user chooses a background color, the application will take the associated foreground color from memory and display it in the foreground color box (314). However, the interface (300) might alternatively display the foreground color matrix, allowing the user to select a foreground color to which a corresponding background color is the matched. In other embodiments, both matrices may be displayed in the interface (300).
Another feature which could be implemented is an example box (316) that may show a sample of the application with the chosen background color. It may also show some example text (318) in the associated foreground color along with various graphics (320) which may also use the assigned foreground color. This feature may provide a user with a more comprehensive view of what the chosen background color and assigned foreground color will look like applied to the GUI of the application.
Once the user is satisfied with the chosen background color and its associated foreground color, they may then click on a button (322) to apply the settings and exit the background color setting option window. Again, the window may be a foreground color setting option window that otherwise has the same features.
As indicated above the user interface may display both the background color matrix and the foreground color matrix in the color setting option window.
According to the illustrated embodiment, the background color matrix (404) is shown on the left side of the window, and the foreground color matrix (406) is shown on the right side of the window. As in the embodiment shown in the previous figure, the background color matrix (404) is a collection of colors that can be selected for setting the background color. The foreground color matrix (406) is a corresponding set of colors, each color chosen to match the background color with the same coordinates of the matrix. Once a user has selected their chosen background color, the box containing that color could be highlighted, bolded on the border, or any method which will mark that particular box as the one that the user has selected (410).
Depending on the system running the application, the user may select their chosen color with a user input device (150) such as mouse, keyboard, stylus with touch-screen system, or any other suitable user input device. In the illustrated example, a box with a larger area (422) is placed directly beneath the background color matrix (404) and used to display the chosen color, giving the user a better view of that color.
The right side of the interface (400) displays the foreground color matrix (406). The foreground color corresponding to the chosen background color (410) from the background color matrix (404) is indicated, for example by being highlighted or bolded. The color in this box (414) would be an optimized foreground color which would match the selected background color (410). As mentioned above, this color correspondence could be predetermined by the developer of the application. Beneath the foreground color matrix, a box with a larger area (424) could display the color from the box (414) associated with the user selected background color.
Some embodiments, the user would not be limited to the predetermined corresponding color which was chosen by the developer. Although the predetermined color may be the designated match as determined through whatever algorithm or method the developer used, it may not be the first choice of the user. The user may choose to ignore the suggested corresponding color and choose a different color. For example, the user may not like the suggested color as a matter of personal preference. They may then use the cursor (412) and select a different foreground color from a different box (408). Beneath the foreground color matrix (406) and to the right of the box (424) displaying the suggested foreground color, there could be another box (426) displaying the alternative color a user has selected. Allowing the user to choose an alternative foreground color will give the user a little more flexibility with the appearance of their application's GUI.
Similar to the embodiment in
In addition to the foregoing examples, a background color matrix and foreground color matrix need not be limited to a relatively small amount of colors depicted by rows and columns of boxes. In some embodiments, the background and foreground color matrices could be depicted by a high resolution color gradient.
As with previously depicted matrices, the foreground color matrix (504) can be pre-designed to match the corresponding background color matrix (502). When the user chooses a point on the background color matrix (510) using a cursor (506) or whatever means the application uses, the point corresponding to the same indices on the foreground color matrix (504) will be marked (508) as the corresponding foreground color. Though there is a higher resolution of color options, the amount of colors available is still finite. For example, the matrix may be of larger dimensions such as a 512×512 matrix.
It is not necessary that the color gradient in the foreground color matrix (504) be a direct inverse of the color gradient in the background color matrix (502). The color gradient of the foreground color matrix (504) may be predetermined by the developer to provide a matrix in which the color at every index is the match for the color in the corresponding index of the background color matrix (502).
Developers of many software applications are aware that computing resources are valuable and, in some cases, have limited capability. It is helpful to design software to consume as few processor resources as possible. This is especially the case when designing applications for smaller devices such as a cell-phone, digital music player, or Personal Digital Assistant (PDA).
More specifically, the user first selects the desired background color from the background color matrix or a desired foreground color from a foreground color matrix (602). A second color of the color pair is then automatically determined.
When the user selects a point on a color matrix through whatever means, the same matrix coordinates or other mapping function are used to determine a corresponding color from a related color matrix (604). For example, if the background color (608) from the background color matrix is selected, the method determines the corresponding foreground color (614) from the foreground color matrix. Alternatively, the user may select the desired foreground color from which a corresponding background color is determined as described herein. After both colors have been determined, the program may then apply the new color settings (616).
Although this specification generally describes how a foreground color may be selected from a user-selected background color, it may be equally desirable and effective to choose a background color based on a user-selected foreground color using the same methods. In some situations, the user may want the foreground color to be a specific color. In this case, the user would select a foreground color from a foreground color matrix. The background color would be selected from the coordinates in a background color matrix that match the coordinates of the user selected foreground color in a foreground color matrix.
In various embodiments, both a foreground matrix and a background matrix may be stored in a digital file. This would allow multiple programs or applications to access the same file when the user elects to change either the background color or the foreground color. For example, if a user changes the background color of an application's GUI, the application could perform a table look up to determine the associated foreground color from the file containing data which identifies background colors and matching foreground colors.
Next, the method includes arranging a second color matrix (704). This matrix will be the complement to the matrix formed in the preceding step, e.g., either a foreground color matrix or a background color matrix.
Next, the method includes designating a mapping (706) between the first and second color matrices. This mapping identifies a second color of the color pair within the second color matrix based on selection of a first color of the color pair within the first color matrix, as described herein. The background and foreground colors can then be used for display of background and foreground elements, respectively, on a display device.
The computer (800) also has a memory (815). This memory (815) is non-volatile and may be any physical device for storing computer- or processor-readable instructions including, but not limited to, a hard drive, Flash memory, optical disc and other forms of memory.
As shown in
The display driver (820) includes a user interface (825) that may be accessed by the user to control the background/foreground color pair as described herein. For example, once accessed, the user interface (825) may display one or both of the color matrices (202, 208) stored in the memory (815). The user may then select a color from a display matrix. As described herein, the display driver (820) will then match that color to a corresponding color in the other of the two matrices (202, 208) to produce a background/foreground color pair.
The display driver (820) will then drive the display device (805) is using that color pair for displayed elements. The display driver (802) may implement any of the methods, options or features described herein.
In sum, a method for determining a foreground color based on a user selected background color or vice versa is provided. In some illustrative embodiments, the available background colors may be represented by a matrix. A matrix of equal or lesser dimensions contains a set of foreground colors.
Each color in the background color matrix is mapped to a color in the foreground color matrix. When the user selects a background color, the foreground color is determined by whatever color the coordinate set of the user selected background color is mapped to. Both the background color matrix and the foreground color matrix may be stored in a digital file. This digital file may be accessed by multiple applications running on the same system, saving on memory space. This provides a simple way for a foreground color to be selected. It does not involve any computing resource consuming calculations. It will quickly produce a foreground color/background color combination that is readily legible, provides a minimal amount of strain on the eye, and is aesthetically pleasing.
The preceding description has been presented only to illustrate and describe embodiments and examples of the principles described. This description is not intended to be exhaustive or to limit these principles to any precise form disclosed. Many modifications and variations are possible in light of the above teaching.
| Filing Document | Filing Date | Country | Kind | 371c Date |
|---|---|---|---|---|
| PCT/US2009/039003 | 3/31/2009 | WO | 00 | 9/23/2011 |
