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

纯干货!谷歌MD深色主题设计规范详解(附Sketch官方文件下载)

这些表面叠加层旨在最大程度地提高易读性,同时确保不同高程元素彼此容易被分辨。高程叠加明度范围,最低是0%,最高是16%。 ? 这是高程等级和白色叠加层不透明度对比表。...A 高程 1dp 的卡片,叠加层不透明度5% B 高程 6dp 浮动按钮,使用没有叠加层次要色 C 底部菜单栏,高程 8dp,叠加层不透明度12% 值得注意是,叠加层不应应用于使用主色和次要色...想要创建带有品牌调性深色主题,也请在推荐深色主题基准色(#121212)基础上,以低不透明度叠加层,来增加品牌调性。...避免在深色主题顶部菜单栏中使用主色,因为它们在深色主题下会导致炫光。 品牌色 范例:Owl Owl 是一个教育类APP,想要探索和学习新技能的人提供课程。相关实例戳这里。...轮廓容器:不透明度12%白色 标签/图标:不透明度38%白色 色彩填充容器:不透明度12%白色 相关资源 Sticker sheet 是和 Sketch for Android 这套组件一起使用

9.5K10

Figma技巧超全合集!40+隐藏技能!快收藏!(第一辑)

需要注意:Windows 中 Cmd Ctrl,Option Alt 01.按住CMD裁剪图像 您可以通过单击 Cmd 按钮来裁剪图像。...04.CMD后按数字键(改变不透明度) 选择一个元素并单击 cmd 按钮后,您可以通过单击 1 和 9 之间按钮来更改不透明度。(键 1 10%,键 9 90%)。你可能知道这一点。...但除此之外;如果快速按 0 两次,不透明度将为 0%。或者,如果您快速按下两个键,它将采用这些键值(例如,8 和 9 提供 89% 不透明度。)...但是您可以使用此组合键添加更详细(带有解释)版本历史记录。 19.对齐快捷键 您可以从右侧面板对齐元素。但是养成使用键盘快捷键习惯会加快你速度。Option + A:左对齐。...Option + W:顶部对齐 Option + S:底部对齐 Option + Control + T:整理 Option + Control + V:分布垂直间距 Option + Control

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

使用Python给图片添加水印

2.alpha通道255表示不透明;而alpha值0表示完全透明。 Pillow库使JPG文件转换为PNG格式变得非常容易。...我们可以使用putalpha()方法将alpha通道(即第四个整数)添加到JPG图像。注意,参数内部范围可以是0到255。值0表示完全透明,即我们不会看到任何东西;255表示不透明。...为了找到所有白色像素,可以创建一个掩码,其中白色像素=True,否则为False。下面的代码检查图像每个像素所有R、G和B值是否等于255。...注意,transparent_watermark[:,:,0]仅返回所有1100×1100像素一个元素(即“R”整数值)数组。 然后,我们满足标准像素赋新值[255,255,255,0]。...我们首先将水印图像大小调整基础图像1/5,当然也可以使用另一种适合你需要大小。 图6 然后,将创建一个与基础图像大小相同空“画布”,并将此画布设置处处透明。

2.2K30

本科生新算法打败NeRF,不用神经网络照片也能动起来,提速100倍|开源

但最近,来自伯克利大学研究人员提出了一个叫做Plenoxels方法。 不需要神经网络,仅仅通过梯度下降和正则化便实现了同样效果,而且速度还快了100倍! 那么他们是如何做到这点呢?...σi代表不透明度,ci代表颜色,δi代表距离。Ti代表有多少光经过射线上点i,是通过密度和距离计算。 这个体积渲染方程其实就是将射线上每个点颜色,不透明度,光,还有距离进行了一个整合处理。...体积渲染方程介绍过了,那么不需要神经网络Plenoxels是如何表示图片呢? Plenoxels首先重建了一个稀疏体素表格,每个被占用体素都带有不透明度和球谐系数。...相机射线经过每个点颜色和不透明度,就是通过其最近处8个体素三线性插值计算。 接着与NeRF一样,使用体积渲染技术将得到颜色与不透明度进行3D渲染。...提速100倍,仅需11分钟 我们用最直观方法对比一下两个模型速度上差距。 看到了吗,只用几秒Plenoxels就可以达到一个比较清晰效果,而NeRF只有一个模糊影子。

1.4K30

python图像处理-个性化头像

前言 很多时候我们都想要一个专属头像表现,除了图像内容外不同,形状不一样,下面我就来说说如何使用python来实现个性化头像。...我们处理过程其实就是将原来图片变成RGBA格式,RGB是红绿蓝三种颜色,这里A就是透明通道意思,A取值范围是从0-255之间变化,当A设置0时,完全透明,255时完全不透明。...下面蓝色圆形,可以看到透明度越高,自身颜色就变淡了,底部文字就看更清楚了,如果100%透明,圆形就会消失不存在了。 ?...这里putalpha正常里面是放入一个0-255数字,表示要将这整张图片设置明度多少,这是方式对于整张图片都更改透明度非常方便,但是对于更改局部或者特定形状部分明度就不行了;这里使用另外一种方式...上面的效果并不是我们想要,paste除了上面两个参数,还有第三个参数蒙版图像,这里要注意蒙版图像和putalpha图像有所区别,中间是黑色,边缘是白色;因为蒙版运行原理是,灰度图黑色时数值是0,表示透明度就是完全透明意思

1.1K10

如何为应用选择最合适图像格式

JPEG JEPG由联合图像专家小组(Joint Photographic Experts Group)于1992年创建,并以创建者命名。...因为 JPEG 压缩在亮度和色彩上面的优越性,所以 JPEG 非常适合用于照片、色彩梯度明显图像比如渐变和阴影这些地方。...PNG 8透明度 从上面那个图里可以看出 PNG 8 是支持这三种不透明格式。但是 Photoshop 只支持导出不透明和索引透明格式。...PNG 32 图片透明区域在 IE 6 下将不再透明,而是颜色值 f0f0f0 灰色填充,在更高级版本 IE 下是正常。PNG 32 图片不会有锯齿。...对比100%质量 JPG、55%质量 JPG、PNG 24 和 PNG 32,肉眼上看他们图像表现效果都差不多,但是各自所占用存储空间却是差得有些离谱。

1.1K30

UWP Brush画笔详解

,A不透明度,255完全不透明,0完全透明 你也可以使用Windows.UI.Colors类根据名称直接获取颜色 Color color1 = new Color() { A = 255, R =...如果终点坐标大于1,则部分图像会被绘制到窗口外面,因此终点坐标通常小于等于1 修改渐变向量可以达到修改渐变方向效果 其中无效区并不是说不会被绘制,而是不会出现渐变效果,它颜色会分别和渐变向量在起点和终点处颜色相同...Color梯度颜色,Offset梯度点相对于渐变向量偏移,0表示起点,1表示终点,0.5表示中点。...,隐约看见下面的控件 如果以应用窗口作为采样源,那么你可以透过该控件,隐约看到桌面壁纸 修改覆盖层颜色和不透明度来达到更美观效果 //不透明度0.5 brush.TintOpacity = 0.5...; //覆盖层颜色 brush.TintColor = Color.FromArgb(255, 64, 158, 254); 注意: 覆盖层颜色不透明度和覆盖层不透明度只需要设置一个,如果两个都是半透明

83020

《Motion Design for iOS》(七)

如果你想要让一个物体在屏幕上移动,你只需要操纵它位置。将一个向屏幕下方移动意味着你在增加其Y坐标,因为(X:0, Y:0)在iOS app中表示屏幕左上角。...如果你想要将一个物体从屏幕底部移动到中央,你首先需要将Y坐标设为比屏幕垂直分辨率大(道屏幕底部),然后将Y坐标动画移动到一个较小数值来放置在屏幕中央。...将一个界面元素从100%不透明改成透明一些意味着你在调整它明度,或者alpha值。动画改编一个物体明度可能是最常见属性,这可以在与背景混合到100%不透明地显露在前端之间做一个很好过渡。...一般你会看到透明度动画和其他属性动画同时出现,比如说,将一些东西从屏幕底部移动到屏幕上(位置),同时将其透明度从0.0(透明)动画变成1.0(不透明)。 比例。...现在我们已经描述了在设计动画是经常用到三个属性,让我们回到之前我展示动画例子并精确地拆分它们哪里用了位置、透明度和比例动画来创建它们视觉效果。

36520

谷歌华人研究员发布MobileNeRF,渲染3D模型速度提升10倍

NeRF进入移动时代 给定一个经过校准图像集合,NeRF目标就是找到一个高效新视图合成(novel-view synthesis)表征,包括一个多边形网格(polygonal mesh),其纹理图存储了特征和不透明度...在渲染时,给定一个摄像机姿势,MobileNeRF采用两阶段延迟渲染过程: 渲染阶段1:将网格栅格化为屏幕空间,并构建一个特征图像,即在GPU内存中创建一个延迟渲染缓冲区。...训练一个类似于NeRF连续不透明度模型,其中体积渲染正交点来自于多边形mesh 在不损失一般性情况下,研究人员描述了合成360度场景中使用多边形网格,首先在单位立方体中以原点中心定义一个大小...需要注意是,其梯度是透明地通过离散化操作,不考虑平滑透明度和离散透明度值。为了稳定训练,研究人员选择对连续和离散模型进行联合训练。...训练阶段3:提取一个稀疏多边形网格,将不透明度和特征烘焙成纹理图,并存储神经递延着色器权重。

96930

Google Earth Engine (GEE) ——Earth Engine Explorer (EE Explorer)使用最全解析(8000字长文)

您应该会看到植被颜色从绿色变为红色戏剧性变化。 对比度、亮度和不透明度 数据范围 可以使用范围(最小值和最大值)和伽玛参数调整图像对比度和亮度。...不透明度 不透明是缺乏透明度条件。它等级从 0 到 1,其中 0 是透明,1 是不透。它有助于保持顶层数据层某些可见性,同时还显示来自底层信息。...在下面的示例中,不透明度已设置 0.6,它隐约地显示了底层 Google Maps 地形图层。...通过此数据视图,可以确定哪些州在图像给定时间段内(在本例中 5 月 23 日)具有最大植被响应。 请注意,设置数据范围、伽玛和不透明度适用于三波段和单波段显示。...使用图层设置,将顶部设置:2011 年 8 月 13 日 - 2011 年 9 月 14 日,将底部设置:1986 年 8 月 13 日 - 1986 年 9 月 14 日。

19510

如何在 Flutter 中设置背景图像【Flutter专题16】

以下示例包括如何设置Fit 模式、透明度以及在显示键盘时防止图像变化。 设置背景图像使用 DecorationImage 您可能已经熟悉Container小部件。.../不透明度 要设置背景图像明度不透明度,您可以传递colorFilter参数。...在下面的示例中,我们创建了ColorFilter不透明度 0.2 。混合模式设置dstATop,将目标图像(透明滤镜)合成到源图像(背景图像)重叠位置。...正如您在上面的输出中看到那样,当显示键盘时,部分内容是不可见。一种可能解决方法是将 Scaffold 包裹在带有背景图像 Container 中。...对于图像源,您需要创建一个DecorationImage并将其传递给Decoration. 还可以定义图像如何刻入可用空间并设置图像不透明度

11.1K21

【Android 应用开发】Xfermod 图形组合 之 SRC 类 合成模式 ( SRC | SRC_ATOP | 详细解析官方给出明度和颜色值计算公式 )

, 左下角蓝色正方向是源图像 ( 后绘制 ) ; ② 合成结果 : 只绘制 源图像 ; 5.合成模式对应代码 : // 1.创建画笔 Paint paint = new Paint...合成计算过程 ( 按照区域 和 公式 分析透明度和颜色值 ) : S 区域 ( 源图像不透明区域 ) : 该区域明度 与 颜色值 与 源图像一样 ; ① 透明度计算 : 根据公式 \alpha...( 源图像素 透明区域 ) : S 区域补集 ; 该区域明度 与 颜色值 与 源图像一样 ; ① 透明度计算 : 根据公式 , 该区域中 源图 透明度 \alpha_{src} ...0 ; ② 颜色值计算 : 根据公式 , 该区域中 源图 颜色 C_{src} 0 ; 上面两个区域 计算公式是一样 ; 透明度 : \alpha_{out} = \alpha_...) ; ② 合成结果 : 绘制 目标图像 不透明部分 , 源图像与目标图像相交部分 绘制源图像 ; 5.合成模式对应代码 : // 1.创建画笔 Paint paint = new

2.9K10

检测、量化、追踪新冠病毒,基于深度学习自动CT图像分析有多靠谱?

在每种情况下,该软件都会检测单个不透焦点,并显示检测到不透明度图像及其分割结果。最后,会自动生成并提供病变特征列表。...为了克服数量有限情况,本文采用了数据增强技术(图像旋转,水平翻转和裁剪)。在后续异常检测步骤中,给定一个新切片,将其分类阳性,本文提取了“网络激活图”,该图对应于最有助于网络决策区域。...图2(B)显示了四个分类异常COVID-19切片示例结果。顶部是CT图像底部是相应彩色地图。红色表示网络权重最大,而蓝色表示最弱。...在图3中,我们看到了一个冠状病毒病例,并且所提出系统合并输出结果图也是如此。我们可以看到绿色结节性和局灶弥漫性不透明度检测,红色则是较大不透明度检测。...除了可视化之外,系统还会自动提取多个感兴趣输出,包括每个切片不透明度(2D)定位以及整个肺部不透明度3D体积表示。 本文还提出了Corona评分,该评分是对不透明部分体积度量。

73320

jquery nicescroll 配置参数

配置参数 当调用“niceScroll”你可以传递一些参数来定制视觉方面: cursorcolor - 十六进制改变光标颜色,默认值是“#000000” cursoropacitymin - 改变不透明度非常光标处于非活动状态...(scrollabar“隐藏”状态),范围从1到0, 默认为0(隐藏) cursoropacitymax - 改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0,默...认值是1(完全不透明) cursorwidth - 像素光标的宽度,默认值5(你可以写“加入5px”太) cursorborder - 游标边框css定义,默认为“1px固体#FFF” cursorborderradius...- 以像素光标边界半径,默认为​​“递四方” zIndex - 改变z-index值滚动条div,默认值是9999 scrollspeed - 滚动速度,默认值60 mousescrollstep...,空格键已经按下滚动(默认:true) railpadding,设置填充铁路吧(默认值:{顶:0,右:0,左:0,下:0}) disableoutline,对于chrome浏览器,停用大纲(橙色hightlight

4.1K80

关于前端photoshop初探学习笔记

利用该工具,与图像颜色有较大区别的色彩,他建立一个标号,只要在没有建立标号元素上进行统计即可。。单击清除可以将所有标记清除掉。。 污点修复 常用于美容,创建文理,内容识别。与周围进行融合。...瞳孔大小100%。可以看到瞳孔收缩到中心位置。变暗亮。将眼睛明暗进行调整 。 画笔工具 改变大小和硬度。使用鼠标涂抹出来效果。 模式 。不透明度。流量选项。...流量调整shift+70就是70%流量。可以通过笔尖压力大小来控制笔画不透明度。。 喷枪选项 与流量来配合进行绘画。。一个地方进行停顿。 不透明度是颜料不透明度。流量是从喷枪中流出来速度。...叠加位置不出现特别之处。不透明度与流量区别。 特殊画笔。毛刷各种各样画笔形态。直立绘图笔。。 画笔散布工具 。分散处理。笔尖在一个一个点点出来效果。数量抖动有浓有疏。...镜像渐变、、、 不透明度100%。完全渐变效果。 仿色,仿制条带现象产生。 中间部分。。。 海绵工具 改变图像饱和度工具。。。局部色彩更加饱和方法。。

2.2K60

如何使虚拟现实体验更加真实?(下)

同样,这种透明度和颜色混合问题也可能在虚拟人展示上产生负面的感知效果,正如我们在下图中看到那样,一个黑人可视化虚拟人可能会显示半透明,而在相同照明条件下,一个白人虚拟人将显示不透明。...我们要求这些参与者查看屏幕右侧这些图像,并根据几个不同关键字和短语对这些图像中的人进行评分。在这些关键词和短语中,我们对其中六个使用主成分分析,这似乎是衡量人性一个很好衡量标准。...对于(a)和(b),列表示(从左到右)35%不透明度,68%不透明度100%不透明度,和100%不透明度颜色校正。...结果表明,至少在我们测试环境中特定条件下,35% 不透明度和附加层混合产生图像在全息透镜和平板之间最匹配。 对于我们结果,我们首先能够验证我们对感知人性衡量。...我们测试了不透明度是否会对这些图像中人们感知的人性产生影响。我们之所以选择人性作为我们结果衡量标准,是因为现有大量文献表明人性在虚拟技术中重要性。

1.3K20

前端特效开发 | JS实现聚光灯看图效果

2.2 功能逻辑分析 首先动态获取了当前每张图片大小,并设定一个明度变量; 然后借助JQhover()方法,实现鼠标移入移出图片展示; 最后当用户鼠标移开了无序列表时,还原当前图片不透明状态...针对如上说法,特地在CSS样式中封装了一个叫做active类名,其中主要设置是鼠标移入后会展示状态,所以在书写上只需要借助添加或者移除类名即可操作。.... $('.spotlight ul li').hover(function(){ //...找到它里面的图像,并添加活动类,并更改不透明度1(无透明度) $(this).find('...img').addClass('active').css({ 'opacity' : 1 }); // 获取其他列表项,并更改其中图像不透明度我们在Spotlight...' : 1 }); // 获取其他列表项,并更改其中图像不透明度我们在Spotlight对象中设置一个 $(this).siblings

4.3K50

「Adobe国际认证」Adobe Photoshop,如何裁剪并拉直照片?

显示裁剪区域启用此选项以显示裁剪区域。如果禁用此选项,则仅预览最后区域。 启用裁剪屏蔽使用裁剪屏蔽将裁剪区域与色调叠加。您可以指定颜色和不透明度。...如果您启用“自动调整不透明度”,那么当您编辑裁剪边界时会降低不透明度。 删除裁剪像素禁用此选项以应用非破坏性裁剪,并在裁剪边界外部保留像素。非破坏性裁剪不会移去任何像素。...当处理包含梯形扭曲图像时使用透视裁剪工具。当从一定角度而不是以平直视角拍摄对象时,会发生石印扭曲。例如,如果从地面拍摄高楼照片,则楼房顶部边缘看起来比底部边缘要更近一些。...增大画布大小会在现有图像周围添加空间。减小图像画布大小会裁剪到图像中。如果增大带有透明背景图像画布大小,则添加画布是透明。如果图像没有透明背景,则添加画布颜色将由几个选项决定。...选择“相对”,然后输入要从图像的当前画布大小添加或减去数量。输入一个正数将为画布添加一部分,而输入一个负数将从画布中减去一部分。 3.对于“定位”,单击某个方块以指示现有图像在新画布上位置。

2.8K10
领券