一种复杂视觉页面light和dark模式一键切换方法技术

本发明专利技术公开了一种复杂视觉页面light和dark模式一键切换方法，其涉及UI交互和前端技术领域，旨在解决第一个常规的解决方案这对设计师的要求和限制较多，操作起来不好实现，第二个解决方案设计师做设计的时候限制较多，无法自由发挥配色，而且无法支持复杂的渐变，插画颜色和效果会比较单调的问题，其技术方案要点是A1：利用基础颜色变量切换和高透明度图形和插画实现复杂视觉页面light和dark模式一键切换的UI前端解决方案，具体如下：S1：将常用颜色提炼成基础色板；S2：在light模式下把插画按照正常的透明度先设计好；S3：提高透明度；S4：反复调节。达到了light/dark模式插画切换的效果。

【技术实现步骤摘要】

本专利技术涉及ui交互和前端，尤其是涉及一种复杂视觉页面light和dark模式一键切换方法。

技术介绍

1、常规的插画和图形会在内部偶尔少量的使用透明度来增加层次感，但是整体插画透明度没有或者较低，在light和dark版本之间的切换会显得生硬一些。

2、常规的解决方案一个是设计一个插画尽量让他在两个模式下效果都过关；

3、常规的第二个解决方案是使用常用基础色板的变量进行light和dark颜色的切换，这个方法比第一个效果好一些。

4、上述中的现有技术方案存在以下缺陷：第一个常规的解决方案这对设计师的要求和限制较多，操作起来不好实现，第二个解决方案设计师做设计的时候限制较多，无法自由发挥配色，而且无法支持复杂的渐变，插画颜色和效果会比较单调。

技术实现思路

1、本专利技术的目的是提供一种针对业务场景的特殊性提供相洽触发频率的边缘函数，使得在边缘设备或边缘节点上的函数可以按照预定的时间表自动触发执行的复杂视觉页面light和dark模式一键切换方法。p>

2、为实现本文档来自技高网...

【技术保护点】

1.一种复杂视觉页面light和dark模式一键切换方法，其特征在于：其方法如下：

2.根据权利要求1所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述A1的具体步骤为对页面的基础颜色进行了light和dark的颜色变量对应的基础上，复杂图形和插画的设计采用高透明度的方式进行绘制来用于适配light和dark两种不同的模式下页面和卡片背景色的变化，从而产生良好的视觉效果，并且可以制作很复杂的设计效果。

3.根据权利要求2所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述A1中制作很复杂的设计效果具体为渐变、超出基...

【技术特征摘要】

1.一种复杂视觉页面light和dark模式一键切换方法，其特征在于：其方法如下：

2.根据权利要求1所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述a1的具体步骤为对页面的基础颜色进行了light和dark的颜色变量对应的基础上，复杂图形和插画的设计采用高透明度的方式进行绘制来用于适配light和dark两种不同的模式下页面和卡片背景色的变化，从而产生良好的视觉效果，并且可以制作很复杂的设计效果。

3.根据权利要求2所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述a1中制作很复杂的设计效果具体为渐变、超出基础色板的复杂配色。

4.根据权利要求3所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述s1中有严谨的饱和度和明度递进规则具体为主题色是1-10个颜色，对应的变量名称是theme1-theme10，light和dark模式下都使用变量theme1-theme10。

5.根据权利要求4所述的一种复杂视觉页面light和dark模式一键切换方法，其特征在于：所述s1中使用的具体色号是适配于浅色背景和深色背景，以此类推，常用的状态颜色和基础的灰色都用...

【专利技术属性】
技术研发人员：周聪，
申请(专利权)人：天翼云科技有限公司，
类型：发明
国别省市：