User interface with color themes based on input image data
An application determines a colorization strategy for its graphical user interface according to colors of an input image. In particular, given one or more colors from the input image, and a plurality of elements of the graphical user interface, the colors for the elements of the graphical user interface are selected.
1. A computer-implemented process comprising:
receiving an input image into memory;
identifying one or more colors in the input image; and
generating display data for a graphical user interface comprising a plurality of layers incorporating the input image, wherein the display data includes a background as a bottom layer, the input image as a top layer and on the background and a plurality of design elements as other layers on the background, wherein presentation of the design elements is a function of the one or more colors identified in the input image.
2. The computer-implemented process of claim 1 , wherein the presentation of the design elements comprises colorization of the design elements using a function of the one or more colors identified in the input image.
3. The computer implemented process of claim 2 , wherein the colorization of one of the design elements uses a color identified in the input image and the colorization of another of the design elements uses a luminance adjusted color identified in the input image.
4. The computer implemented process of claim 1 , wherein the presentation of the design elements comprises making a design element for accessing a feature of an application not appear in the user interface based on a color identified in the input image.
5. The computer implemented process of claim 1 , wherein identifying the one or more colors in the input image, comprises:
filtering out pixels of unwanted colors from the input image; and
generating a set of colors from colors of remaining pixels in the input image.
6. The computer implemented process of claim 5 , wherein identifying a set of colors comprises:
reducing the input image to a small image of a small number of pixels;
wherein the set of colors comprises the colors of the small number of pixels.
7. The computer implemented process of claim 1 , wherein generating the graphical user interface includes compositing the input image and design elements on the background.
8. An article of manufacture comprising:
a computer storage medium;
computer program instructions stored on the computer storage medium which, when processed by a processing device, instruct the processing device to perform a process comprising:
receiving an input image into memory;
identifying one or more colors in the input image;
generating display data for a graphical user interface comprising a plurality of layers incorporating the input image, wherein the display data includes a background as a bottom layer, the input image as a top layer and on the background and a plurality of design elements as other layers on the background, wherein presentation of the design elements is a function of the one or more colors identified in the input image.
9. The article of manufacture of claim 8 , wherein the presentation of the design elements comprises colorization of the design elements using a function of the one or more colors identified in the input image.
10. The article of manufacture of claim 9 , wherein the colorization of one of the design elements uses a color identified in the input image and the colorization of another of the design elements uses a luminance adjusted color identified in the input image.
11. The article of manufacture of claim 8 , wherein the presentation of the design elements comprises making a design element for accessing a feature of an application not appear in the user interface based on a color identified in the input image.
12. The article of manufacture of claim 8 , wherein identifying the one or more colors in the input image, comprises:
filtering out pixels of unwanted colors from the input image; and
generating a set of colors from colors of remaining pixels in the input image.
13. The article of manufacture of claim 8 , wherein identifying a set of colors comprises:
reducing the input image to a small image of a small number of pixels;
wherein the set of colors comprises the colors of the small number of pixels.
14. The article of manufacture of claim 8 , wherein generating the graphical user interface includes compositing the input image and design elements on the background.
15. A computing machine comprising:
a processor for executing application programs, wherein an application program, when executed by the processor, includes:
a color analysis module having an input for receiving an input image and an output providing an indication of a set of colors in the input image;
a color selection module having an input for receiving the indication of the set of colors and an output providing display data for a graphical user interface comprising a plurality of layers incorporating the input image, wherein the display data includes a background as a bottom layer, the input image as a top layer and on the background and a plurality of design elements as other layers on the background, wherein presentation of the design elements is a function of the one or more colors identified in the input image.
16. The computing machine of claim 15 , further comprising a rendering engine for compositing the input image and the design elements on the background.
17. The computing machine of claim 15 , wherein the presentation of the design elements comprises colorization of the design elements using a function of the one or more colors identified in the input image.
18. The computing machine of claim 17 , wherein the colorization of one of the design elements uses a color identified in the input image and the colorization of another of the design elements uses a luminance adjusted color identified in the input image.
19. The computing machine of claim 15 , wherein the presentation of the design elements comprises making a design element for accessing a feature of an application not appear in the user interface based on a color identified in the input image.
20. The computing machine of claim 15 , wherein the color analysis module filters out pixels of unwanted colors from the input image and generates the set of colors from colors of remaining pixels in the input image.