CN111161361A - Computer implementation method and system for drawing palette data - Google Patents
Computer implementation method and system for drawing palette data Download PDFInfo
- Publication number
- CN111161361A CN111161361A CN201911370854.8A CN201911370854A CN111161361A CN 111161361 A CN111161361 A CN 111161361A CN 201911370854 A CN201911370854 A CN 201911370854A CN 111161361 A CN111161361 A CN 111161361A
- Authority
- CN
- China
- Prior art keywords
- color
- palette
- color combination
- design output
- computer
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000013461 design Methods 0.000 claims abstract description 77
- 238000009877 rendering Methods 0.000 claims description 6
- 238000013507 mapping Methods 0.000 claims description 3
- 230000003068 static effect Effects 0.000 claims description 3
- 230000001419 dependent effect Effects 0.000 claims description 2
- 239000003086 colorant Substances 0.000 abstract description 32
- 210000004556 brain Anatomy 0.000 description 4
- 241000023320 Luma <angiosperm> Species 0.000 description 2
- 238000004737 colorimetric analysis Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- OSWPMRLSEDHDFF-UHFFFAOYSA-N methyl salicylate Chemical compound COC(=O)C1=CC=CC=C1O OSWPMRLSEDHDFF-UHFFFAOYSA-N 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008447 perception Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000004913 activation Effects 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Image Processing (AREA)
Abstract
The invention provides a computer-implemented method and a system for drawing palette data, wherein the method comprises the following steps: receiving at least one reference palette element; calculating a first color combination using at least one of the reference palette elements; forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements; generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file. Through the scheme, the user selects the color design elements to create an aesthetically pleasing color configuration, so that the user is guided to output digital and non-digital designs related to websites, software and software, and the decision is made on more intelligent application colors while the efficiency is improved.
Description
Technical Field
The invention belongs to the technical field of computers, and particularly relates to a computer implementation method and system for drawing palette data.
Background
It is now difficult to create digital and non-digital design outputs using software. Various technical fields, such as industrial design, architecture, fashion, interior design, communications, marketing, and art, use software to create various digital and non-digital designs and/or design outputs. These design outputs may be used for various media such as magazines, newspapers, software applications, and of course, for web sites on the Internet. It is difficult to select colors and use appropriate colors that are aesthetically pleasing and achieve the desired result in the final workpiece or design output. More specifically, once a set of colors is selected for use in the design (e.g., existing branding criteria from a company, palette generators, colors extracted from photographs, etc.), it is difficult to determine which colors should be available to an object in the design output. For example, a web site is composed of tens or more objects that create the entire interface or design output. Assigning colors to each object found in the interface is a tedious, time consuming and highly specialized authoring task. In the fields of website development and design, it is often difficult to find an aesthetically pleasing color scheme that attracts the attention of the user. Many websites have the disadvantage of poor color selection. Some existing tools and design software programs provide a user with an interface that contains visual effects of the design output, which allows the user to manipulate the object colors of a single pre-mapped design output using inputs and switches. For example, there may be an example website landing page in a web browser where the original blue color may be changed to whatever color the user desires. While it is helpful to visualize how dealing with a single color will affect the design, it does not help the designer or consumer make decisions on how to apply the color appropriately. It also does not provide inspiration for how to use colors in addition to the user's own generated colors. It is also difficult for the user to understand how to process a single color and find how the individual predefined foreground colors now react to the just-altered color in the absence of proper contrast.
In addition, many tools provide a predefined color theme, or a set of prescriptions on how to apply color to a global design output. This may be very helpful to users who are not familiar with color theory, but these solutions often lack the necessary level of customization required by the user. For example, a user may want to create a mobile application for an existing enterprise. The interface may disclose a series of color themes for you to select. Upon selection, all objects will be altered to match the predefined color theme. Solutions such as these are often unsatisfactory for users, as they are either forced to adapt to color themes that do not match the company's existing brand, or forced to try to change all color elements themselves without they being skilled or equipped to do so. Even if the user has sufficient equipment and skilled skills to accomplish such a task, it is laborious and takes a lot of time.
Color science is also known as colorimetry or colorimetry. And includes not only the perception of color by the human eye, but also the perception of color by the brain. Many medical researchers consider the eye to be an extended part of the brain and an integral part of the brain, and when considered together (eye and brain), it is estimated that humans can perceive and distinguish about ten million "colors". Designers with tens of millions of distinguishable colors may encounter "creative problems" when designers must select colors or color elements for digital and non-digital design outputs.
Accordingly, it is desirable to provide a computer-implemented method and system for drawing palette data that overcomes the above-described shortcomings in the prior art and allows a user to select color design elements to create an aesthetically pleasing color configuration, thereby guiding the user to web sites, software, and software-related digital and non-digital design outputs.
Disclosure of Invention
In view of the above-mentioned shortcomings in the prior art, the present invention aims to provide a method and a system for drawing palette data by a computer, which aims to solve the problems that the prior art is labor-consuming and time-consuming, cannot help users to make decisions by using colors, and is not intelligent enough.
In order to achieve the purpose, the invention adopts the following technical scheme:
a computer-implemented method of rendering palette data, comprising the steps of:
receiving at least one reference palette element;
calculating a first color combination using at least one of the reference palette elements;
forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
Preferably, the replacement palette element comprises a static color, a system-generated color, or a combination thereof.
Preferably, the method further comprises mapping a first color combination rule design output component name to a corresponding object or component in the design output.
Preferably, the calculating step includes: assigning a digital value to the reference palette element; generating a series of palette elements having similar properties as the base palette element; and assigning the numerical value to the generated palette element series.
Further, the design output includes a series of the digital values of the generated palette element.
Preferably, the design output is generated in real time.
Preferably, the design output is custom generated based on the color preference rules used, rather than based on pre-existing templates or previously established color generation.
Preferably, the method is dynamic and wherein the method is dependent on previous palette element data selected by the user.
In addition, the present invention provides a computer-implemented system for rendering palette data, comprising:
a receiving module for receiving at least one reference palette element;
a calculation module for calculating a first color combination using at least one of the reference palette elements;
a second color combination generation module for forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
a design output generation module for generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
Compared with the prior art, the invention has the beneficial effects that:
the invention provides a computer-implemented method and a system for drawing palette data, wherein the method comprises the following steps: receiving at least one reference palette element; calculating a first color combination using at least one of the reference palette elements; forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements; generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file. Through the scheme, the user selects the color design elements to create an aesthetically pleasing color configuration, so that the user is guided to output digital and non-digital designs related to websites, software and software, and the decision is made on more intelligent application colors while the efficiency is improved.
Drawings
FIG. 1 is a block flow diagram of a preferred embodiment of the method of the present invention;
fig. 2 is a block diagram of a preferred embodiment of the system of the present invention.
Detailed Description
In order to make the objects, technical solutions and effects of the present invention clearer and clearer, the present invention is further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
As shown in fig. 1-2, the present invention provides a computer-implemented method for rendering palette data, comprising the steps of:
receiving at least one reference palette element;
calculating a first color combination using at least one of the reference palette elements;
forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
Specifically, the user is presented with and prompted to select the following: at least one palette element of the first set of palette elements; when a user selects at least one palette element in the set, generating a first value based on the chroma value and a luma value corresponding to the at least one palette element; generating a second value according to the rule set, comparing the first value with the second value, and generating a third value according to the comparison result; prompting and prompting the user to select a preview of the at least one user interface based on a third set of at palette elements corresponding to a third value; and generating software code output based on the at least one palette element data and the user interface preview selected by the user. An executable software program is provided that is presented to a user and prompts the user to select at least one color. A palette element of the first set of palette elements for display to a user; wherein, when the user selects at least one palette element in the set, the executable software program then generates a first value based on the chroma value and the luma value corresponding to the at least one palette element; wherein the executable software program then generates a second value based on a rule set, the executable software program then compares the first value to the second value, and generates a third value based on the comparison; wherein the executable software program presents to the user a preview of at least one user interface for selection, the user interface incorporating a third set of at palette elements based on a third value; thus, when the user selects a preview of at least one user interface containing a second set of palette elements, the executable software program generates software code and user interface preview selections of at least one palette element data and software output based on the user.
In some embodiments, the replacement palette elements comprise static colors, system-generated colors, or a combination thereof, covering the full scale.
In some embodiments, the method further comprises mapping a first color combination rule design output component name to a corresponding object or component in the design output.
In some embodiments, the calculating step comprises: assigning a digital value to the reference palette element; generating a series of palette elements having similar properties as the base palette element; and assigning the numerical value to the generated palette element series.
Further, the design output includes a series of the digital values of the generated palette element.
In some embodiments, the design output is generated in real-time.
In some embodiments, the design output is custom generated based on the color preference rules used, rather than based on pre-existing templates or previously established color generation.
In some embodiments, the method is dynamic, and wherein the method depends on previous palette element data selected by the user.
In addition, the present invention provides a computer-implemented system for rendering palette data, comprising:
a receiving module for receiving at least one reference palette element;
a calculation module for calculating a first color combination using at least one of the reference palette elements;
a second color combination generation module for forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
a design output generation module for generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
It should be noted that when at least one color is received by the system, the color may be in any number format-hexadecimal, rgb, rgba, etc. The system will calculate the hue-independent color values for the one or more colors submitted to the system. The system will query the color combination rules. Each combination rule will have at least one primary color. The system will calculate hue activation color values for one or more colors associated with the at least one color combination rule. The system will determine whether a match is possible by verifying that the number of colors received by the system satisfies the minimum number of colors required by the color combination rules to produce an output. If a color combination rule does not meet the minimum number of colors required to produce an output, then the color combination rule will not generate an output using the submitted colors. If the color combination rule satisfies the minimum number of colors required to produce an output, the system will compare the system's received colors to the hue-agnostic values of the primary colors of the color combination rule. If the received color and the hue-independent values of the primary colors match, a color combination output may be generated.
Once the color combination output can be generated by a successful match, the primary color instances in the color combination rule are replaced with the baseline colors. Once the primary colors of the color combination rule are replaced, an output combination is generated. The system will provide design output that will be recoloring. The system maps the color combination rule object name to the design object and will replace the currently designed object color with the associated color found in the newly generated output combination. The system will display a visual representation of the recoloring design output results generated by the system. The system may generate design output in the form of software code, software program files, images, or combinations thereof.
Color composition rules in which a user may define component object names by observing and defining objects present in the design. Once the user has defined a set of rule object names in the color composition rule, the user may begin assigning variable color values to the object names. The user can define as many color combination rules as desired. When the system receives at least one reference color and the submitted color complies with a match of at least one color combining rule, the instances of variable color values in the color combining rule are replaced with the mapped one or more baseline colors to produce a combined output. The system then maps the color combination object name to the associated design object and replaces the current design color value with the newly generated color combination output color value to produce a new design output.
In summary, the working principle of the invention is as follows:
the invention provides a computer-implemented method and a system for drawing palette data, wherein the method comprises the following steps: receiving at least one reference palette element; calculating a first color combination using at least one of the reference palette elements; forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements; generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file. Through the scheme, the user selects the color design elements to create an aesthetically pleasing color configuration, so that the user is guided to output digital and non-digital designs related to websites, software and software, and the decision is made on more intelligent application colors while the efficiency is improved.
It should be understood that equivalents and modifications of the technical solution and inventive concept thereof may occur to those skilled in the art, and all such modifications and alterations should fall within the scope of the appended claims.
Claims (9)
1. A computer-implemented method of rendering palette data, comprising the steps of:
receiving at least one reference palette element;
calculating a first color combination using at least one of the reference palette elements;
forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
2. The computer-implemented method of claim 1, wherein the replacement palette element comprises a static color, a system-generated color, or a combination thereof.
3. The computer-implemented method of claim 1, further comprising mapping a first color combination rule design output component name to a corresponding object or component in the design output.
4. The computer-implemented method of claim 1, wherein the calculating step comprises: assigning a digital value to the reference palette element; generating a series of palette elements having similar properties as the base palette element; and assigning the numerical value to the generated palette element series.
5. The computer-implemented method of claim 4, wherein the design output comprises a series of the digital values for the generated palette element.
6. The computer-implemented method of claim 1, wherein the design output is generated in real-time.
7. The computer-implemented method of claim 1, wherein the design output is custom generated based on color preference rules used, rather than based on pre-existing templates or previously established color generation.
8. The computer-implemented method of claim 1, wherein the method is dynamic, and wherein the method is dependent on previous palette element data selected by a user.
9. A computer-implemented system for rendering palette data, comprising:
a receiving module for receiving at least one reference palette element;
a calculation module for calculating a first color combination using at least one of the reference palette elements;
a second color combination generation module for forming a second color combination by replacing a palette element assigned to a design output component name in the first color combination rule with at least one of the reference palette elements;
a design output generation module for generating a design output comprising the second color combination, the second color combination comprising at least one of the reference palette elements, wherein the design output is software code or a software program file.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911370854.8A CN111161361A (en) | 2019-12-27 | 2019-12-27 | Computer implementation method and system for drawing palette data |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911370854.8A CN111161361A (en) | 2019-12-27 | 2019-12-27 | Computer implementation method and system for drawing palette data |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111161361A true CN111161361A (en) | 2020-05-15 |
Family
ID=70556878
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911370854.8A Pending CN111161361A (en) | 2019-12-27 | 2019-12-27 | Computer implementation method and system for drawing palette data |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111161361A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108737878A (en) * | 2017-04-18 | 2018-11-02 | 谷歌有限责任公司 | The method and system of user interface color is changed for being presented in conjunction with video |
| CN108876867A (en) * | 2017-05-08 | 2018-11-23 | 奥多比公司 | Interactive color toner plate interface for digital pictorial |
| CN110178360A (en) * | 2017-12-20 | 2019-08-27 | 谷歌有限责任公司 | Tone palette generates |
| US20190340791A1 (en) * | 2017-09-12 | 2019-11-07 | Jamison HILL | Intelligent systems and methods for dynamic color hierarchy & aesthetic design computation |
-
2019
- 2019-12-27 CN CN201911370854.8A patent/CN111161361A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108737878A (en) * | 2017-04-18 | 2018-11-02 | 谷歌有限责任公司 | The method and system of user interface color is changed for being presented in conjunction with video |
| CN108876867A (en) * | 2017-05-08 | 2018-11-23 | 奥多比公司 | Interactive color toner plate interface for digital pictorial |
| US20190340791A1 (en) * | 2017-09-12 | 2019-11-07 | Jamison HILL | Intelligent systems and methods for dynamic color hierarchy & aesthetic design computation |
| CN110178360A (en) * | 2017-12-20 | 2019-08-27 | 谷歌有限责任公司 | Tone palette generates |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11989802B2 (en) | System for supporting flexible color assignment in complex documents | |
| US7487445B2 (en) | Constraint-optimization system and method for document component layout generation | |
| US7243303B2 (en) | Constraint-optimization system and method for document component layout generation | |
| JP6483221B2 (en) | 3D code generation method | |
| Hu et al. | An interactive method for generating harmonious color schemes | |
| US8930810B2 (en) | User interface (UI) color scheme generation and management according to visual consistency of visual attributes in the color scheme | |
| CN109101309B (en) | Method and apparatus for updating user interface | |
| US20130055116A1 (en) | Theme variation engine | |
| CN108269295B (en) | Method and device for intelligently quoting theme colors of slides | |
| CN105915687A (en) | User Interface Adjusting Method And Apparatus Using The Same | |
| CN114611030A (en) | Page color adjusting method and device, storage medium and electronic equipment | |
| CN114595673A (en) | Collaborative creation method of digital works, task release method and device | |
| US10789735B2 (en) | Intelligent systems and methods for producing a dynamic color combination for a design output | |
| Hou et al. | C2Ideas: Supporting Creative Interior Color Design Ideation with a Large Language Model | |
| CN111161361A (en) | Computer implementation method and system for drawing palette data | |
| CN108614886B (en) | Website theme generation method and device | |
| CN105765622A (en) | Method and apparatus for assigning colours to an image | |
| US20190080488A1 (en) | Intelligent systems and methods for dynamic color hierarchy & aesthetic design computation | |
| US20090031213A1 (en) | System and method for website colorization | |
| WO2014010576A1 (en) | Coloration support device, coloration support method, and program | |
| Szafir et al. | Visualization-Aware Color Design. | |
| CN114611170B (en) | Shoe body generation method and device based on associated data | |
| JPH096573A (en) | Method and system for adjusting image picture color scheme | |
| KR102586377B1 (en) | A method of editing entire theme colors based on theme colors extracted from design templates | |
| Yamashita et al. | A color scheme method by interactive evolutionary computing considering contrast of luminance and design property |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200515 |