在 Windows 中创建新的 GPG Key，你需要安装一个称为 gnupg 小工具。...下载的地址为：https://www.gnupg.org/download/ 针对 Windows ，你可以下载 Gpg4win 这个版本。...双击运行安装 下载到本地后，可以双击下载的程序进行安装。 在安装的时候，可能会询问你权限的问题。 选择语言版本 在这里选择默认的英文版本就可以了。 下一步继续 单击下一步来继续安装过程。...安装组件 选择默认的安装组件，然后下一步进行安装。 安装路径 使用默认的安装路径就可以了。 安装进程 在这里需要等一下，等待安装完成。 安装完成 单击安装完成按钮来完成安装。...然后你可以看到运行的 Kleopatra，我们是需要使用这个来创建 PGP Key 的。 https://www.ossez.com/t/windows-gpg-key/745
深灰色的前景色彩能够降低视觉疲劳，因为在深灰色表面的文字比在黑色表面的文字，有更低的对比度。（还不会出现炫光效果） ?...1.元素控件层 2.覆盖叠加层 叠加层的另外一个优势在于，它可以让人更加便捷的分辨不同组件之间的高程，并且可以更容易观察到阴影。...想要创建带有品牌调性的深色主题，也请在推荐的深色主题基准色（#121212）的基础上，以低不透明度的叠加层，来增加品牌调性。...深色主题的色彩应该足以覆盖整个深色主题的UI界面，包括： 色彩（主色、次要色以及色彩变体） 界面主体（背景和控件） 状态呈现（比如报错状态） 内容呈现（字体排版和图像） ?...在深色背景上的浅色文本 当浅色文本出现在深色背景上的时候（这里是白色文本置于黑色背景之上），它应该遵循下面的不透明度设置规则： 最重要的内容，白色文本不透明度设置为87% 中等重要的内容，白色文本的不透明度为
让文字更接近背景色才真正有助于创建层次，而不是让文字变成浅灰色 使用白色文字并降低不透明度，确实降低了对比度，但往往会导致文本看起来暗淡、失色，有时甚至是残缺的 在图像或图案上使用这种方法意味着背景会透过文字显示出来...，以创建最佳的视觉层次 # 平衡重量和对比度 与普通文字相比，粗体文字让人感觉突出的原因是粗体文字覆盖了更大的表面积--在相同的空间内， 文字使用的像素要多于背景使用的像素 # 利用对比度补偿重量 就像粗体文字一样...为您想要创建的色阶选择一个基色--中间的颜色，您的浅色和深色色调都是基于这个颜色 对于主色和强调色来说，一个好的经验法则是选择一种适合作为按钮背景的色调 # 寻找边缘 最深的色调通常用于文字，而最浅的色调可能用于元素背景的着色...3:1 # 翻转对比度 在彩色背景上使用白色文字时， 要达到 4.5:1 的对比度，颜色往往需要很深，这一点会让你大吃一惊 可以通过翻转对比度来解决这个问题，与其在深色背景上使用浅色文字， 不如在浅色背景上使用深色文字...# 添加覆盖层 在背景图片上添加半透明覆盖层 # 降低图像对比度 对整个图像进行调亮或调暗，而不仅仅是对有问题的区域进行调亮或调暗 降低对比度会改变图像整体的明暗感觉，因此一定要调整亮度来进行补偿
这意味着你用一个半透明的彩色盒子覆盖了一张图片或一个视频。它可以对一张图片添加意义、引起注意，帮助你充分利用有限的艺术手法。 今天我们来看看一系列能够给你创作带来一些灵感的色彩叠加手法。...你可能会设想到，深色叠加创建更情绪化的环境，浅色叠加与乐趣相关联，它的另一个好处是黑白色图片本身的情感，它是怎样与颜色或色调合作的？图片和颜色、信息会相处和睦吗？...上图运用了白色叠加强调了黑白图片上面的黑色文字，但是注意摄影师脸上的情绪：他正咧着嘴微笑。颜色与图片的组合似乎在邀请你使你想要与摄影师互动，甚至想雇佣他来工作。 选择高对比度图片 ? ?...尝试使用重点覆盖 ? ? 虽然前面的例子展示了如何使用大图片的颜色叠加，这不是充分利用这一手法唯一的方法。颜色叠加作为重点强调可以实现得很好。 上面的两个例子运用不同的方式有效地实现了这点。...图二使用了另一种方法，它将颜色叠加作为网页上一种悬停效果来告诉你更多项目细节。任何被红色覆盖的元素也是一个可点击的元素。
完全控制 自定义属性使我们可以完全控制选择自己的颜色和其他属性。能够对页面容器上的边框阴影进行更新，使其在使用深色模式时不太透明。索引我们需要为页面阴影创建一个新的自定义属性。...应用阴影 现在我们已经有了另一个自定义属性，接下来需要将它应用于页面上正确的元素。然后覆盖root元素中的值，以降低透明度。...让我们创建一个按钮类，并在页面中添加一个按钮。...创建按钮悬停样式 使用相同的变量，还可以创建可用于两个主题的悬停样式。为了实现这一点，当用户将鼠标悬停在按钮上并转换这些属性时，我们将反转颜色。...使用 scope 为按钮创建不同的样式和交互 我们可以利用 scope 为深色和浅色主题的按钮创建不同的样式和悬停交互。可以根据媒体查询或元素的状态修改变量的值，而不是像往常一样使用新值重复属性。
开启页面模糊效果下修改深色模式下页头页脚亮度 如果魔改了主页面，开启了模糊效果，那么在修改深色模式下主页封面和页脚就不能只靠修改/themes/sourcs/css/_mode/darkmode.styl...会覆盖掉darkmode.styl中的效果，所以在darkmode.styl中修改background的时候，只能影响到深色模式下背景图片的深度，而无法影响页头页脚 如何修改主页和文章页面的页头页脚的深度...important，也就是纯透明，不暗化； 现在被改成了自定义的；当然也可以用*var(--trans-dark)，也就是跟上面一样，用上面预设好的*/ } [data-theme="dark"]...important，也就是纯透明，不暗化； 现在被改成了自定义的；当然也可以用*var(--trans-dark)，也就是跟上面一样，用上面预设好的*/ }其中raga中的前三个值是遮罩的颜色，深色模式一般就用黑色...，第四个值代表的是遮罩的深度，取值范围为0~1，值越大深度越大，读者可以自己更改 效果： 修改前： 页头页脚过亮，看不清文字 修改后： 亮度适中
学习在图像上叠加文本的方法 在图像上添加吸引人文本方法只那么几种，这里介绍五种常规和一种额外的方法。 如果想成为一名优秀的 UI 设计师，必须学会如何以一种吸引人的方式将文本放置于图像之上。...方法二：文本覆盖整个图像 将文本放在图像上最简单的方法就是用遮罩将图片整个覆盖，如果原始图像不够暗，可以在整个图像上添加半透明的黑色图层。 下图是一个时下流行的、用半透明黑色遮罩覆盖图片的示例。 ?...如果打开发工具并删除覆盖层，将看到原始图像太亮，对比度太大，文本难以辨认。但是用黑色半透明的图层覆盖，看上去就没问题了! 这个方法用在缩略图和小的图片上同样好用。 ?...虽然黑色覆盖是最简单和最通用的，当然也有用彩色覆盖。 ? 方法三：盒模型中的文本 这种方法简单又可靠。试试把一个稍微透明的黑色长方形框里放上一些白色的文字。...对于上面的图像，你可能会觉得就是直接在图像上放置了白色的文字，其实不然，你仔细看，你会发现其实是一个由 0% 不透明度到20%不透明度渐变的矩形框。
很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。...您可能会在深色背景上找到暗文本不易辨认的地方。您可能还会发现在暗模式下启用“增加对比度”会导致暗文本和深色背景之间的视觉对比度降低。...系统只需按照不同的场景来使用这两种颜色即可。 ? 苹果设计师为我们提供了4组的语义化文字样式颜色。无论在深色或者浅色模式，都能呈现出良好的对比度。如下图所示。 ?...（静电注） 从页面下方划入这样的一个弹层，覆盖90%左右的屏幕区域，这就是模态的一种（Modal View），还有一种则是提示框（Alert）。 ? 下图是Modal View交互效果的动画展示 ?...使用分隔符对相关菜单项进行分组：创建可视分组可以帮助人们更快地扫描菜单。 例如，您可以使用分隔符对与编辑项目相关的操作进行分组，使用另一个分隔符对与共享项目相关的操作进行分组。
6、排版 选择正确的字体是移动应用程序设计中必不可少的一步。用户在浏览页面的时候不是一个字一个字的读的，而是成行的“扫描”方式来浏览。因此，使用能够正确设置重点的字体非常重要。...例如，宜家使用 AR 来展示一件家具在您家中不同位置的外观。 8、渐变和透明元素 这个UI设计趋势是关于渐变和透明度的。设计师通常在按钮和应用程序的背景上使用渐变。...glassmorphism 背后的想法是柔化明暗设计元素之间的对比。设计理念使用类似于磨砂玻璃表面的透明模糊背景。...玻璃态的主要特点： 1、透明度和背景模糊； 2、透明物体上的细光边框； 3、分层; 4、鲜艳的色彩。 9、舒适的视觉效果 舒适的视觉效果是大部分用户都喜欢的。...为了减少这种不利影响，应用程序开发人员创建了一种我们可以舒适使用的设计。 舒适视觉设计趋势的概念是为您的应用程序使用自然的色彩、舒缓的图像和简单的布局。这些技巧通常可以在冥想应用程序中找到。
您可能会发现在深色背景上深色文字难以辨认的地方。您可能还会发现，在“黑暗模式”下启用“增加对比度”会导致黑暗文本和黑暗背景之间的视觉对比度降低。...如果在浅色和深色模式下看起来都不错，请使用相同的资产。如果资产仅在一种模式下看起来很好，请修改资产或创建单独的浅色和深色资产。使用资产目录将你的资产组合成一个单独命名的图像。...文字颜色 鲜艳度可以帮助在深色背景上保持文本的良好对比度。 使用系统提供的标签颜色作为标签。初级、次级、三级和四级标签颜色会自动适应浅色模式和深色模式下的外观。 使用系统视图绘制文本字段和文本视图。...除非徽标或徽标是应用程序第一个屏幕的固定部分，否则请勿包含徽标或其他徽标元素。如果您的游戏或其他沉浸式应用在过渡到第一个屏幕之前显示纯色，则可以创建仅显示该纯色的启动屏幕。...为了在内容容器中使用，iOS 13定义了四种具有不同半透明度的材质（每种材质还包括一个深色变体）： SystemUltraThinMaterial SystemThinMaterial SystemMaterial
到现在回过头来一看，发现没有看到有什么时留下来的，保存在记忆中的知识也会逐渐的忘掉。所以，弄一个自己的博客，把学过的，学到的东西留下来，让自己看得到，也能让别人看得到。...三、设置我的博客中的板式 我的博客背景代码是参考另一个博主的博客，原博主连接：https://www.cnblogs.com/themysteryofhackers/p/11902072.html 1、...3、选择好博客皮肤是darkgreentrip后，就在“页面定制CSS”复制下面的代码进入就行了。很多地方都会有注释，可以根据自己的喜好修改参数。修改完成后点击保存即可。...把下面的代码直接复制进设置的“首页HTML代码块”中去。...0.7+Math.random()*0.3; //随机透明度 var endTop= dhight-100; //雪花停止top的位置
然后绿色 g 和蓝色 b 通道进行一样的计算。最终合成图像的透明通道始终设置为 1。 在 C# 代码中实现 多数 UI 框架对于颜色值的处理都是用一个 byte 赛表单个通道的一个像素。...你需要阅读以下两篇博客了解如何在 WPF 中按像素修改图像，然后应用上面的透明度叠加代码。...例如使用 HLSL 编写像素着色器的一个实现。 下面使用像素着色器的实现是我曾经写过的一个特效的一个小部分，我把透明度叠加的部分单独摘取出来。 在像素着色器中实现 以下是 HLSL 代码的实现。...Background 是从采样寄存器 0 取到的颜色采样，Foreground 是从采样寄存器 1 取到的颜色采样。 这里的计算中，背景是不带透明度的，而前景是带有透明度的。...，那么可以通过自己设一个透明度来模拟，传入透明度值 Alpha。
深色模式的浪潮逐渐褪去，现在只留下对它两极化的评论。 爱的人爱不释手，讨厌的人也咬牙切齿。 但不管如何，深色模式已经是移动端和网页端的设计标准，摹客的编辑界面也在9月正式上线了深色模式。...想在深色模式下突出视觉层次，需要用颜色、透明度等方式创建界面层次。 4.用颜色层级创建视觉层次 在深色模式下，即便非100%的黑色也很难看出阴影效果。 所以想突出视觉层次，就需要利用颜色层级来实现。...5.检查对比度 深色模式中的对比度很容易被忽略，根据大多数设计习惯，文字主次会通过调整颜色深度或者自重来展示，直接效果就是辅助内容用的颜色更浅，字体更轻。...这种调整往往在深色模式下会失效，过浅的文字会看不清楚，破坏可读性。所以，对对比度的敏感在深色模式下也特别重要。...需要深色模式开发的背后，通常都会有一个数字化产研团队，设计师仅是团队中的一环，其中对比度、阴影、颜色更是需要严格管理和把控的设计规范。
使用它，我们可以设置元素的内容应如何与其父元素和背景混合。在本例中是一个 img 元素。 在这里，你可以看到我使用了两张图像：一张是彩色的，另一张是黑色的，并且都有白色背景。...两个图层的颜色通过乘以它们的值来混合，从而产生更暗且更混合的外观。当从彩色图像中删除白色背景时，这非常有用，因为白色部分变得透明，显示下面的背景。虽然这会使图像有点暗。...如果我们将 box-shadow 属性添加到具有透明背景的 PNG 图像，它仍然会在图像周围显示一个背景，显示出方形外观。...box-shadow，则可以仅向 PNG 中的实际图像部分添加阴影，而不包括透明背景。...要水平翻转图像，只需使用scaleX（-1）CSS属性并使用scaleY（-1）垂直翻转图像。 要同时水平和垂直翻转图像，请使用scale(-1) 在下面的示例中，你可以看到同一张图像重复了四次。
仅使用CSS，您就可以通过边框创建一个三角形。 这是一个相当老的技巧。理想情况下，你会在一个宽度和高度都为零的元素上设置边框。所有的边框颜色都是透明的，除了那个将形成箭头的边框。...例如，要创建一个向上指的箭头，底部边框是有颜色的，而左边和右边是透明的。无需包括顶部边框。边框的宽度决定了箭头的大小。...有时，你可能会设置一个 z-index 属性让子元素的层级较低，结果却发现它隐藏在其父元素的背景之后。为了防止这种情况，你可以在父元素上创建一个新的堆叠上下文，防止子元素隐藏在其后面。...背景的变化不会干扰前景的文本，如下面的gif所示： 3.将元素居中 可能，你已经知道如何使用 display: flex; 和 display: grid; 来居中元素。...5.轻松为你的网站添加美观的加载指示器 对于开发者来说，将注意力转移到为你的网站创建一个美观的加载指示器上往往是一项乏味的任务。这种关注力更好地用于构建项目的其他重要部分，这些部分值得我们去关注。
又来到了测试网络会议的第九期培训，本期的主讲人皮卡丘，培训的是关于OCR-tesseract 使用，话不多说详情如下： 背景： APP内有许多瞬时弹窗，和一些图片，其中一个功能验证点是如何验证其文案是否正确...从上图的识别结果可以看出，没能识别出期待断言的文字，即“已加入我常买”。 如何提高识别率？...许多图像处理程序允许在一个共同的背景下对字符的边缘进行膨胀和侵蚀，从而使字符的大小（膨胀）或缩小（侵蚀）。历史文献中大量的墨水流失可以用腐蚀技术来弥补。侵蚀可以用来缩小字符的正常字形结构。...：其中x_wconf 80 就是信心值了，bbox 后面的就是其相对截图左上角的坐标了 ?...3、APP启动速度可以用安仔的工具试下效果。 4、遍历的页面及覆盖度？
任意颜色可以由三原色组成，在电子设备上，一个色彩也可以表示成 RGB 值，即红绿蓝三种颜色的比例。...Web 标准制定组织 W3C 在其 Web 内容无障碍指南（WCAG）中建议 对比一般的文本，其对比率应该不小于 4.5:1， 对于图像和界面元素来说，对比率应该不小于 3:1 要如何计算色彩对比率呢？...界面的层级与明暗关系 除了色彩对比度的关系外，还有一个更深层次的界面层级带来的问题，是通过颜色反转无法解决的。...当然，除了系统内置的这些色彩，开发者也可以根据自己的需要创建和声明新的语义色彩。...例如，深色模式其实未必适合文字的阅读，以及即使开启了深色模式，在昏暗环境中使用电子设备对视力的伤害也不容小觑。
以一个PC端的应用界面为例。 在本文中，我们在创建样式的同时，会说明我们为什么会选择特定的颜色。因为这些差别对设计师非常重要。 0.常量样式 重要的是要注意，在为明暗模式选择颜色时，颜色会略有不同。...另外，图像占位符的颜色也是恒定的，不会改变。 例如，在上图中，我们展示了该按钮在浅色和深色主题中的外观。图标，文本和计数器具有恒定的颜色。按钮的背景有变化，但其中的内容未更改。...这是因为，在黑暗模式下，背景已经完全为黑色，此时在黑色背景上使用100透明度的灰度颜色时，你的颜色会完全不可见。...为了创建这些颜色的阴影，我们将基础颜色的透明度应用于背景。例如，对于浅色版本，我们对白色应用了10％的蓝色透明度，对深色版本，我们对黑色应用了25％的蓝色透明度。...如何在亮色模式和暗色模式之间切换 设置好设计系统后，就可以轻松地将组件和模块切换为暗色模式了。为此，您将需要一个名为Appearance的插件，该插件可以在Figma社区找到。
如下图，混合色为黑色的区域均显示在结果色中， 而白色的区域消失，这就是线性加深模式的特点。 7，深色混合模式 深色混合模式依据当前图像混合色的饱和度直接覆盖基色中暗调区域的颜色。...基色中包含的亮度信息不变， 以混合色中的暗调信息所取代，从而得到结果色。深色混合模式可反映背景较亮图像中暗部信息的表现， 暗调信息亮部信息。...12，浅色混合模式 浅色混合模式依据当前图像混合色的饱和度直接覆盖基色中高光区域的颜色。基色中包含的暗调区域不变，以 混合色中的高光色调所取代，从而得到结果色。...13，叠加混合模式 叠加混合模式实际上是正片叠底模式和滤色模式的一种混合模式。该模式是将混合色与基色相互叠加， 也就是说底层图像控制着上面的图层，可以使之变亮或变暗。...该模式 通常会使图像产生色调分离的效果减小填充不透明度时，可减弱对比强度。
每一行是一个调色板， 每一列表示一个色调。你可以将鼠标移动到一个颜色上，查看其RGB值。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本的相对重要性： 对于深色背景的浅色文字，最重要的文本使用87%的透明度，次重要的文本使用54%的 透明度。...提示性文本，例如输入框、标签、被禁止的文字等使用26%的透明度。 对于浅色背景的深色文字，最重要的文本使用100%的透明度，次重要的文本使用70%的 透明度，其他文本使用30%的透明度。 3....在下面的示例中，左图的工具栏和右图的大色块，使用了indigo调色板中的色调 500的基准色；而两幅图顶端的状态栏则使用了indigo调色板中的色调700的深色： 4....样式： face 上面的示例创建了一个笑脸图标，face用来指定要显示的图标，也可以 使用其对应的数字编码： <i class="material-icons
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
