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

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

注意 OLED 屏幕上,打开和关闭像素发光会导致屏幕滚动出现延迟,导致像素模糊。 主题配色 色彩文本的易读性中起到了重要的作用。...深色背景上的浅色文本 当浅色文本出现在深色背景上的时候(这里是白色文本置于黑色背景之上),它应该遵循下面的不透明度设置规则: 最重要的内容,白色文本不透明度设置为87% 中等重要的内容,白色文本不透明度为...60% 被禁用文本内容,白色文本不透明度为38% ?...不同的状态下,叠加层的不透明度的状态各不相同,正常状态下是未叠加,其他状态下的叠加透明度则从4%到12%不等。 ? 底部容器使用半透明主色的时候,被启用、悬停、长按、按下和拖动的不同状态。 ?...禁用状态 所有的被禁用的组件,都使用不透明度为 12% 的白色用来呈现外轮廓和填充色,并使用不透明度为 38% 的白色来显示文本和表层的内容。 ?

9.5K10

PDF Plus for Mac(PDF处理工具)

PDF文档中添加文本水印,您可以为自定义以下内容:文字(这是会在您的PDF文件上加水印的文字)文字颜色(更改文字颜色)字体类型(从20种精选字体中选择)字体大小(更改文本的字体大小)不透明度(使文本不透明或透明...)旋转(以一定角度旋转文本)阴影(通过添加阴影效果使文本更加可见)笔触(通过添加笔触效果使文本更清晰可见)位置(您可以以下位置中选择:左下,右下,左上,右上和居中)X偏移(用于文本的精确水平定位)Y偏移...(用于文本的精确垂直位置)将图像水印添加到PDF文档中,您可以为自定义以下内容:图片(您可以Mac上选择任何JPG,PNG,TIFF,GIF或BMP图片)缩放(根据需要更改所选图像的缩放比例)不透明度...(使图像更不透明或透明)旋转(以一定角度旋转图像)质量(增加或降低图像质量)位置(您可以以下位置中选择:左下,右下,左上,右上和居中)X偏移(用于图像的精确水平定位)Y偏移(用于图像的精确垂直位置)-...JPG,JPEG,JPE,JP2和JPX格式的图像质量多页支持GIF和TIFF图像格式调整图像大小并更改DPI和打印尺寸为图像命名将生成的图像保存在您选择的文件夹中以批处理模式编辑PDF属性添加/删除

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

重磅!iOS应用黑暗模式设计终极指南(附套件下载)

对于那些社交媒体上关注我的人,您可能知道我是“黑暗模式”的忠实粉丝。使用iOS 13后,人们可以选择采用深色系统外观。这意味着打开黑暗模式,iPhone上的所有应用程序都将具有黑暗外观。...亮色模式下,颜色为纯白色#FFFFFF。但是黑暗模式下,颜色是纯黑色#000000。 实现此效果要对进行单独编码开发。这基本上意味着您需要为屏幕上的每个元素分配2种颜色。是的!每个元素!...一个是不透明的,另一个是透明的。 ? 你随意使用它们之一。最好使用不透明的分隔线。但是没有硬性规定。 ? 07 标签颜色 标签颜色用于文本,并且基于视觉层次有4种颜色。...第三级标签颜色用于占位符文本,例如搜索栏。四分之一标签颜色用于禁用文本。但是,会有一些偏差。如果您查看UIKit,会发现搜索栏占位符文本使用“第二”标签颜色,而不是“第三”标签颜色。...由于透明度值非常高(94%),您可能看不到条形内容的模糊。但这会产生非常微妙的效果。 那么,这些元素必须是材质吗?我可以使它们完全不透明,且不透明度为100%吗? 当然,让我们看一个例子。 ?

3.2K10

基础渲染系列(十一)——透明度

显示弹出窗口,如果用户对进行了更改,请再次设置关键字。 ? 与标准着色器一样,我们将在UI顶部显示渲染模式。 ? ? (选择渲染模式) 现在,我们可以完全不透明和抠图渲染之间切换。...DoRenderingMode内部检测到更改时,请确定正确的渲染队列。然后,遍历所选材质并更新队列替代。 ? 1.6 渲染模式tag 另一个细节是RenderType标签。...在这些情况下,更改视角绘制顺序可能会突然翻转。这可能会导致重叠的半透明对象的外观突然改变。 暂时还没有办法克服此限制,尤其是考虑相交几何时。但是,它通常并不明显。...因此,使用Fade渲染模式,必须禁用对深度缓冲区的写入。 2.5 控制 ZWrite 像混合模式一样,我们可以使用属性来控制ZWrite模式。需要使用属性基本pass中显式设置此模式。...因此,无论固有的透明性如何,反射性越强,穿过它的光线越少。 为了表示这一点,我们必须在GPU执行混合之前但在更改反照率之后调整alpha值。如果表面没有反射,则alpha不变。

3.6K20

Windows Terminal完整指南

终端会自动为你安装的所有 WSL 发行版和 Windows shell 生成配置文件,尽管你可以全局设置中禁用生成。...可以通过双击文本来重命名选项卡,你还可以通过右键单击标签并选择菜单选项来更改名称或颜色: ? 这只会影响当前标签页;它不会永久更改个人资料。...单击下拉菜单中的 Settings ,按住 Alt 可以将其打开。 警告:请勿更改默认文件!使用它可以查看默认设置,并在必要 settings.json 中添加或更改设置。...对于新的配置文件,可以 guidgen.com 上在线生成 GUID。 source 配置文件生成器。仅在自动添加了配置文件且不得对进行编辑使用。...backgroundImage 背景图片的完整路径,例如“ C:/images/background.png” backgroundImageOpacity 背景图像的不透明度从 0(完全透明)到 1(

8.3K50

关于Adobe Photoshop调整选区介绍

原标题:「Adobe国际认证」关于Adobe Photoshop调整选区介绍 您可以“选择并遮住”工作区的“属性”面板中调整选区。...黑底 (A):将选区置于黑色背景上 白底 (T):将选区置于白色背景上 黑白 (K):将选区显示为黑白蒙版 图层 (Y):将选区周围变成透明区域 安 F 键可以各个模式之间循环切换,按 X 键可以暂时禁用所有模式...高品质预览:渲染更改的准确预览。此选项可能会影响性能。选择此选项后,处理图像,按住鼠标左键(向下滑动)可以查看更高分辨率的预览。取消选择此选项后,即使向下滑动鼠标,也会显示更低分辨率的预览。...透明度/不透明度:为“视图模式”设置透明度/不透明度。 调整模式 设置“边缘检测”、“调整细线”和“调整边缘画笔工具”所用的边缘调整方法。 颜色识别:为简单背景或对比背景选择此模式。...调整滑块以更改净化量。默认值为 100%(最大强度)。由于此选项更改了像素颜色,因此它需要输出到新图层或文档。请保留原始图层,这样您就可以需要恢复到原始状态。

2.4K60

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

04.CMD后按数字键(改变不透明度) 选择一个元素并单击 cmd 按钮后,您可以通过单击 1 和 9 之间的按钮来更改不透明度。(键 1 为 10%,键 9 为 90%)。你可能知道这一点。...但除此之外;如果快速按 0 两次,不透明度将为 0%。或者,如果您快速按下两个键,它将采用这些键的值(例如,8 和 9 提供 89% 的不透明度。)...此外,可以不扰乱顺序/比例的情况下相互更换元件。 07.拖动+空格:如果要更改所选区域的位置,可以选择区域后使用空格键。...16.文本自动高度和自动宽度 当我们想要调整文本框的大小时,我们从右侧面板调整就可以了。特别是当我们选择复制粘贴文本,该文本将以其默认样式复制。...此时我们可以应用一个小技巧:我们可以通过双击文本框的任意边缘将文本从自动高度更改为自动宽度。 17.快速定位元素 大文件中,不少元素很难画布上找到。我们可以左侧图层面板中找到它们。

2.6K30

高级 SwiftUI 动画 — Part 1:Paths

让我们尝试举一些例子来说明: 以下示例使用隐式动画更改图像的大小和不透明度: struct Example1: View { @State private var half = false...在这里,缩放和不透明度都会更改,但只有不透明度会设置动画,因为它是 withAnimation 闭包中唯一更改的参数: struct Example2: View { @State private...当给一个视图制作动画,SwiftUI 实际上是多次重新生成该视图,并且每次都修改动画参数。这样,它就会从原点值渐渐走向最终值。 假设我们为一个视图的不透明度创建一个线性动画。...该框架将多次重新生成视图,以小幅度的增量来改变不透明度。...由于不透明度是以 Double表示的,而且Double 遵守 VectorArithmetic` 协议,SwiftUI 可以插值出所需的不透明度值。框架代码的某个地方,可能有一个类似的算法。

3.7K20

three.js 材质

下面是一些属性: .alphaTest : Float 设置运行alphaTest要使用的alpha值。如果不透明度低于此值,则不会渲染材质。默认值为0。...默认值为 null. .clipIntersection : Boolean 更改剪裁平面的行为,以便仅剪切交叉点,而不是它们的并集。默认值为 false。...绘制2D叠加,将多个事物分层在一起而不创建z-index禁用深度写入会很有用。 .flatShading : Boolean 定义材质是否使用平面着色进行渲染。默认值为false。...实例化新材质,此属性自动设置为true。 .opacity : Float 0.0 - 1.0的范围内的浮点数,表明材质的透明度。值0.0表示完全透明,1.0表示完全不透明。...如果材质的transparent属性未设置为true,则材质将保持完全不透明,此值仅影响颜色。 默认值为1.0。 .polygonOffset : Boolean 是否使用多边形偏移。

9.8K50

Flutter质感设计之底部导航

themeData.primaryColor : themeData.accentColor; } // 返回值,创建不透明度转换 return new FadeTransition( // 控制子控件不透明度的动画...(_animation), // 返回给定动画,该动画接受由此对象确定的值 // 子控件:创建控制子控件的颜色,不透明度和大小的图标主题 child: new IconTheme( // 用于子控件中图标的颜色...,不透明度和大小 data: new IconThemeData( // 图标的默认颜色 color: iconColor, // 图标的默认大小 size: 120.0, ), // 子控件 child...类的列表的值 for (NavigationIconView view in _navigationViews) // 存储不透明度转换的列表中添加transition函数的返回值 transitions.add...(view.transition(_type, context)); // 对存储不透明度转换的列表进行排序 transitions.sort((FadeTransition a, FadeTransition

3K21

Adobe After Effects视频特效制作(ae)软件winmac下载安装

这意味着用户可以随时更改他们的编辑决策,而不会影响到其他图层或片段。...用户可以时间轴上重新排列或删除任何图层或效果,并可以更改它们的长度、增加或减少它们的不透明度等,这项功能非常有助于制作动态影像发挥创造力。...强大的文本动画AE 的文本功能非常强大,可以创建各种各样的文本动画效果,制作标题和字幕尤其方便。用户可以选择不同的字体、颜色和大小,并使用关键帧来控制文本屏幕上的位置、大小、不透明度等属性。...文本动画在AE中,用户可以创建各种各样的文本动画效果,包括标题、字幕、3D文字等。使用关键帧控制文本屏幕上位置、大小、不透明度等属性。还可以将文本与粒子特效结合,制作出令人惊叹的视觉效果。...时间轴上创建一个新的图层。该图层上创建一个圆形,用来扩展Logo的范围。Logo图层上使用“放大”关键帧,使Logo从小到大扩散。Logo图层上使用“阴影”特效,添加一个黑色的下落阴影。

1K00

SwitchButton 开关按钮 的多种实现方式

android.widget.TextView ↳ android.widget.Button ↳ android.widget.CompoundButton Known Direct Subclasses CheckBox,RadioButton...确认当重写从方法,需调用父类相应方法。 参数                             who         需判断的可绘制对象(Drawable)。...android:text="" android:textOff="" android:textOn="" /> 这里的     android:textOn=""   表示:选中情况下显示的文本...注意:由于状态切换等,enabled属性改变等,是你自定义的方法内的话,你必须自己去调用invalidate();方法,去让UI判断是否有更改并做出相应的变化。...你可以进行如下操作(在学习别的人代码中得到的提示,学以致用): 先初始化透明度:255为不透明 [java] view plaincopy /** 最大透明度,就是不透明 */ private final

3K70

android开关按钮

android.widget.TextView ↳ android.widget.Button ↳ android.widget.CompoundButton Known Direct Subclasses CheckBox,RadioButton...确认当重写从方法,需调用父类相应方法。 参数                             who         需判断的可绘制对象(Drawable)。...android:text="" android:textOff="" android:textOn="" /> 这里的     android:textOn=""   表示:选中情况下显示的文本...注意:由于状态切换等,enabled属性改变等,是你自定义的方法内的话,你必须自己去调用invalidate();方法,去让UI判断是否有更改并做出相应的变化。...你可以进行如下操作(在学习别的人代码中得到的提示,学以致用): 先初始化透明度:255为不透明 /** 最大透明度,就是不透明 */ private final int MAX_ALPHA = 255

4K80

Sketch for mac中文最新(专业矢量图UI设计软件)

您现在可以覆盖符号实例中文本图层的字体大小。发生了什么变化?Anima 的 AutoLayout 插件 4.4.5 版与 Sketch 94.1 不兼容,因为它会导致崩溃。修复了什么?...修复了阻止您覆盖嵌套​​符号实例的组合形状中的文本图层的问题。修复了一些插件(包括 Abstract 和 Kitchen)无法通过 API 加载库或其他一些资产的问题。...修复了 macOS Ventura 上编辑颜色变量导致颜色选择器中的不透明度和色调滑块重叠的错误。修复了阻止组件菜单显示文本颜色覆盖的错误。...如果您的工具栏设置为显示文本标签,则修复了 macOS Ventura 上的工具栏按钮中剪裁徽章的错误。修复了重置密码或更改 2FA 设置后阻止人们使用 iPhone 应用程序的问题。图片

95630

Qt Style Sheet实践(三):QCheckBox和QRadioButton

具体参见《QT中获取选中的radioButton的两种方法》及《QT中根据ID设置radio按钮》。       如何进行样式定制呢?QRadioButton定制分成两个两个部分:选中按钮和文本。...{ # 未选中,鼠标悬停的状态 image: url(:/images/radiobutton_unchecked_hover.png); } QRadioButton::indicator...:unchecked:pressed { #未选中,按钮下按时的状态 image: url(:/images/radiobutton_unchecked_pressed.png); }...其中,Ruby复选框被设置成了禁用,而python复选框则设置为了indeterminate状态。外观上并没有太大的变化。如果要改变复选框的文本样式,也可以和上面QRadioButton一样设置。...总的来说,QRadioButton和QCheckBox的定制还是挺简单的,任务量不大,因为本身也足够简单。 效果对比 最终的效果对比下: ? ? 总结        1.

8.9K60
领券