The present invention relates generally to methods and systems for generating unique designs for use in personalization of electronic devices. Merely by way of example, embodiments of the present invention provide a system for generating a multi-color, spatially varying design that is permanently printed onto a surface of an electronic device. In a particular embodiment, the design is based on randomization of a user's inputs and is printed onto an exterior surface of a digital camcorder. However, the scope of embodiments of the present invention is broader than this particular application and can be applied to other electronic devices including cameras, phones, personal digital assistants, and the like.
Digital video cameras and other personal electronic devices are currently in widespread use. The outer surfaces of these electronic devices is generally not personalized. Thus, a conventional camera, phone, or video camera will include an exterior surface of a single color, perhaps including a logo associate with the device manufacturer or service provider. In order to “personalize” electronic devices, manufacturers have marketed “shells” or “skins” that can be snapped over the original device or can replace one or more exterior surfaces of the original device. An example of such a skin is a removable faceplate for a cellular phone, which, for example, may include a logo of a favorite sports team.
Some computer manufacturers have provided customers with an option of specifying an exterior color or pattern for laptop computers. Additionally, when purchasing a laptop computer, some manufacturers provide the purchaser with the option of choosing from a set of predefined images that are displayed on one or more exterior surfaces of the laptop computer.
Despite the availability of replaceable shells and some products with predefined images, there is a need in the art for methods and systems to personalize electronic devices.
According to the present invention, methods and systems for generating unique designs for use in personalization of electronic devices are provided. Merely by way of example, embodiments of the present invention provide a system for generating a multi-color, spatially varying design that is permanently printed onto a surface of an electronic device. In a particular embodiment, the design is based on randomization of a user's inputs and is printed onto an exterior surface of a digital camcorder. However, the scope of embodiments of the present invention is broader than this particular application and can be applied to other electronic devices including cameras, phones, personal digital assistants, and the like.
According to an embodiment of the present invention, a method of generating a customized image is provided. The method includes forming a first design including a first pattern having a first color and a second color and receiving input from a user using a design modification element. The method also includes forming a second design including a second pattern including a third color and a fourth color. A change from the first design to the second design is proportional to the input received from the user using the design modification element.
According to another embodiment of the present invention, a method of generating a customized image for personalization of an electronic device is provided. The method includes providing a primary color and providing a secondary color. The method also includes determining an initial pattern defined by pattern properties including a first color that is a derivative of the primary color, a second color that is a derivative of the secondary color, and a linear dimension. The method further includes forming an animated display tile including the initial pattern at a first time and a series of subsequent patterns including the customized image. The series of subsequent patterns are formed based on a predetermined intensity value. Moreover, the method includes receiving a user input at a second time and pausing the animated display tile at the customized image of the series of subsequent patterns in response to the user input at the second time.
According to yet another embodiment of the present invention, a graphical user interface is provided. The graphical user interface includes a primary color palette including a plurality of colors. A first color is defined as a primary color. The graphical user interface also includes a secondary color palette including a second plurality of colors. A second color is defined as a secondary color and the secondary color is different from the primary color. The graphical user interface further includes a plurality of styles. A style of the plurality of styles is defined as an initial style. Moreover, the graphical user interface includes an intensity scale ranging from a minimum intensity value to a maximum intensity value. An indicator is positioned in association with an initial intensity value. Additionally, the graphical user interface includes a display tile including an initial pattern that is displayed based on the primary color, the secondary color, and the initial style and a subsequent pattern that is modified from the initial pattern based on the initial intensity value.
According to a particular embodiment of the present invention, a system configured to generate a customized image for personalization of an electronic device is provided. The system includes a design modification element and a display tile including a first image characterized by a first color, a second color, and a spatial pattern based on the design modification element. The system also includes a user input module configured to receive a user input related to the design modification element. The display tile is updated to include a second image characterized by a third color based on at least one of the design modification element or the user input.
According to another particular embodiment of the present invention, a computer readable medium includes code for forming a first design including a first pattern having a first color and a second color and code for receiving input from a user using a design modification element. The computer readable medium also includes code for forming a second design including a second pattern including a third color and a fourth color. A change from the first design to the second design is proportional to the input received from the user using the design modification element.
Numerous benefits are achieved using the present invention over conventional techniques. For example, an embodiment according to the present invention provides a system for generating personalized images that is easy to use, yet provide colorful and interesting designs. Additionally, embodiments allow a user to create unique designs without needing complicated design programs. Moreover, embodiments of the present invention provide a user with an experience in which the user feels more creative than he/she may otherwise be. Furthermore, utilizing embodiments of the present invention, a user typically appears more creative to others than they may otherwise be able to appear. As described throughout the present specification, embodiments of the present invention can control and change multiple variables simultaneously, while all a user has to do is use a simple slider and select images that they like. This allows for a visual exploration of designs without having to know what is happening “under the hood.” For example, the user may not know all the variables that are changing between a series of images (e.g., image A and image B), but they are able to see the results of those changes and determine if such changes are pleasing.
According to some embodiments, a user can select from multiple styles, such as lines or dots or geometric patterns. When animated, each of these styles may be handled by the computer in completely different ways. For example, some of the random changes made to dots will not be made to lines (such as changing the shape of the dots from round to oval or irregular, or changing the transparency of dots as they overlap. These processes performed by the systems described herein, will be transparent to the user, who will just have to use a single slider to control the intensity of the changes that happen to their selected style. Thus, to the user, embodiments of the present invention present no change in the complexity of the system between styles, although there may be substantial changes in how the alternate styles are handled and animated by the system. Depending upon the embodiment, one or more of these benefits may exist. These and other benefits have been described throughout the present specification and more particularly below.
According to the present invention, methods and systems for generating unique designs for use in personalization of electronic devices are provided. Merely by way of example, embodiments of the present invention provide a system for generating a multi-color, spatially varying design that is permanently printed onto a surface of an electronic device. In a particular embodiment, the design is based on randomization of a user's inputs and is printed onto an exterior surface of a digital camcorder. However, the scope of embodiments of the present invention is broader than this particular application and can be applied to other electronic devices including cameras, phones, personal digital assistants, and the like.
Embodiments of the present invention provide methods and systems for users to create personalized designs that enable the user to demonstrate their self-expression through these personalized designs. As described throughout the present specification, the personalized designs provided herein are based not only on user inputs, but randomized variations on the user inputs, thereby providing the user with a vehicle to create unique, personalized designs. In other embodiments, rather than utilizing randomized variations, a non-random algorithm is utilized in the creation of the personalized designs. Thus, although several embodiments are described in the context of randomized variations, this is not require by embodiments of the present invention.
As described in the concurrently filed application (Attorney Docket No. 027643-002100US), a user is presented with various personalization options, including uploading their own content (e.g., a photograph), selecting from one of many designs maintained in a design library, or using a design generator to create their unique design.
The design generator includes a set of color palettes including a first color palette 110 and a secondary color palette 112. Although two color palettes are utilized in the embodiment illustrated in
The styles illustrated in
Embodiments of the present invention provide for the user to direct a moving/flowing process of design including random elements. As you modify the primary and secondary colors from the color palettes, the colors displayed in the display tile will continue to change and evolve into many different designs, that in effect, will cycle through the display tile. As described more fully below, if a user selects a particular design, by, for example, hovering over the display tile or one of the alternative tiles, the design will pause in mid-formation. The selected design can then be used as a new starting point or selected for use in personalization of the electronic device.
After initial selection of the colors and style (or selection by default) and initiation by the user, the design will begin animating in the display tile. In another embodiment, rather than starting after user initiation, the animation may begin spontaneously or based on another factor, such as a time period or the like. As an example, one of the styles (e.g., stripes, swirls, circles, dots, geometrical shapes, or the like), for example, stripes, is selected and the display tile will have a number of lines, that may have varying width and color. As the tile animates, the widths of the various lines in the pattern as well as the colors will constantly change. The intensity of the changes in the shape and colors will depend on the setting associated with the intensity slider 140 provided as a component of the design generator. That is, the intensity of the changes in the animation, for example, the speed at which the changes occur, the range over which changes occur, and the like, will depend on the setting associated with the intensity slider. In other embodiments, the intensity setting may vary without user intervention. For example, the intensity setting could vary randomly within a predetermined range or the full range of the intensity slider.
Referring to
In some embodiments, the range or extent of the variations presented by the animation will only be a function of the position of the intensity slider. In these embodiments, the rate of change of the animation is not modified when the slider is adjusted from Mild to Wild. For example, the speed at which lines will increase in width will be the same for values ranging from Mild to Wild in this particular embodiment. Thus, when the intensity slider is set at Wild, this setting may not cause the changes to happen more quickly, but will only make the changes more dramatic. Utilizing a rate-independent intensity slider, users are able to see the patterns in transition and pause the animation at a design that is pleasing to the user. In other embodiments, the rate of the changes can also be a function of the position of the intensity slider.
In contrast, if the setting is near Mild, the rate, range, or a combination thereof of variations will be more subdued, with the animation staying closer to the originally displayed design. As described in relation to
When the animation is stopped, typically based on user input, the 16 alternative tiles 132a, 132b, etc. positioned around the display tile 130 will be populated with variations on the design shown in the display tile. In embodiments with 16 or other numbers of alternative tiles, some or all of the alternative tiles will be populated upon pausing of the animation. In other embodiments, one or more of the alternative tiles may be populated during the animation. Thus, as the alternative tiles are populated, the designs in the alternative tiles will provide the user with variations based on the design in the display tile. For example, one alternative tile will have colors shifted towards green, another with colors shifted towards yellow, another with thinner lines, another with thicker lines on a portion of the design, another with a combination of thinner lines and a color shift. One of ordinary skill in the art would recognize many variations, modifications, and alternatives.
If the user clicks on one of the alternative tiles after they are populated, the design in the selected alternative tile will be swapped with the design in the display tile. In an embodiment, swapping of the designs in the alternative tile and the display tile will result in re-population of the alternative tiles based on variations on the selected alternative tile. After re-population, selection of a second alternative tile will cause the design in the second alternative tile to swap with the design from the first alternative tile present in the display tile. A second re-population will then occur, with the new alternative tiles being based on variations of the second alternative tile. Thus, under user control and based on random variations, numerous design options are provided to the user. As discussed throughout the present specification, the user may restart the animation as appropriate to the particular design process.
As described more fully in the concurrently filed application, once the user arrives at a final design, then the design can be utilized with the personalization system to personalize the electronic device.
As an example of the algorithm used to generate the designs described herein, the style of stripes is discussed below. The stripes pattern or style includes a number of stripes (e.g., vertical stripes) displayed across the display tile. The characteristics of the stripes (as well as other styles) are dimension (e.g., width) and color (e.g., RGB color). Generally, the number of objects such as stripes in the design is determined by the width of the object and the width of the screen that the objects fill. Each of the individual stripes in the pattern is defined by two values and two ranges: a random dimension (e.g., width) falling within a predetermined range and a random color, which is also within a predetermined color range. Thus, a stripe could be defined with a width of 5 units using a range of 0-7 units and an RGB color of R=50, G=200, B=100 using a color range defined by the intensity. For example, the range of the color could be 25<R<75, 175<G<225, and 75<B<125 of 0-255. In another embodiment, the color range will vary differently for each color. A second stripe would typically have a different dimension (e.g., width) between 0 and 7 units and a different RGB color defined within the 0-255 range. The design is built up by adding the objects (e.g., stripes) until the display tile is filled.
In building up the design in a particular embodiment, 75% of the colors are defined as derivatives of the primary color and 25% of the colors are defined as derivatives of the secondary color.
In other embodiments, other percentages of the colors are based on the primary and secondary colors and the 75%/25% example described herein is merely to serve as an example and not limit the scope of embodiments of the present invention. In other embodiments, the percentages are: 50/50, 40/60, 25/75, or the like. One of ordinary skill in the art would recognize many variations, modifications, and alternatives. In some embodiments, more than two colors could be selected, such as three colors with a 60/30/10 split, or a 33/33/33 split. Also, if the user sets the intensity slider near a Wild intensity, these percentages could be adjusted. For example, at a setting near Mild, the color percentages might be a 75/25 split between the primary and secondary colors, but at a setting near Wild, the color percentages could be 50/50. One of ordinary skill in the art would recognize many variations, modifications, and alternatives.
Similar ranges will be provided for the width of the patterns included for each style. For stripes, the width of each line will be a derivative of a base value, for example seven units, and the range of possible width values for the stripes will be determined based, in part, on the position of the handle on the intensity slider. For both colors and widths, since the color components can not go below zero and the line width cannot go below zero, the algorithm will provide a floor for both characteristics. As an example of the floor, a width of 2±3 would result in a range of 0-5. Thus, in a particular embodiment, the width of a line will be equal to the base value ± a factor associated with the intensity, for example width=7±3, giving a range of widths between 4 and 10.
As the animation progresses, for example, over 60 frames (i.e., 2 seconds of animation at 30 frames per second), the width of the lines in the stripes embodiment will fluctuate from the initial value of 7 to a value within the range from 4-10 units for the intensity setting provided above. If the handle on the intensity slider is set at a value closer to Wild, the intensity factor will be greater so that the width will vary over a larger range, for instance, width=7±7, varying from 0-14. Although this example defines the variation in width over 60 frames, other numbers of frames could be utilized in alternative embodiments. In addition to the variations in the line width, or characteristics of other objects, the color of the line will vary over the predetermined number of frames as illustrated with respect to
In addition to the variables or characteristics associated with each of the objects, embodiments of the present invention provide for global variables that are applied to the entire design. These global variables can include zoom, ripple, blur, or the like. The various global variables can operate singly, be combined or overlaid, or the like. Each of the global variables will be introduced with a random characteristic, for example, introducing some ripple for a first time period, then introducing some blur for a second time period, and zooming into a portion of the design and then zooming out. Combining the global variables will provide designs that are partially blurred as the ripple is introduced. The various global variables may have a period of oscillation that is randomized, effectively providing different periods for the oscillations, resulting in overlap of the global variables as well as separation as a function of time. Additionally, the various global variables can be added concurrently. One of ordinary skill in the art would recognize many variations, modifications, and alternatives.
Zoom as a global variable will result in a portion of the design (e.g., the upper right corner) being magnified as the image in the display tile zooms into the particular portion. Typically, the change in the global variable is independent of the changes that are occurring in the characteristics of the objects. As an example, for a pattern of stripes, the zoom global variable will increase or decrease the width of the lines as the image is zoomed in or out, resulting in an increase or decrease in the range of widths displayed, thereby increasing the variations provided by just the object changes. The magnitude of the changes resulting from the global variables will be dependent, in whole or in part, on the setting of the intensity slider. The changes resulting from the global variables are not object specific in some embodiments, but apply to all objects in a design.
In addition to global zoom, ripple is a global variable that will introduce a set of waves to the whole design, thereby rippling a set of lines, for example. The lines in this example, rather than being straight, will begin to become jagged or wavy. As with other global variables, the intensity of the waviness will depend, in whole or in part, on the intensity slider. Blur is a global variable that defocuses the design in the display tile, alternatively sharpening or blurring the design over a range of defocus values. In some embodiments, the global variables are not under user control, but function based on the value of the intensity slider. In other embodiments, the global variables are under user control and may have their own intensity sliders, oscillation period input, or the like that are under user control.
In an embodiment, each of the styles includes a pull-down menu that provides the user with alternative options related to each style. For example, for the stripes pattern, the pull-down menu could include options for vertical lines, horizontal lines, plaid, which is a combination of horizontal and vertical lines with predetermined transparency, and the like.
Circles are another pattern that can be used to create designs, with each of the circles being an object characterized by a width and a color. The circles are laid out in an embodiment based on the width, primary color, secondary color (e.g., 75%/25% breakdown discussed above), with these values varying around a base value depending on the intensity value of the intensity slider. The circles can be separate from each other or overlap. Additionally, other shapes including ovals, amoebas, paisley, and others are included within the scope of the present invention. The various objects making up the design can be positioned on the display tile by populating the display tile from a side, more than one side, the center, or other positions depending on the particular implementation.
After the animation has been initiated, the user is able to explore the design space by pausing the animation, which results in population of the alternative tiles based on the derivatives of the values associated with the design in the display tile, selecting one of the derivatives, restarting the animation to provide an animation cycle based on the selected alternative, pausing the animation again, which repopulates the alternative tiles with derivates based on the paused animation, and so on. In some embodiments, it is not necessary to select a derivative and the animation may be restarted by the user. Thus, the user is effectively provided with a tool that enables the user to choose the direction, with the actual results being randomly determined based on the intensity slider and the directions chosen by the user.
Considering the RGB vectors illustrated in
According to another embodiment, a style of dots is provided.
A random polygon 610 is overlaid on the grid as illustrated in
A subsequent display tile of the animation of the design is illustrated in
Moreover, although the polygon 610 illustrated in
According to yet another embodiment of the present invention, another pattern is provided as part of the design generator. This additional pattern is based on one of several geometrical shape, for example, circles, squares, triangles, polygons, or the like. When the user selects a particular shape, that shape will be randomly distributed across the display tile, with each of the objects having a unique color, size, location, orientation angle, and the like. Each of the objects will be semi-transparent and can also have one or more of the global variables applied to the individual shape, for example, blur or ripple. As the animation proceeds, the objects will change their characteristics based on the local as well as the global variables, providing a unique design. Pausing of the animation will result in population of the alternative tiles as described above. In a particular embodiment, the transparency of any object in any style may be varied and morphed based on the position of the intensity slider. One of ordinary skill in the art would recognize many variations, modifications, and alternatives.
Embodiments of the present invention provide an environment in which a user, with very little effort, can in a controlled environment, create a unique and personalized design. The guided and/or assisted process provides a level of personalization not available with conventional tools as the user is able to design an image with which the user can personally identify. Rather that selecting an image from a library, the user is able to create unique designs using a method somewhat independent of the user's artistic abilities.
Embodiments of the present invention are not only applicable to creation of personalized images for electronic devices, but are also applicable to many other uses. For example, the design generator described herein could provide personalized designs suitable for other personalization processes, such as personalizing your Facebook background.
A personalized design is then formed in which the personalized design is proportional to the input received from the user using the design modification element. The personalized design, which can also be referred to as a customized image, includes a second pattern. Typically, the second pattern will be a variation on the first pattern, with the shapes of the objects in the pattern changed in comparison to the first pattern as well as the colors (a third color and a fourth color) used to form the pattern. The third color is typically a variation on the first color and the fourth color is typically a variation on the second color. Alternatively, the third color may be the first color and/or the fourth color may be the second color in a particular embodiment. The variations in the pattern and the color are based on the user input associated with the design modification element. For example, as discussed in relation to
In alternative embodiments, the personalized pattern may be based on additional user inputs provided in addition to those related to the design modification element. As an example, the user may modify one or more of the colors using the color palettes and then allow the animation to develop new images based on the modified colors. Additionally, multiple inputs using the design modification element may be received, with the animations undergoing a series of different cycles based on different intensity values. The animation may be paused, restarted, alternative tiles may be selected to swap their position with the display tile, and the like as described above.
It should be appreciated that the specific steps illustrated in
The display region 330 includes a first portion in which the main display tile 332, referred to herein as a display tile, is displayed. The display region also includes a second portion in which the alternative display tiles 334 are displayed. Generally, the main display tile 322 is larger than the alternative display tiles 334, for example, a large central main display tile surrounded by smaller alternative display tiles. Although
A user input device 350 is provided in communication with the color palettes 310, the styles 320, the display region 330, and the intensity scale 340. Thus, a user is able to interact with the design generator, selecting or modifying the colors and styles. As discussed more fully throughout the present specification, the styles can have options that are applied to each style individually. Additionally, global options (not illustrated) are provided which enable the user to have further control over the patterns displayed in the display region. A processor 360 and memory 370 are provided as part of the system, enabling animation of the designs created using the design generator and storage of both intermediate and final designs. A communications module 380 is provided as well so that designs can be transmitted to computers, printers, and the like after their creation.
The styles have pull down menus displayed, with one of the options available through the pull down menus shown. For stripes, the option of vertical stripes is displayed, for circles, the option of centering of circles is displayed, and the like. The user, when selecting one of the styles, can modify the initial style using the pull down menu associated with the particular style selected. Initially, as shown in
Accordingly, at the relatively Mild intensity illustrated, the colors in the first pattern displayed in the display tile are based on the primary and secondary color, randomly distributed around these colors based on the value of the intensity slider. A Play button 436 (sometimes referred to as a Play/pause button) appears in the display tile, typically centered on the display tile. Prior to animation, the alternative tiles continue to be empty or blank in the embodiment illustrated by
At one or more times during the use of the design generator, the setting of the intensity slider of the design generator can be adjusted. In some embodiments, the intensity slider is referred to as a design modification element. As illustrated in
In
In a specific embodiment, if a user selects a new style or pattern, the animation will be restarted from the patterns default settings. For example, a simple transition can fade to the new pattern that has been selected by the user.
According to an embodiment, when the user slides the mouse or other user input device over one of the alternative tiles, the alternative tile will increase in size (e.g., double in size) to provide the user with a larger preview of the design in the particular alternative tile. Preferably this rollover effect will be accomplished with a smooth pop in/out transition.
In order to explore new designs based on the alternative tile, embodiments of the present invention provide the user with the ability to select an alternative design and exchange the design in the display tile with the selected alternative design as shown in
Additionally, in some embodiments, users have the ability to lock a thumbnail displayed in a alternative tile. When the user rolls a mouse or other user input device over a particular alternative tile, a small gray lock will be displayed in the top corner of the thumbnail displayed in the alternative tile. When the lock is clicked, the thumbnail will become locked and may be offset from the rest of the alternative tiles. Referring to
After selection of the alternative tile, the user is able to restart the animation, thereby creating unique and interesting designs. The process of operating the design generator is not limited to that described in relation to
An initial pattern is determined (714) and displayed (716) in the display tile. Determination of the initial pattern will be based on the position of the handle for the intensity slider, which will be either set at a default value or selected by the user. In an embodiment, the design in the display tile begins animating automatically. In another embodiment, the design in the display tile will be animated in response to the user selecting a Play/Pause toggle button that is displayed in the center of the display tile (similar to playing of internet videos). Thus, the initial pattern will be modified to form a subsequent pattern (718). Pausing the animation will result in population of the alternative tiles, typically using an animated effect in which each alternative tile is populated one after another in a circular motion around the display tile.
As described above, selection of an alternative tile will result in the design in the alternative tile and the design in the display tile switching places. When Play is selected by the user, the animation will continue from the design that is currently in the display tile, even if the original design that had been paused is located in one of the alternative tiles. In an embodiment, when an animation is restarted, the alternative tiles will maintain their design and will not be grayed out as they were when the animation was first started. In this embodiment, the user is allowed to click an alternative tile while the animation is playing. When this is done, the animation will be reset to the selected alternative tile and the animation will begin adapting from that design. Typically, the animation that was in the display tile at the time the user selects the alternative tile will be lost and not swapped. It should be noted that in some embodiments, a user can back-up or reverse the animation in order to return to a previous design. Thus, a user can go back to a particular design that was interesting or visually pleasing, but was not initially selected at a time during a previous animation.
When the design in the display tile is satisfactory, a user input is received (720). This can be at one of several times during the animation process, for example, after the animation has been paused, alternative tiles have been selected, and a new animation has begun. The user input that pauses the animation is associated with the subsequent pattern, which is displayed in the display tile after the animation is paused. The subsequent pattern or designs based on and/or associated with the subsequent pattern is transmitted to a printing facility (722) for subsequent printing onto an electronic device. The printing facility can be co-located with the place of manufacture, separate from the place of manufacture, or combinations thereof.
It should be appreciated that the specific steps illustrated in
It is also understood that the examples and embodiments described herein are for illustrative purposes only and that various modifications or changes in light thereof will be suggested to persons skilled in the art and are to be included within the spirit and purview of this application and scope of the appended claims.
The following three regular U.S. Patent Applications (including this one) are being filed concurrently and the entire disclosures of the other applications are hereby incorporated by reference into this application for all purposes: U.S. patent application Ser. No. ______, filed Sep. 19, 2008, entitled “Method and System for Personalizing Portable Electronic Devices” (Attorney Docket No. 027643-002100US);U.S. patent application Ser. No. ______, filed Sep. 19, 2008, entitled “Design Generator for Personalization of Electronic Devices” (Attorney Docket No. 027643-002200US); andU.S. patent application Ser. No. ______, filed Sep. 19, 2008, entitled “Method of Operating a Design Generator for Personalization of Electronic Devices” (Attorney Docket No. 027643-002300US).