System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种界面色彩的渲染更新方法及装置制造方法及图纸_技高网

一种界面色彩的渲染更新方法及装置制造方法及图纸

技术编号:43390835 阅读:8 留言:0更新日期:2024-11-19 18:05
本发明专利技术公开了一种界面色彩的渲染更新方法及装置,包括:获取浏览器端的界面信息。根据界面信息,确定浏览器端的界面中至少一个模块的背景色和文本色。针对任一模块,根据模块的背景色、文本色和第一特征确定模块更新后的背景色和更新后的文本色。其中,第一特征用于指示用户所在环境和用户偏好。根据至少一个模块更新后的背景色和更新后的文本色对每个模块进行渲染,得到更新后的浏览器端的界面。实现自动配置界面色彩,降低界面色彩配置的操作难度,完成界面色彩的个性化配置。

【技术实现步骤摘要】

本专利技术涉及显示器,尤其涉及一种界面色彩的渲染更新方法及装置


技术介绍

1、随着互联网技术的发展,用户对网页的视觉体验拥有了更高的要求,希望能够展示用户的个性和审美。网页的视觉体验中,网页的界面色彩设计能够更好的提升用户体验。

2、传统的网页的界面色彩设计,往往是使用固定的色彩方案,无法让用户根据个人喜好或特定需求调整界面色彩。现有的方案中,存在能够允许用户自定义网页色彩的工具,以及部分网页能够提供界面色彩切换的功能。但上述工具操作难度过高,界面色彩切换的功能所提供的色彩较为单一,无法自动配置界面色彩,满足用户的个性化需求。

3、因此,如何自动配置界面色彩,降低界面色彩配置的操作难度,实现界面色彩的个性化配置,是目前亟需解决的问题。


技术实现思路

1、本专利技术实施例提供一种界面色彩的渲染更新方法及装置,用于基于用户偏好和用户所在环境变更界面的背景色和文本色,实现自动配置界面色彩,降低界面色彩配置的操作难度,完成界面色彩的个性化配置。

2、第一方面,本专利技术实施例提供一种界面色彩的渲染更新方法,包括:

3、获取浏览器端的界面信息;

4、根据所述界面信息,确定所述浏览器端的界面中至少一个模块的背景色和文本色;

5、针对任一模块,根据所述模块的背景色、文本色和第一特征确定所述模块更新后的背景色和更新后的文本色,所述第一特征用于指示用户所在环境和用户偏好;

6、根据所述至少一个模块更新后的背景色和更新后的文本色对每个模块进行渲染,得到更新后的所述浏览器端的界面。

7、上述技术方案中,从浏览器端获取到界面信息,界面信息中包括当前界面的结构、样式和行为定义等信息。从界面信息中提取得到界面中至少一个模块的背景色和文本色。模块指的是界面中的不同区域。一个模块中可以包含多个背景色和多个文本色,且一个模块中可以只包含背景色,不具有文本色。针对任意一个模块,会根据模块的背景色、文本色和第一特征确定模块更新后的背景色和文本色。其中,第一特征用于指示用户所在环境和用户偏好,用户所在环境指的是当前时间和用户所在地点的天气信息,用户偏好指的是用户的情绪。用户的情绪可以由用户主动进行输入。最后根据每个模块更新后的背景色和文本色对每个模块的背景色和文本色进行渲染,得到更新后的浏览器端的界面,实现自动配置界面色彩,降低界面色彩配置的操作难度,完成界面色彩的个性化配置。

8、可选的,所述第一特征包括用户特征值、气候特征值和时间特征值;

9、获取浏览器端的界面信息之前,所述方法还包括:

10、获取用户信息和气候信息,所述用户信息指示用户的情绪;

11、分别对所述用户信息、所述气候信息和当前时刻进行特征提取,得到用户特征值、气候特征值和时间特征值。

12、上述技术方案中,可以通过第三方天气服务的接口获取气候信息,气候信息包括当天降水情况;将用户输入的心情作为用户信息。将用户信息、气候信息和当前时刻进行特征提取,并数值化,得到用户特征值、气候特征值和时间特征值,便于根据用户特征值、气候特征值和时间特征值对背景色和文本色进行更新,完成界面色彩的个性化配置。

13、可选的,根据所述界面信息,确定所述浏览器端的界面中至少一个模块的背景色和文本色,包括:

14、遍历所述界面信息,确定所述浏览器端的界面中的至少一个模块,并提取得到所述至少一个模块的背景色和文本色。

15、可选的,根据所述模块的背景色、文本色和第一特征确定所述模块更新后的背景色和更新后的文本色,包括:

16、根据所述用户特征值和所述用户特征值对应的权重、所述气候特征值和所述气候特征值对应的权重、所述时间特征值和所述时间特征值对应的权重进行计算,得到第一比例和第二比例,所述第一比例表示所述模块的背景色更新的比例,所述第二比例表示所述模块的背景色保留的比例,所述第一比例和所述第二比例的和为1;

17、根据所述第二比例和对比度参数进行计算,得到第三比例和第四比例,所述第三比例表示所述模块的文本色更新的比例,所述第四比例表示所述模块的文本色保留的比例,所述第三比例和所述第四比例的和为1;

18、根据所述第一比例、所述第二比例和所述模块的背景色确定所述模块更新后的背景色;

19、根据所述第三比例、所述第四比例和所述模块的文本色确定所述模块更新后的文本色。

20、上述技术方案中,通过第一特征来确定出第一比例、第二比例、第三比例和第四比例,再通过第一比例、第二比例、第三比例和第四比例来确定出更新之后的背景色和文本色,实现自动配置界面色彩,降低界面色彩配置的操作难度。

21、可选的,根据下述公式(1)确定第一比例:

22、a=ω1·t+ω2·w+ω3·m (1)

23、其中,a为第一比例,ω1为所述时间特征值对应的权重,t为所述时间特征值,ω2为所述气候特征值对应的权重,w为所述气候特征值,ω3为所述用户特征值对应的权重,m为所述用户特征值。

24、可选的,根据下述公式(2)确定第三比例:

25、n=c·(1-a)  (2)

26、其中,n为第三比例,c为对比度参数,(1-a)为第二比例。

27、可选的,根据所述第一比例、所述第二比例和所述模块的背景色确定所述模块更新后的背景色,包括:

28、确定所述第一比例对应的色值;

29、根据所述第一比例、所述第一比例对应的色值、所述第二比例和所述模块的背景色进行计算,得到所述模块更新后的背景色。

30、上述技术方案中,在确定模块更新后的背景色时基于模块原有的背景色进行计算,避免了模块更新后的背景色变更过大。

31、可选的,根据所述第三比例、所述第四比例和所述模块的文本色确定所述模块更新后的文本色,包括:

32、确定所述第三比例对应的色值;

33、根据所述第三比例、所述第三比例对应的色值、所述第四比例和所述模块的文本色进行计算,得到所述模块更新后的文本色。

34、上述技术方案中,在确定模块更新后的文本色时基于模块原有的文本色进行计算,避免了模块更新后的文本色变更过大。

35、第二方面,本专利技术实施例提供一种界面色彩的渲染更新装置,包括:

36、获取模块,用于获取浏览器端的界面信息;

37、处理模块,用于根据所述界面信息,确定所述浏览器端的界面中至少一个模块的背景色和文本色;

38、针对任一模块,根据所述模块的背景色、文本色和第一特征确定所述模块更新后的背景色和更新后的文本色,所述第一特征用于指示用户所在环境和用户偏好;

39、根据所述至少一个模块更新后的背景色和更新后的文本色对每个模块进行渲染,得到更新后的所述浏览器端的界面。

40、可选的,所述第一特征包括用户特征值、气候特征值和时间特征值;所述本文档来自技高网...

【技术保护点】

1.一种界面色彩的渲染更新方法,其特征在于,包括:

2.如权利要求1所述的方法,其特征在于,所述第一特征包括用户特征值、气候特征值和时间特征值;

3.如权利要求1所述的方法,其特征在于,根据所述界面信息,确定所述浏览器端的界面中至少一个模块的背景色和文本色,包括:

4.如权利要求1所述的方法,其特征在于,根据所述模块的背景色、文本色和第一特征确定所述模块更新后的背景色和更新后的文本色,包括:

5.如权利要求4所述的方法,其特征在于,根据所述第一比例、所述第二比例和所述模块的背景色确定所述模块更新后的背景色,包括:

6.如权利要求4所述的方法,其特征在于,根据所述第三比例、所述第四比例和所述模块的文本色确定所述模块更新后的文本色,包括:

7.一种界面色彩的渲染更新装置,其特征在于,包括:

8.一种计算机设备,其特征在于,包括:

9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使计算机执行权利要求1至6任一项所述的方法。

10.一种计算机程序产品,其特征在于,所述计算机程序产品包括可执行程序,该可执行程序被处理器执行实现权利要求1至6任一项所述的方法。

...

【技术特征摘要】

1.一种界面色彩的渲染更新方法,其特征在于,包括:

2.如权利要求1所述的方法,其特征在于,所述第一特征包括用户特征值、气候特征值和时间特征值;

3.如权利要求1所述的方法,其特征在于,根据所述界面信息,确定所述浏览器端的界面中至少一个模块的背景色和文本色,包括:

4.如权利要求1所述的方法,其特征在于,根据所述模块的背景色、文本色和第一特征确定所述模块更新后的背景色和更新后的文本色,包括:

5.如权利要求4所述的方法,其特征在于,根据所述第一比例、所述第二比例和所述模块的背景色确定所述模块更新后的背景色,包括:...

【专利技术属性】
技术研发人员:杨凯旋尹亚男
申请(专利权)人:北银金融科技有限责任公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1