首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

美化PPT图标的技巧,让PPT设计感十足

那么图标到底在PPT中该如何来使用呢,这里iSlide简单总结了3个主要使用技巧:   1、纯色图标;   2、多图标;   3、渐变图标 18.png   1、纯色图标   顾名思义...又或者我们可以换一种线性图标来进行修饰:   2、多图标   这种设计方法是做图标添加色彩,修饰整个页面,让整个页面看起来更丰富多彩。   ...这种多色彩图标制作,我们需要先下载SVG格式图标,才能进行修改,添加不同的颜色。   ...19.png   3、渐变色图标   渐变色图标可以让图标看上去更有质感,增加整个页面层次感,突出信息内容。   ...这种渐变图标制作也非常简单,鼠标点击选中【图标】-右键【设置形状格式】-【渐变填充】,选择相对应的配色即可。

46940
您找到你想要的搜索结果了吗?
是的
没有找到

QQ 25年技术巡礼丨技术探索下的清新设计,打造轻盈简约的QQ9

目录 1 极光动画 2 从灰阶图到多彩图 3 性能优化 4 灵动的 3D 企鹅 5 展望 1999 年 2 月 10 日,QQ 首个版本发布。...02.从灰阶图到多彩图 上面我们已经介绍了如何利用噪音算法模拟那些看似随机但又显得十分自然的图像,下面内容将继续为大家介绍如何将噪音变成极光动画的。...显然,这样简单的映射是远远不够的,不同的块之间还需要平滑的过渡,为此我们想到的是利用渐变效果,让不同的块都有效的衔接起来。...2.3 亮度平滑 上面的效果虽然实现了渐变,但在视觉效果上还有改进的空间,首先是颜色过于明亮了,其次是极光效果没有与周围的背景融合成一个整体。...而另一种思路是把极光看做是一种光,通过后处理的办法,进行光线混处理。

1.3K32

强大的高颜值iOS图表框架AAChartKit,支持柱状图、条形图、折线图、曲线图...

交互式图形动画 . 有着清晰和充满细节的用户交互方式, 与此同时, 图形渲染动画效果细腻精致, 流畅优美....有三十多种以上渲染动画效果可供选择, 用户可自由设置渲染图形时的动画时间和动画类型, 关于图形渲染动画类型,具体参见 AAChartKit 动画类型. 极简主义 ....(设置后就不用自己再手动去写渐变色字典,相当于是设置渐变色的一个快捷方式,当然了,如果需要细致地自定义渐变色效果,还是需要自己手动配置渐变颜色字典内容,具体方法参见图表示例中的`颜色渐变条形图`示例代码...segmentfault.com/u/huanghunbieguan 待办清单 支持图形加载完成后用户添加代理事件 支持图形动态刷新全局内容 支持图形动态刷新纯数据(series)内容 支持图形实时刷新纯数据并动态滚动 支持色彩图渐变效果...AAOptions模型对象属性 支持图形堆叠 支持图形坐标轴反转 支持渲染散点图 支持渲染柱形范围图 支持渲染面积范围图 支持渲染面积范围均线图 支持渲染极地图 支持渲染折线直方图 支持渲染折线直方填充图

5.1K11

一种强化的基于局部直方图裁剪均衡化的对比度调节算法。

在很久前实现对比度受限的自适应直方图均衡化时,就曾经想过对该算法进行一定程度的扩展,之后使用自动对比度和自动阶代替直方图均衡化也提出了新的算法,也达到了不错的效果。...,还增加了各通道直方图与亮度通道直方图的信息合成,然后对合成后的直方图进行直方图裁剪和均衡化的,获取各子块新的映射直方图,为了避免新的映射表中的数据有较大的奇点或噪音,对映射表的数据进行多点取样,然后使用样条插值算法对取样点进行插值...上述代码中Index表示直方图阶的索引范围,有效值[0,Bins – 1],Bins为直方图的数量,8位时为256。   ...这种平滑可以带来一定的好处,特别是对于图像变换比较平缓的区域,能够在一定程度上减弱由于增强带来的块感觉,而且这种方式推广到所有基于直方图增强技术的算法中。  ...速度上1080P的彩图大约30ms可以搞定。

1.7K92

Matlab系列记录之图像处理(结束篇)

3、二值化图 二值化,就更好理解了,在Matlab中是以一个二维矩阵进行存储,其值只能是0或者1,即只有黑白两。...imread(file,FMT); file填入图像文件的路径和文件名,只写文件名的话,就代表在当前的工作路径或者系统目录查找对应图像文件;FMT是文件的类型,如:bmp;Image就是存储图像数据的矩阵了,彩图就是三维的...imshow(I,[low,high],param1,value1,param2,value2,...) imshow(flie) I是需要显示的图像数据矩阵,二维矩阵代表的是灰度图像,三维矩阵则为彩图...所以要进行线性变换,则只需要线性改变图像的灰度值即可~ 示例 close all; clear I=imread('Lenna2.jpg');%这个是找的一个模特图 Pic=rgb2gray(I);%将彩图转灰度图...示例 close all; clear I=imread('Lenna2.jpg');%这个是找的一个模特图 Pic=rgb2gray(I);%将彩图转灰度图,灰度图才能使用直方图函数分析

1.2K20

绘制频率分布直方图的三种方法,总结的很用心!

本次案例通过生成深圳市疫情个案数据集中所有患者的年龄参数直方图。 分别使用Matplotlib、Pandas、Seaborn模块可视化Histogram。...其中,Matplotlib和Pandas样式简单,看上去吸引力不大。Seaborn可往单变量直方图上添加很多东西,更美观,pandas可成组生成直方图。...导入库/数据 import pandas as pd import seaborn as sns import matplotlib.pyplot as plt import datetime import...13)、color:设置直方图的填充。 14)、edgecolor:设置直方图边框。 15)、label:设置直方图的标签,可通过legend展示图例。...7)、hist_kws:以字典形式传递直方图的其他修饰属性,如填充、边框、宽度等。 8)、kde_kws:以字典形式传递核密度图的其他修饰属性,如线的颜色、线的类型等。

35.3K42

Python Matplotlib数据可视化 绘制箱形图、散点图和直方图

文章目录 Python中可以通过matplotlib模块的pyplot子库来完成绘图。Matplotlib可用于创建高质量的图表和图形,也可以用于绘制和可视化结果。...matplotlib是Python优秀的数据可视化第三方库,matplotlib.pyplot是绘制种类可视化图形的命令子库,相当于快捷方式 import matplotlib.pyplot as plt...本文用python对一批运动员数据进行操作,读取数据、数据预处理、matplotlib数据可视化,熟悉用python进行数据分析和可视化的基本方法,并绘制箱形图、散点图和直方图。...绘制直方图 利用直方图查看运动员的年龄(Age)分布 import pandas as pd import matplotlib.pyplot as plt import matplotlib as mpl...x:指定要绘制直方图的数据 # bins:指定直方图条形的个数 color:设置直方图的填充 edgecolor:指定直方图的边界 plt.hist(x=ages, bins=num_bin

4.3K40

OpenCV学习+常用函数记录①:图像的基本处理

图片读取和显示 读取:cv.imread(“图片路径”, “读取的方式”) 显示:cv.imshow(“窗口名称”, “图片数据”) 读取方式: 分别有如下三种: cv.IMREAD_COLOR : 以彩图的方式加载...= cv.imread("img/itheima.jpg", cv.IMREAD_GRAYSCALE) cv.imshow("dstImg", img) cv.waitKey(0) # 方式二: 以彩图的方式读取...grayImg[row, col] = 255 - value cv.imshow("gray2", grayImg) cv.imshow("src", src) cv.waitKey() 彩图反转.../img/itheima.jpg") # 将彩图转成灰度图 grayImg = cv.cvtColor(src, cv.COLOR_BGR2GRAY) height, width = src.shape...直方图:cv.calcHist(图片,通道,掩膜,数量,值的范围) 直方图均衡化:cv.equalizeHist import cv2 as cv import matplotlib.pyplot as

1.9K10

Jetpack-Compose 学习笔记(六)—— Compose 主题 Theme 一探究竟,换肤还能如此 Easy?

5.1 animateXxxAsState 看前缀就知道是为动画而生的,Xxx 是因为它有许多重载的参数方法,比如 Color、Dp、Float 等,我们这里色值的渐变就是用到的 animateColorAsState...= null ): State 第一个参数就是设置渐变的终值,一旦设置的终值改变,渐变动画就会自动触发。当动画还未结束终值又有变化时,则动画会调整动画路径到新的终值。...5.2 Color 渐变实现 从上一节可以得知,animateColorAsState方法返回的是个 State状态,我们需要这个返回值去重组更新调用了该值的 Composable 组件,所以,每种需要渐变值都需要声明一个...中的 targetValue就发生了变化,触发渐变动画,从而不断更新 ViewModel中的 primaryColorState 值,进而重组所有引用了 primaryColor值的可组合项,这时渐变效果出现...,都是一样的实现方法,就是需要在 ViewModel中定义需要的 MutableState状态对象,然后使用相应的 animateXxxAsState进行渐变动画的实现即可。

1.5K20

Android开发笔记(一百四十五)仿应用宝的垃圾清理动画

然后在垃圾清理的过程中,这三个月牙一边转,填充也一边渐变,月牙转圈动画结束之时,其内部的颜色也从深红色变成了亮绿色,效果下图所示: ?...首先对垃圾清理动画进行分解,一方面是月牙的旋转动画,另一方面是月牙填充渐变动画。...所以垃圾清理动画看起来是由这两个动画组合而成:月牙的旋转动画,以及月牙填充渐变动画。...android:valueFrom="90" android:valueTo="1080" android:valueType="floatType" /> 下面是月牙填充渐变动画的...xml描述文件中加入各个动画单位的目标,每个月牙都有旋转和颜色渐变两个动画单位,整个垃圾清理界面有三个月牙,那么总共就需要六个动画单位,于是animated-vector节点下面得补充六个target节点

80930

风格化 热力图

我们人脑的视觉中枢在处理简单图形的时候,也会更省力更轻松,这就是人喜欢卡通风格的动画片的原因。所以像热力图这种计算量较高的效果,尽可能地使用简笔风热力图。...简笔风要求使用【高对比度】的块和线条,因此我们选择【RGB配色法】。 RGB配色法使用4种对比度最高的颜色:红黄绿蓝,色温由高到低。...红黄绿蓝4中按顺序,相邻的两种颜色之间突变接壤。...首先我们要解决的问题是:温度与颜色如何映射,或者说灰度图与彩图之间如何映射?我们需要设定一个【光谱】。...之所以把蓝色设为渐变【淡出】,是因为绝大部分像素都是冷的,现实情况下,往往只有少部分地区会出现热力点,设为淡出,避免了蓝色占满整个场景。

24710

matplotlib基础绘图命令之hist

matplotlib中,hist方法用于绘制直方图,基本用法如下 plt.hist(x = np.random.normal(size=1000)) 输出结果如下 ?...hist方法常用的参数有以下几个 1. bins,控制直方图中的区间个数 2. color,指定柱子的填充 3. edgecolor, 指定柱子边框的颜色 4. density,指定柱子高度对应的信息...,有数值和频率两种选择 5. orientation,指定柱子的方向,有水平和垂直两个方向 6. histtype,绘图的类型 下面来具体看下其中几个参数的用法 1. bins bins参数控制直方图中划分的区间数...2. color color参数控制柱子的填充,用法如下 plt.hist(np.random.normal(size=1000), color='green') 输出结果如下 ?...直方图用于快速查看数据的分布,在数据分析中是常用的图表类型之一。通过matplotlib,可以快速的绘制直方图。 ·end·

1.4K10

Pandas知识点-绘制统计图

使用matplotlib可以绘制各种各样的统计图,Pandas对matplotlib中的绘图方法进行了更高层的封装,使用起来更简单方便。...用DataFrame对象绘制折线图时,有多组数据,调用plot()方法会自动绘制出条折线图,并且自动设置好图例,比matplotlib方便很多。...设置cmap参数后,会在图形右边生成一个柱状的颜色渐变图,就像下图这样。此时x轴的刻度值会被自动隐藏,将colorbar参数设置成False,可以隐藏颜色渐变图,重新显示x轴刻度值。...六、绘制直方图 使用plot链式调用hist()方法,或在plot()中设置kind为hist,都可以绘制直方图。这里要强调的是,直方图不是柱状图,两者的应用场景完全不同。...绘制直方图前,要根据数据的分布设置好适合的组距,然后根据组距计算出组数。 bins: bins参数用于设置直方图的组数,传入计算的组数。

3.5K20

来来来,给您送🕐了

linear-gradient 用于创建渐变 /* 从上到下,蓝色渐变到红色 */ linear-gradient(blue, red); /* 渐变轴为45度,从蓝色渐变到红色 */ linear-gradient...、到高度40%位置是绿色渐变开始、最后以红色结束 */ linear-gradient(0deg, blue, green 40%, red); 到现在为止实现了一个渐变背景 动画 背景动画 @keyframes...把它绑定到一个选择器,否则动画不会有任何效果。...指定至少这两个CSS3的动画属性绑定向一个选择器: 规定动画的名称 规定动画的时长 给 body::after 添加 animation: animate 5s ease-in-out infinite...径向渐变由中心点定义。 为了创建径向渐变你必须设置两个终止。 这个图更明显 我们的两个终止是透明

30820

不可思议的混合模式 background-blend-mode

background-position linear; } .pic:hover { background-position: 0 0, 0 0; } 这里有几点需要注意的: 这里使用了背景色渐变动画...,背景色的渐变动画有几种方式实现(戳这里了解更多方法),这里使用的是位移 background-position 实现上述效果使用的 background-blend-mode 不限制具体某一种混合模式...假设我们有这样一张 ICON 图,注意主是黑色,底色的白色(底色不是透明),所以符合要求的 JPG、PNG、GIF 图都可以: ?...利用 background-blend-mode: lighten 可以实现动态改变图标主的效果: ? 而且这里的具体颜色(渐变、纯色皆可),动画方向都可以可以随意控制的。...使用 mix-blend-mode 制作文字背景图 我们将上面 ICON 这个场景延伸一下,ICON 图可以延伸为任意黑色主白色底色图片,而颜色则可以是纯色、渐变色、或者是图片。

74830

不可思议的混合模式 background-blend-mode

background-position linear; } .pic:hover { background-position: 0 0, 0 0; } 这里有几点需要注意的: 这里使用了背景色渐变动画...,背景色的渐变动画有几种方式实现(戳这里了解更多方法),这里使用的是位移 background-position 实现上述效果使用的 background-blend-mode 不限制具体某一种混合模式...假设我们有这样一张 ICON 图,注意主是黑色,底色的白色(底色不是透明),所以符合要求的 JPG、PNG、GIF 图都可以: ?...利用 background-blend-mode: lighten 可以实现动态改变图标主的效果: ? 而且这里的具体颜色(渐变、纯色皆可),动画方向都可以可以随意控制的。...使用 mix-blend-mode 制作文字背景图 我们将上面 ICON 这个场景延伸一下,ICON 图可以延伸为任意黑色主白色底色图片,而颜色则可以是纯色、渐变色、或者是图片。

91450

如何设计UI?来看看这五个网站吧

这个网站是日本人写的,里面有着不下百种的“日本传统”,可以一键复制,而且切换不同的颜色时还十分的好看 (不过我觉得里面的许多都是中国传统,美名其曰是“日本的”) 相似的网站有: 1. https:...这个网站中有着许多的渐变色样式,非常适合那些不愿意自己写渐变色的朋友。 3.https://uigradients.com/ ?...这个网站也有许多的渐变色样式,不同的是,他能够支持不同的设备,有着不同的代码 ? 所以也是十分的方便,而且里面的分类是按照颜色来分,比较直观,可以更加容易查看到自己喜欢的渐变颜色。...4. https://cssfx.dev/ 这个网站中有许多CSS动画的案例,可以在使用的时候一同学习,可以说也是一举两得了。 ? ?...这个网站中有许多CSS动画的案例,可以在使用的时候一同学习,可以说也是一举两得了。 5.http://flatuicolors.com/ ?

80620
领券