【技术实现步骤摘要】
本专利技术涉及用户界面设计，尤其涉及一种自适应用户界面的动态调整方法及其系统。
技术介绍
1、着数字化技术的飞速发展，用户界面（ui）的设计变得愈发重要，它不仅关乎用户的使用体验，还直接影响到产品的市场竞争力。在用户界面设计中，元素的对比度是确保信息可读性和视觉吸引力的关键因素之一。然而，在实际应用中，由于设计元素的多样性和用户环境的差异性，常常导致界面元素的对比度不足，进而影响用户的使用效率和舒适度。
2、传统的用户界面设计方法往往依赖于设计师的经验和主观判断，缺乏科学、系统的对比度调整机制。这导致在界面设计完成后，很难确保所有元素在不同环境下都能保持良好的对比度。此外，随着用户需求的不断变化和技术的持续进步，界面元素可能需要进行频繁的调整和优化，而传统的方法往往难以高效、准确地完成这一任务。
3、因此，有必要提供一种自适应用户界面的动态调整方法及其系统解决上述技术问题。
技术实现思路
1、为解决上述技术问题，本专利技术提供一种自适应用户界面的动态调整方法及其系统，能够实时监测和分析界面元素的对比度，并根据预设的标准值制定科学的颜色调整策略，以确保元素在不同环境下都能保持良好的对比度。
2、本专利技术提供了一种自适应用户界面的动态调整方法，所述动态调整方法包括以下步骤：
3、从用户界面上提取每个元素的前景和背景的rgb颜色值，并将前景和背景的rgb颜色值分别转换为对应的hsv颜色值；
4、基于所述rgb颜色值和hsv颜色
5、在元素的对比度比率不满足预设的标准值时，基于对应元素的对比度比率制定颜色调整策略，其中所述颜色调整策略包括颜色调整方向、颜色调整次数和目标颜色；
6、在所述颜色调整方向上，按照颜色调整次数对相应元素的rgb颜色值进行渐进式调整，直至所述rgb颜色值逐步过渡到所述目标颜色。
7、优选的，所述rgb颜色值转换为hsv颜色值采用如下公式：
8、；
9、；
10、
11、的计算取决于最大值的位置，具体为：
12、若，则；
13、若，则；
14、若，则；
15、其中，为rgb颜色值中的红色分量，为rgb颜色值中的绿色分量，为rgb颜色值中的蓝色分量，为hsv颜色值中的色调，为hsv颜色值中的亮度，为hsv颜色值中的饱和度，为色差。
16、优选的，所述基于所述rgb颜色值和hsv颜色值计算对应元素的对比度比率，并判断元素的对比度比率是否满足预设的标准值，包括：
17、基于所述rgb颜色值中的前景和背景计算得到rgb对比度比率，其计算公式为：
18、
19、其中，为前景的rgb颜色值中的亮度，为背景的rgb颜色值中的亮度，为rgb对比度比率；
20、基于所述hsv颜色值中的前景和背景计算得到hsv对比度比率，其计算公式为：
21、
22、其中，为前景的hsv颜色值中的亮度，为背景的hsv颜色值中的亮度，为hsv对比度比率；
23、基于所述rgb对比度比率和hsv对比度比率加权计算得到元素的对比度比率，其计算公式为：
24、
25、其中，和分别为rgb对比度比率的预设权重和hsv对比度比率的预设权重；
26、判断加权计算得到元素的对比度比率是否低于预设的标准值，若低于预设的标准值，则标记该元素为需要调整的对象。
27、优选的，所述在元素的对比度比率不满足预设的标准值时，基于对应元素的对比度比率制定颜色调整策略，包括：
28、根据元素的对比度比率判断需要调整的方向，得到颜色调整方向，其中所述颜色调整方向包括增加和减小；
29、基于所述rgb颜色值和hsv颜色值计算颜色变化幅度，并基于所述颜色变化幅度确定颜色调整次数，其中所述颜色变化幅度包括rgb颜色变化距离和hsv颜色变化距离；
30、根据目标亮度值计算目标颜色的rgb值，其中所述目标亮度值是基于预设的标准值确定的。
31、优选的，所述基于所述rgb颜色值和hsv颜色值计算颜色变化幅度，并基于所述颜色变化幅度确定颜色调整次数，包括：
32、对于所述rgb颜色变化距离，其计算公式为：
33、
34、其中，和分别为前景和背景的红色分量，和分别为前景和背景的绿色分量，和分别为前景和背景的蓝色分量；
35、对于所述hsv颜色变化距离，其计算公式为：
36、
37、其中，和分别为前景和背景的色调，和分别为前景和背景的饱和度，和分别为前景和背景的亮度；
38、对于所述颜色变化幅度，其计算公式为：
39、
40、按照预设的分段调整函数确定所述颜色调整次数，其中所述分段调整函数为：
41、
42、其中，和均为预设的阈值，、、和是预设的参数。
43、优选的，所述根据目标亮度值计算目标颜色的rgb值，其中所述目标亮度值是基于预设的标准值确定的，包括：
44、基于预设的标准值确定目标亮度值；
45、基于所述目标亮度值计算亮度调整比例，其计算公式为：
46、
47、其中，为目标亮度值；
48、根据所述亮度调整比例计算所述目标颜色的rgb值，其计算公式为：
49、
50、
51、。
52、优选的，所述在所述颜色调整方向上，按照颜色调整次数对相应元素的rgb颜色值进行渐进式地调整，直至所述rgb颜色值逐步过渡到所述目标颜色，包括：
53、根据所述颜色调整次数和目标亮度值，计算每次调整的亮度变化步长；
54、在颜色调整方向上，按照所述颜色调整次数和每次调整的步长，逐次调整前景的rgb值，直至达到目标颜色的rgb值，其中前景的rgb值调整公式为：
55、
56、
57、
58、其中，、和分别为目标颜色的rgb值，为亮度变化步长，为前景的rgb颜色值中的亮度。
59、本专利技术还提供了一种自适应用户界面的动态调整系统，用于执行所述的一种自适应用户界面的动态调整方法，所述动态调整系统包括：
60、颜色值提取模块，用于从用户界面上提取每个元素的前景和背景的rgb颜色值，并将前景和背景的rgb颜色值分别转换为对应的hsv颜色值；
61、对比度评估模块，用于基于所述rgb颜色值和hsv颜色值计算对应元素的对比度比率，并判断元素的对比度比率是否满足预设的标准值；
62、调整策略制定模块，用于在元素的对比度比率不满足预设的标准值时，基于对应元素的对比度比率制定颜色调整策略，其中所述颜色调整策略包括颜色本文档来自技高网...
【技术保护点】
1.一种自适应用户界面的动态调整方法，其特征在于，所述动态调整方法包括以下步骤：
2.根据权利要求1所述的一种自适应用户界面的动态调整方法，其特征在于，所述RGB颜色值转换为HSV颜色值采用如下公式：
3.根据权利要求2所述的一种自适应用户界面的动态调整方法，其特征在于，所述基于所述RGB颜色值和HSV颜色值计算对应元素的对比度比率，并判断元素的对比度比率是否满足预设的标准值，包括：
4.根据权利要求3所述的一种自适应用户界面的动态调整方法，其特征在于，所述在元素的对比度比率不满足预设的标准值时，基于对应元素的对比度比率制定颜色调整策略，包括：
5.根据权利要求4所述的一种自适应用户界面的动态调整方法，其特征在于，所述基于所述RGB颜色值和HSV颜色值计算颜色变化幅度，并基于所述颜色变化幅度确定颜色调整次数，包括：
6.根据权利要求5所述的一种自适应用户界面的动态调整方法，其特征在于，所述根据目标亮度值计算目标颜色的RGB值，其中所述目标亮度值是基于预设的标准值确定的，包括：
7.根据权利要求6所述的一种自适
8.一种自适应用户界面的动态调整系统，用于执行如权利要求1至7任意一项所述的一种自适应用户界面的动态调整方法，其特征在于，所述动态调整系统包括：
...【技术特征摘要】
1.一种自适应用户界面的动态调整方法，其特征在于，所述动态调整方法包括以下步骤：
2.根据权利要求1所述的一种自适应用户界面的动态调整方法，其特征在于，所述rgb颜色值转换为hsv颜色值采用如下公式：
3.根据权利要求2所述的一种自适应用户界面的动态调整方法，其特征在于，所述基于所述rgb颜色值和hsv颜色值计算对应元素的对比度比率，并判断元素的对比度比率是否满足预设的标准值，包括：
4.根据权利要求3所述的一种自适应用户界面的动态调整方法，其特征在于，所述在元素的对比度比率不满足预设的标准值时，基于对应元素的对比度比率制定颜色调整策略，包括：
5.根据权利要求4所述的一种自适应用户界面的动态调整方法，其特...
【专利技术属性】
技术研发人员：吴章安，陈明芳，刘辉，
申请(专利权)人：广州炫视智能科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。