图学学报 ›› 2023, Vol. 44 ›› Issue (4): 828-837.DOI: 10.11996/JG.j.2095-302X.2023040828
杨冬梅1(), 崔智棨1, 张健楠2(
), 王泽远1, 王鹏菲1
收稿日期:
2022-11-28
接受日期:
2023-03-02
出版日期:
2023-08-31
发布日期:
2023-08-16
通讯作者:
张健楠(1976-),男,讲师,硕士。主要研究方向为智能信息处理。E-mail:作者简介:
杨冬梅(1977-),女,副教授,硕士。主要研究方向为感性工学和产品创新方法研究。E-mail:Dongmeiy@hebut.edu.cn
基金资助:
YANG Dong-mei1(), CUI Zhi-qi1, ZHANG Jian-nan2(
), WANG Ze-yuan1, WANG Peng-fei1
Received:
2022-11-28
Accepted:
2023-03-02
Online:
2023-08-31
Published:
2023-08-16
Contact:
ZHANG Jian-nan (1976-), lecturer, master. His main research interest covers intelligent information processing. E-mail:About author:
YANG Dong-mei (1977-), associate professor, master. Her main research interests cover Kansei engineering and product innovation methods. E-mail:Dongmeiy@hebut.edu.cn
Supported by:
摘要:
针对线上消费模式的兴起让消费者在网络购物时有了更多地选择,优秀的产品配色能够有效地引导用户消费,为了设计出符合用户风格需求的色彩方案,提出一种基于色彩三要素的色彩空间定位法,以研究产品色彩与风格之间的关系,实现色彩的参数化设计研究。基于对产品色彩风格意象本体概念的解析,引入HSV色彩空间对色彩三要素(色相、饱和度与明度)进行量化,以HSV色彩空间的3D效果展示作为可视化媒介,通过优化现有色彩方案使其缩短与理想色彩方案的距离,结合参数化和聚类分析、相关性分析等方法,对产品的色彩与风格建立相关性关系。根据实验评价结果,得到不同色彩要素对风格的影响力因素及不同风格下的最优色彩方案,构建小家电产品的色彩风格意象可视化本体,并以蓝牙音箱为例进行色彩验证。以小家电产品色彩风格意象研究为例,提出了产品的色彩风格参数化设计研究方法,为小家电产品的色彩设计研究提供了新思路。
中图分类号:
杨冬梅, 崔智棨, 张健楠, 王泽远, 王鹏菲. 面向小家电产品的色彩风格参数化设计方法研究[J]. 图学学报, 2023, 44(4): 828-837.
YANG Dong-mei, CUI Zhi-qi, ZHANG Jian-nan, WANG Ze-yuan, WANG Peng-fei. Research on parametric design method of color style for small household appliances[J]. Journal of Graphics, 2023, 44(4): 828-837.
样本序列 | 实物图 | 样本序列 | 实物图 |
---|---|---|---|
1 | ![]() | 6 | ![]() |
2 | ![]() | 7 | ![]() |
3 | ![]() | 8 | ![]() |
4 | ![]() | 9 | ![]() |
5 | ![]() | 10 | ![]() |
表1 初始样本
Table 1 The initial sample
样本序列 | 实物图 | 样本序列 | 实物图 |
---|---|---|---|
1 | ![]() | 6 | ![]() |
2 | ![]() | 7 | ![]() |
3 | ![]() | 8 | ![]() |
4 | ![]() | 9 | ![]() |
5 | ![]() | 10 | ![]() |
样本序列 | 样本图片 | 质心点数 | 色彩集合 | 主色RGB | 转换HSV |
---|---|---|---|---|---|
1 | ![]() | ![]() | ![]() | 181,199,177 | 109,11,78 |
2 | ![]() | ![]() | ![]() | 209,190,113 | 48,46,82 |
3 | ![]() | ![]() | ![]() | 167,151,184 | 270,18,72 |
... | ... | ... | ... | ... | ... |
10 | ![]() | ![]() | ![]() | 184,201,227 | 216,19,89 |
表2 色彩样本提取
Table 2 Color sample extraction table
样本序列 | 样本图片 | 质心点数 | 色彩集合 | 主色RGB | 转换HSV |
---|---|---|---|---|---|
1 | ![]() | ![]() | ![]() | 181,199,177 | 109,11,78 |
2 | ![]() | ![]() | ![]() | 209,190,113 | 48,46,82 |
3 | ![]() | ![]() | ![]() | 167,151,184 | 270,18,72 |
... | ... | ... | ... | ... | ... |
10 | ![]() | ![]() | ![]() | 184,201,227 | 216,19,89 |
样本 | 图片 | HSV | 编码 | 样本 | 图片 | HSV | 编码 | ... | 样本 | 图片 | HSV | 编码 |
---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | ![]() | (6,65,88) | H1S1V1 | 37 | ![]() | (8,65,88) | H2S1V1 | ... | 361 | ![]() | (26,65,88) | H11S1V1 |
2 | ![]() | (6,65,90) | H1S1V2 | 38 | ![]() | (8,65,90) | H2S1V2 | ... | 362 | ![]() | (26,65,90) | H11S1V2 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
6 | ![]() | (6,65,98) | H1S1V6 | 42 | ![]() | (8,65,98) | H2S1V6 | ... | 366 | ![]() | (26,65,98) | H11S1V6 |
7 | ![]() | (6,67,88) | H1S2V1 | 43 | ![]() | (8,67,88) | H2S2V1 | ... | 367 | ![]() | (26,67,88) | H11S2V1 |
8 | ![]() | (6,67,90) | H1S2V2 | 44 | ![]() | (8,67,90) | H2S2V2 | ... | 368 | ![]() | (26,67,90) | H11S2V2 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
12 | ![]() | (6,67,98) | H1S2V6 | 48 | ![]() | (8,67,98) | H2S2V6 | ... | 372 | ![]() | (26,67,98) | H11S2V6 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
36 | ![]() | (6,75,98) | H1S6V6 | 72 | ![]() | (8,75,98) | H2S6V6 | ... | 396 | ![]() | (26,75,98) | H11S6V6 |
表3 多士炉色彩实验样本编码表(部分)
Table 3 Toaster color test sample code table (part)
样本 | 图片 | HSV | 编码 | 样本 | 图片 | HSV | 编码 | ... | 样本 | 图片 | HSV | 编码 |
---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | ![]() | (6,65,88) | H1S1V1 | 37 | ![]() | (8,65,88) | H2S1V1 | ... | 361 | ![]() | (26,65,88) | H11S1V1 |
2 | ![]() | (6,65,90) | H1S1V2 | 38 | ![]() | (8,65,90) | H2S1V2 | ... | 362 | ![]() | (26,65,90) | H11S1V2 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
6 | ![]() | (6,65,98) | H1S1V6 | 42 | ![]() | (8,65,98) | H2S1V6 | ... | 366 | ![]() | (26,65,98) | H11S1V6 |
7 | ![]() | (6,67,88) | H1S2V1 | 43 | ![]() | (8,67,88) | H2S2V1 | ... | 367 | ![]() | (26,67,88) | H11S2V1 |
8 | ![]() | (6,67,90) | H1S2V2 | 44 | ![]() | (8,67,90) | H2S2V2 | ... | 368 | ![]() | (26,67,90) | H11S2V2 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
12 | ![]() | (6,67,98) | H1S2V6 | 48 | ![]() | (8,67,98) | H2S2V6 | ... | 372 | ![]() | (26,67,98) | H11S2V6 |
... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... |
36 | ![]() | (6,75,98) | H1S6V6 | 72 | ![]() | (8,75,98) | H2S6V6 | ... | 396 | ![]() | (26,75,98) | H11S6V6 |
图7 色彩风格评价得分曲线图(部分) ((a)色相分量;(b)饱和度分量;(c)明度分量)
Fig. 7 Color style evaluation score curve (part) ((a) Hue component; (b) Saturation component; (c) Brightness component))
风格 | 色相 | 饱和度 | 明度 |
---|---|---|---|
时尚 | 0.001 642 104 | 0.001 038 061 | 0.000 721 611 |
厚重 | 0.062 502 047 | 0.050 393 358 | 0.064 438 202 |
高端 | 0.049 863 563 | 0.061 173 533 | 0.052 68 2163 |
艳丽 | 0.053 932 584 | 0.064 346 878 | 0.059 224 228 |
表4 不同风格下的色彩影响力因素(权重)
Table 4 Influence factors of color in different styles (weight)
风格 | 色相 | 饱和度 | 明度 |
---|---|---|---|
时尚 | 0.001 642 104 | 0.001 038 061 | 0.000 721 611 |
厚重 | 0.062 502 047 | 0.050 393 358 | 0.064 438 202 |
高端 | 0.049 863 563 | 0.061 173 533 | 0.052 68 2163 |
艳丽 | 0.053 932 584 | 0.064 346 878 | 0.059 224 228 |
风格 | 排名1 | 排名2 | 排名3 | 排名4 | 排名5 | 排名6 | 排名7 | 排名8 | 排名9 | 排名10 |
---|---|---|---|---|---|---|---|---|---|---|
时尚 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
54.399 373 | 54.356 219 | 54.123 315 | 51.572 526 | 51.073 248 | 51.047 671 | 49.559 108 | 47.435 833 | 44.515 56 | 44.483 634 | |
厚重 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
49.918 381 | 46.211 101 | 46.023 031 | 44.622 613 | 44.144 295 | 42.933 847 | 42.757 113 | 41.797 395 | 41.671 69 | 39.927 353 | |
高端 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
57.342 354 | 53.474 487 | 48.539 804 | 48.075 268 | 47.265 896 | 47.164 911 | 44.374 936 | 44.355 728 | 44.107 928 | 41.152 062 | |
艳丽 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
62.960 798 | 58.403 972 | 56.679 306 | 53.401 28 | 52.106 841 | 50.049 186 | 49.649 467 | 48.182 555 | 47.625 122 | 46.534 136 |
表5 不同风格词汇下的色彩相关性得分及排名
Table 5 Color correlation scores and rankings of different style words
风格 | 排名1 | 排名2 | 排名3 | 排名4 | 排名5 | 排名6 | 排名7 | 排名8 | 排名9 | 排名10 |
---|---|---|---|---|---|---|---|---|---|---|
时尚 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
54.399 373 | 54.356 219 | 54.123 315 | 51.572 526 | 51.073 248 | 51.047 671 | 49.559 108 | 47.435 833 | 44.515 56 | 44.483 634 | |
厚重 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
49.918 381 | 46.211 101 | 46.023 031 | 44.622 613 | 44.144 295 | 42.933 847 | 42.757 113 | 41.797 395 | 41.671 69 | 39.927 353 | |
高端 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
57.342 354 | 53.474 487 | 48.539 804 | 48.075 268 | 47.265 896 | 47.164 911 | 44.374 936 | 44.355 728 | 44.107 928 | 41.152 062 | |
艳丽 | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
62.960 798 | 58.403 972 | 56.679 306 | 53.401 28 | 52.106 841 | 50.049 186 | 49.649 467 | 48.182 555 | 47.625 122 | 46.534 136 |
方案 | 平均值 | 标准差 | 标准误差平均值 | 差值95%置信区间 | t | 自由度 | 显著性(双尾) | |
---|---|---|---|---|---|---|---|---|
下限 | 上限 | |||||||
形态1 | -31.645 795 92 | 7.422 950 27 | 2.347 342 98 | -36.955 854 64 | -26.335 737 16 | -13.482 | 9 | .000 |
形态2 | -21.378 891 51 | 6.148 269 08 | 1.944 253 42 | -25.777 098 25 | -16.980 684 75 | -10.996 | 9 | .000 |
形态3 | -20.685 337 40 | 6.755 876 71 | 2.136 395 80 | -25.518 200 46 | -15.852 474 34 | -9.682 | 9 | .000 |
表6 配对样本t检验结果
Table 6 T-test results of paired samples
方案 | 平均值 | 标准差 | 标准误差平均值 | 差值95%置信区间 | t | 自由度 | 显著性(双尾) | |
---|---|---|---|---|---|---|---|---|
下限 | 上限 | |||||||
形态1 | -31.645 795 92 | 7.422 950 27 | 2.347 342 98 | -36.955 854 64 | -26.335 737 16 | -13.482 | 9 | .000 |
形态2 | -21.378 891 51 | 6.148 269 08 | 1.944 253 42 | -25.777 098 25 | -16.980 684 75 | -10.996 | 9 | .000 |
形态3 | -20.685 337 40 | 6.755 876 71 | 2.136 395 80 | -25.518 200 46 | -15.852 474 34 | -9.682 | 9 | .000 |
[1] | 张宗登, 张红颖. 基于色彩意象的工程装备产品外观配色设计研究[J]. 图学学报, 2016, 37(5): 681-687. |
ZHANG Z D, ZHANG H Y. Research of coating design of construction machinery based on color image[J]. Journal of Graphics, 2016, 37(5): 681-687 (in Chinese). | |
[2] | 张新新, 杨明刚, 张书涛, 等. 基于本体的产品色彩意象知识表达[J]. 包装工程, 2019, 40(8): 41-46. |
ZHANG X X, YANG M G, ZHANG S T, et al. Knowledge expression of product color image based on ontology[J]. Packaging Engineering, 2019, 40(8): 41-46 (in Chinese). | |
[3] | 霍丽晓, 檀润华. 基于参数化的产品单一色彩设计方法[J]. 包装工程, 2019, 40(20): 200-209. |
HUO L X, TAN R H. A product monochromatic design method based on parameterization[J]. Packaging Engineering, 2019, 40(20): 200-209 (in Chinese). | |
[4] |
LI Y B, HUANG Y Q, LI X, et al. The influence of brightness combinations and background colour on legibility and subjective preference under negative polarity[J]. Ergonomics, 2022, 65(8): 1046-1056.
DOI URL |
[5] | KURNIASTUTI I, YULIATI E N I, YUDIANTO F, et al. Determination of hue saturation value (HSV) color feature in kidney histology image[J]. Journal of physics. Conference series, 2022, 2157(1): 1-9. |
[6] | 何劲涛, 陈登凯, 余隋怀. 基于色彩调和理论的文化创意产品色彩设计与评价方法研究[J]. 西北工业大学学报, 2020, 38(4): 766-773. |
HE J T, CHEN D K, YU S H. Research on color design and evaluation method of cultural creative products based on color harmony theory[J]. Journal of Northwestern Polytechnical University, 2020, 38(4): 766-773 (in Chinese).
DOI URL |
|
[7] |
JANSSEN A, KLEIN C, SLORS M. What is a cognitive ontology, anyway?[J]. Philosophical Explorations, 2017, 20(2): 123-128.
DOI URL |
[8] | 白作霖, 李春波, 张定红, 等. 基于知识共享重用的智能检测规划系统开发平台IIPDP的研究与实现[J]. 机械设计, 1998(4): 2-4. |
BAI Z L, LI C B, ZHANG D H, et al. Research and Implementation of IIPDP, a development platform for intelligent detection planning system based on creative commons reuse[J]. Mechanical Design, 1998(4): 2-4 (in Chinese). | |
[9] | 赵蒙成, 王会亭. 具身认知: 理论缘起、逻辑假设与未来路向[J]. 现代远程教育研究, 2017(2): 28-33, 45. |
ZHAO M C, WANG H T. Embodied cognition: the origin of theory, the logical assumptions and the future trends[J]. Modern Distance Education Research, 2017(2): 28-33, 45 (in Chinese). | |
[10] |
KITAMURA Y, KASHIWASE M, FUSE M, et al. Deployment of an ontological framework of functional design knowledge[J]. Advanced Engineering Informatics, 2004, 18(2): 115-127.
DOI URL |
[11] |
TAVARES D R, JUNIOR O C, BUARQUE L, et al. An ontological approach of the cognitive and affective product experience[J]. Frontiers in Neuroergonomics, 2021, 2(1): 602881.
DOI URL |
[12] | ZHOU X J, GAO G Y, MING X G, et al. Task-oriented knowledge representation and ontology modeling for complex product design[C]// 2021 International Conference on Service Science. New York: IEEE Press, 2021: 30-37. |
[13] | 胡浩, 傅望, 秦菊英, 等. 面向意象移植的产品风格本体建模研究[J]. 人类工效学, 2015, 21(3): 60-63. |
HU H, FU W, QIN J Y, et al. Research on product style ontology modeling for image transplantation[J]. Chinese Journal of Ergonomics, 2015, 21(3): 60-63 (in Chinese). | |
[14] | 汪哲弘. 颜色视觉辨别特性及色差评价研究[D]. 杭州: 浙江大学, 2009. |
WANG Z H. Study of color vision discrimination characteristics and color-difference evaluation[D]. Hangzhou: Zhejiang University, 2009 (in Chinese). | |
[15] | 杨毅, 王冬生, 宋文杰, 等. 融合图像语义的动态视频拼接方法[J]. 系统工程与电子技术, 2018, 40(12): 2845-2854. |
YANG Y, WANG D S, SONG W J, et al. Dynamic video stitching method embracing image semantics[J]. Systems Engineering and Electronics, 2018, 40(12): 2845-2854 (in Chinese).
DOI |
|
[16] |
WILMS L, OBERFELD D. Color and emotion: effects of hue, saturation, and brightness[J]. Psychological Research, 2018, 82(5): 896-914.
DOI PMID |
[1] | 白宇, 王坤.
基于参数化的 3D 打印个性化外固定支具设计研究
[J]. 图学学报, 2023, 44(5): 1050-1056. |
[2] | 蔡小尧, 车文刚, 陈文兵 . 高速凸轮摆杆机构参数化设计技术研究[J]. 图学学报, 2021, 42(4): 664-669. |
[3] | 周昕恺 1, 瞿 畅 1, 刘苏苏 1,2, 姚建南 1, 汪晶晶 3 . 拉伸载荷下钢芯铝绞线的力学特性仿真分析[J]. 图学学报, 2020, 41(2): 288-294. |
[4] | 林 丽 1,2, 张云鹍 1 . 感性工学中的参数化设计方法关键技术研究 现状与展望[J]. 图学学报, 2019, 40(5): 936-944. |
[5] | 高 鹏1,李 琳 1,储晓丽 1,谭剑波 1,2. 可活动关节 3D 打印模型生成方法研究[J]. 图学学报, 2017, 38(5): 654-662. |
[6] | 肖 扬, 金凡尧, 郑 严, 张婷婷, 王 易. 基于Protoolkit 的圆柱螺旋齿轮的精确三维参数化建模[J]. 图学学报, 2017, 38(2): 180-184. |
[7] | 卢 杰,米彩盈. 基于SolidWorks 的联合参数化设计方法研究[J]. 图学学报, 2013, 34(6): 64-68. |
[8] | 李 鹍. 基于数字图学技术的建筑专业教学思考[J]. 图学学报, 2013, 34(3): 152-156. |
[9] | 吴学毅, 刘军收, 尹 恒. 基于参数化设计的三维桥梁模型构建[J]. 图学学报, 2013, 34(2): 76-82. |
[10] | 史丽媛, 祝锡晶, 马继召. 基于UG 参数化设计系统的研究[J]. 图学学报, 2013, 34(2): 108-112. |
[11] | 杨显刚, 何玉林, 杜 静, 金 鑫, 李成武. 参数化零部件库建库技术研究与实践[J]. 图学学报, 2013, 34(2): 153-158. |
[12] | 杜林宝, 黄学良, 王彦伟, 陈 刚, 陈立平. 工业建筑预埋件三维快速装配设计方法[J]. 图学学报, 2012, 33(3): 90-96. |
[13] | 姜衍仓, 田芳勇, 胡赤兵. 椭圆类齿轮参数化设计与运动仿真系统的开发[J]. 图学学报, 2011, 32(3): 13-16. |
[14] | 陈良图, 王婷婷, 吴扬扬. 参数化桩帽自动绘图系统的设计与实现[J]. 图学学报, 2011, 32(2): 20-25. |
[15] | 郭克希, 李国志, 杨 巍. 汽车起重机吊臂参数化设计系统研发[J]. 图学学报, 2010, 31(6): 80-84. |
阅读次数 | ||||||
全文 |
|
|||||
摘要 |
|
|||||