| Literature DB >> 36193531 |
Li Deng1,2, Fangyuan Zhou2, Zhirui Zhang2.
Abstract
To optimize the colors used in cultural and creative products, this paper proposes a color matching design method that considers the color image and visual aesthetics. First, 99 color samples are identified based on Chinese traditional colors, and user preferences for 30 image semantic terms are measured by the semantic differential method. This leads to six color image factors being extracted by factor analysis. Second, quantitative analysis of the color visual aesthetics is applied, and formulas for calculating the harmony, balance, and symmetry are derived. On this basis, an interactive genetic algorithm is developed to promote and optimize the color scheme of cultural and creative products, and a fitness function based on subjective image evaluation and objective visual aesthetics is constructed. The subjective image evaluation adopts interval numbers, and a grayscale approach is used to measure the uncertainty of the subjective evaluation. Through grayscale analysis of the interval fitness values, information reflecting the evolutionary distribution of the population is extracted, before adaptive crossover and mutation probabilities are applied to the evolutionary individuals. Finally, the proposed method is verified through the example of color matching design for a speaker box. The results demonstrate that the proposed approach can effectively assist industrial designers.Entities:
Keywords: Color image; Color matching design; Cultural and creative products; Interactive genetic algorithm; Visual aesthetics
Year: 2022 PMID: 36193531 PMCID: PMC9525916 DOI: 10.1016/j.heliyon.2022.e10768
Source DB: PubMed Journal: Heliyon ISSN: 2405-8440
Figure 1Method of color matching design.
Figure 2Color samples.
Image vocabularies.
| 1 | Modern | 7 | Classic | 13 | Attractive | 19 | Vivacious | 25 | Safe |
|---|---|---|---|---|---|---|---|---|---|
| 2 | Technological | 8 | Elegant | 14 | Touching | 20 | Noble | 26 | Simple |
| 3 | Trendy | 9 | Traditional | 15 | Warm | 21 | Solemn | 27 | Soft |
| 4 | Futuristic | 10 | Unique | 16 | Natural | 22 | Joyous | 28 | Auspicious |
| 5 | Gorgeous | 11 | Personalized | 17 | Harmonious | 23 | Forceful | 29 | Male |
| 6 | Dazzling | 12 | Interesting | 18 | Bright | 24 | Rigorous | 30 | Female |
Total variance explained.
| Component | Initial Eigenvalues | Extraction Sums of Squared Loadings | Rotation Sums of Squared Loadings | ||||||
|---|---|---|---|---|---|---|---|---|---|
| Total | % of Variance | Cumulative % | Total | % of Variance | Cumulative % | Total | % of Variance | Cumulative % | |
| 1 | 9.791 | 32.638 | 32.638 | 9.791 | 32.638 | 32.638 | 7.738 | 25.795 | 25.795 |
| 2 | 5.260 | 17.533 | 50.170 | 5.260 | 17.533 | 50.170 | 6.153 | 20.511 | 46.306 |
| 3 | 4.583 | 15.278 | 65.448 | 4.583 | 15.278 | 65.448 | 4.593 | 15.310 | 61.616 |
| 4 | 2.054 | 6.845 | 72.293 | 2.054 | 6.845 | 72.293 | 2.734 | 9.112 | 70.728 |
| 5 | 1.710 | 5.699 | 77.993 | 1.710 | 5.699 | 77.993 | 2.065 | 6.884 | 77.612 |
| 6 | 1.303 | 4.342 | 82.334 | 1.303 | 4.342 | 82.334 | 1.417 | 4.722 | |
| 7 | 0.784 | 2.613 | 84.947 | ||||||
| 8 | 0.636 | 2.120 | 87.067 | ||||||
| 9 | 0.540 | 1.801 | 88.868 | ||||||
| 10 | 0.421 | 1.403 | 90.271 | ||||||
| 11 | 0.415 | 1.384 | 91.655 | ||||||
| 12 | 0.355 | 1.183 | 92.838 | ||||||
| 13 | 0.335 | 1.116 | 93.954 | ||||||
| 14 | 0.267 | 0.889 | 94.843 | ||||||
| 15 | 0.212 | 0.707 | 95.550 | ||||||
| 16 | 0.188 | 0.628 | 96.178 | ||||||
| 17 | 0.172 | 0.573 | 96.751 | ||||||
| 18 | 0.155 | 0.516 | 97.268 | ||||||
| 19 | 0.120 | 0.400 | 97.668 | ||||||
| 20 | 0.104 | 0.348 | 98.016 | ||||||
| 21 | 0.102 | 0.339 | 98.355 | ||||||
| 22 | 0.086 | 0.287 | 98.642 | ||||||
| 23 | 0.084 | 0.279 | 98.921 | ||||||
| 24 | 0.071 | 0.238 | 99.159 | ||||||
| 25 | 0.065 | 0.216 | 99.375 | ||||||
| 26 | 0.050 | 0.166 | 99.541 | ||||||
| 27 | 0.043 | 0.143 | 99.683 | ||||||
| 28 | 0.037 | 0.124 | 99.807 | ||||||
| 29 | 0.030 | 0.098 | 99.906 | ||||||
| 30 | 0.028 | 0.094 | 100.000 | ||||||
Rotated component matrix.
| Component | |||||||
|---|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | ||
| image 28 | Auspicious | 0.080 | -0.083 | 0.075 | -0.080 | 0.073 | |
| image 15 | Warm | -0.064 | -0.087 | 0.200 | 0.086 | 0.069 | |
| image5 | Gorgeous | 0.208 | 0.135 | -0.029 | -0.108 | 0.111 | |
| image 22 | Joyous | -0.300 | 0.091 | 0.110 | 0.145 | -0.009 | |
| image 29 | Male | 0.271 | 0.103 | -0.126 | 0.061 | 0.105 | |
| image6 | Dazzling | 0.095 | 0.361 | -0.044 | 0.064 | -0.047 | |
| image 30 | Female | -0.267 | -0.130 | 0.190 | -0.074 | -0.010 | |
| image 26 | Simple | 0.348 | -0.061 | 0.079 | 0.189 | 0.303 | |
| image 19 | Vivacious | -0.496 | 0.295 | 0.112 | 0.206 | -0.133 | |
| image 21 | Solemn | -0.157 | -0.201 | -0.036 | 0.092 | 0.083 | |
| image7 | Classic | -0.040 | 0.184 | 0.069 | 0.073 | -0.131 | |
| image9 | Traditional | -0.096 | -0.304 | 0.152 | 0.304 | 0.013 | |
| image 10 | Unique | -0.341 | -0.207 | 0.329 | -0.029 | -0.087 | |
| image8 | Elegant | -0.125 | -0.145 | 0.208 | 0.202 | 0.015 | |
| image 24 | Rigorous | -0.489 | -0.186 | -0.051 | -0.035 | 0.196 | |
| image 20 | Noble | 0.416 | -0.122 | 0.072 | 0.119 | 0.040 | |
| image 11 | Personalized | -0.357 | 0.061 | 0.485 | -0.123 | -0.013 | |
| image 23 | Forceful | 0.280 | 0.015 | -0.162 | -0.045 | 0.386 | |
| image 27 | Soft | 0.423 | -0.024 | 0.247 | 0.098 | 0.293 | |
| image2 | Technological | -0.060 | -0.068 | 0.092 | 0.063 | 0.038 | |
| image3 | Trendy | 0.046 | -0.129 | 0.142 | -0.013 | 0.049 | |
| image4 | Futuristic | 0.037 | -0.139 | 0.130 | 0.011 | 0.060 | |
| image1 | Modern | 0.028 | -0.087 | 0.157 | -0.015 | -0.002 | |
| image 18 | Bright | 0.417 | -0.430 | 0.076 | 0.341 | -0.313 | |
| image 13 | Attractive | 0.262 | 0.060 | 0.247 | 0.040 | 0.166 | |
| image 14 | Touching | 0.289 | -0.004 | 0.291 | 0.077 | 0.066 | |
| image 12 | Interesting | 0.056 | 0.232 | 0.086 | 0.191 | -0.026 | |
| image 16 | Natural | -0.002 | 0.125 | 0.048 | 0.045 | -0.077 | |
| image 17 | Harmonious | -0.060 | 0.173 | 0.015 | 0.179 | 0.165 | |
| image 25 | Safe | -0.094 | -0.016 | 0.111 | 0.147 | 0.060 | |
Figure 3Scree plot.
Elements of order.
| Order relationship | Harmonic relationship | |||||
|---|---|---|---|---|---|---|
| Identity | First ambiguity | Similarity | Second ambiguity | Contrast | Glare | |
| +1.5 | 0 | +1.1 | +0.65 | +1.7 | ||
| -1.3 | -1 | +0.7 | -0.2 | +3.7 | -0.2 | |
| +0.8 | 0 | +0.1 | 0 | +0.4 | ||
| +1 | ||||||
Color interval division.
| Harmonic range | Disharmonic range | Only hue changes | Only value changes | Only chroma changes |
|---|---|---|---|---|
| Identity | 0-1j.n.d | 0-1j.n.d | 0-1j.n.d | |
| First ambiguity | 1j.n.d-7 | 1j.n.d-0.5 | 1j.n.d-3 | |
| Similarity | 7–12 | 0.5–1.5 | 3–5 | |
| Second ambiguity | 12–28 | 1.5–2.5 | 5–7 | |
| Contrast | 28–50 | 2.5–10 | >7 | |
| Glare | — | >10 | — |
Figure 4Operation flow of the color matching algorithm.
Figure 5Chromosome coding of color scheme. (a) Chromosome; (b) Gene; (c) Chromosome coding.
Figure 6Interactive genetic color matching interface for cultural and creative products.
Performance analysis of the algorithm (The participants with design education background).
| Participants | Evolutionary algebra/number of satisfactory solutions | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Proposed method | General IGA | |||||||||||||
| 1 | 2 | 3 | 4 | 5 | 6 | |||||||||
| ID1 | 16 | 38 | 14 | 26 | 14 | 27 | 15 | 29 | 15 | 30 | 16 | 31 | 16 | 29 |
| ID2 | 15 | 32 | 15 | 28 | 14 | 27 | 15 | 27 | 16 | 30 | 16 | 32 | 17 | 30 |
| ID3 | 16 | 37 | 15 | 27 | 15 | 28 | 15 | 28 | 16 | 28 | 17 | 33 | 17 | 32 |
| ID4 | 14 | 36 | 14 | 28 | 15 | 27 | 16 | 30 | 16 | 27 | 16 | 30 | 18 | 35 |
| ID5 | 15 | 38 | 14 | 26 | 15 | 28 | 15 | 26 | 17 | 32 | 17 | 32 | 20 | 36 |
| ID6 | 15 | 37 | 14 | 26 | 14 | 26 | 16 | 31 | 17 | 30 | 17 | 29 | 17 | 30 |
| Mean value | 15.17 | 36.33 | 14.33 | 26.83 | 14.50 | 27.17 | 15.33 | 28.50 | 16.17 | 29.50 | 16.50 | 31.17 | 17.50 | 32.00 |
Performance analysis of the algorithm (The participants without design education background).
| Participants | Evolutionary algebra/number of satisfactory solutions | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Proposed method | General IGA | |||||||||||||
| 1 | 2 | 3 | 4 | 5 | 6 | |||||||||
| ND1 | 16 | 40 | 20 | 28 | 18 | 28 | 17 | 27 | 19 | 30 | 17 | 27 | 20 | 35 |
| ND2 | 16 | 37 | 18 | 28 | 18 | 27 | 20 | 28 | 18 | 30 | 19 | 30 | 20 | 35 |
| ND3 | 15 | 36 | 17 | 25 | 20 | 27 | 18 | 28 | 18 | 29 | 18 | 29 | 18 | 32 |
| ND4 | 16 | 38 | 17 | 26 | 17 | 28 | 20 | 30 | 18 | 28 | 20 | 33 | 18 | 33 |
| ND5 | 16 | 35 | 18 | 27 | 17 | 26 | 18 | 28 | 20 | 32 | 20 | 32 | 19 | 34 |
| ND6 | 17 | 41 | 18 | 28 | 20 | 28 | 19 | 31 | 20 | 33 | 20 | 34 | 20 | 34 |
| Mean value | 16.00 | 37.83 | 18.00 | 27.00 | 18.33 | 27.33 | 18.67 | 28.67 | 18.83 | 30.33 | 19.00 | 30.83 | 19.17 | 33.83 |
Values of general IGA's crossover and mutation probabilities.
| 1 | 2 | 3 | 4 | 5 | 6 | |
|---|---|---|---|---|---|---|
| Crossover probability | 0.6 | 0.6 | 0.7 | 0.7 | 0.8 | 0.8 |
| Mutation probability | 0.05 | 0.10 | 0.05 | 0.10 | 0.05 | 0.10 |
Figure 7Evolution results from “classic and solemn” target image.
Figure 8Evolution results from “fashion trend” target image.
Evaluation data of color scheme.
| Number | Color 1 | Color 2 | Subjective image evaluation | Objective aesthetics evaluation | |||||
|---|---|---|---|---|---|---|---|---|---|
| RGB values | H V/C values | RGB values | H V/C values | Lower limit | Upper limit | Harmony | Balance | Symmetry | |
| J1 | 96,38,65 | 7 R P 2.4/6.2 | 223,214,184 | 4.6Y 8.5/2 | 0.7 | 0.75 | 0.89 | 0.53 | 0.68 |
| J2 | 184,26,53 | 4.8R 3.9/13.6 | 247,238,173 | 7.5Y 9.3/4.1 | 0.7 | 0.75 | 0.82 | 0.59 | 0.68 |
| J3 | 235,238,232 | 7.3GY 9.4/0.4 | 226,162,172 | 8.9 R P 7.2/6.1 | 0.7 | 0.75 | 0.3 | 0.97 | 0.68 |
| J4 | 191,192,150 | 1.3GY 7.6/2.8 | 129,157,142 | 5.2G 6.1/2.2 | 0.75 | 0.8 | 0.34 | 0.95 | 0.68 |
| J5 | 119,138,119 | 0.5G 5.4/2.1 | 166,186,177 | 7.8G 7.3/1.4 | 0.8 | 0.85 | 0.34 | 0.74 | 0.68 |
| S1 | 166,126,183 | 5.5P 5.8/8.4 | 255,251,199 | 9.7Y 9.8/3 | 0.7 | 0.75 | 1.08 | 0.67 | 0.68 |
| S2 | 166,85,157 | 9.1P 4.8/11.4 | 234,228,209 | 4.5Y 9/1.2 | 0.7 | 0.75 | 1.16 | 0.65 | 0.68 |
| S3 | 236,176,193 | 5.8 R P 7.7/6 | 220,199,225 | 6.4P 8.2/4.2 | 0.8 | 0.85 | 0.36 | 0.83 | 0.68 |
| S4 | 241,143,96 | 1.8YR 6.8/9.7 | 255,247,153 | 8.7Y 9.6/6 | 0.7 | 0.75 | 0.89 | 0.73 | 0.68 |
| S5 | 255,238,111 | 7.2Y 9.3/8.4 | 183,211,50 | 4.3GY 7.9/10.6 | 0.8 | 0.85 | 0.36 | 0.92 | 0.68 |
Figure 9Questionnaire evaluation results of the color schemes generated by system.
Average scores of the color schemes of “fashion trend”.
| Color schemes | S1 | S2 | S3 | S4 | S5 |
|---|---|---|---|---|---|
| Average scores | 4.00 | 3.98 | 3.75 | 3.80 | 3.88 |