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

苹果iOS 13 新设计规范全面解析

调整对比度明度辅助功能设置时,请确保在黑暗模式下内容保持清晰易读。在黑暗模式下,您应该单独测试,并一并打开“增加对比度”降低明度”来测试您内容。...例如,在浅色模式下,用RGB色(255.255.255)100%不透明度来作为背景颜色,那么在深色模式会使用RGB色(255.255.255)100%不透明作为背景颜色。...例如,交叉或重叠元素(例如网格中线条或条形)在不透明度方面看起来更好。 通常,为UI元素使用语义定义系统颜色。上下两图分别为默认颜色无障碍颜色: ? ?...使用子菜单来管理复杂性:子菜单是一个情境菜单项,显示逻辑相关命令二级菜单。 为子菜单提供描述其内容直观标题,以便人们可以预测子菜单命令而不会泄露它们。...简洁,以行动为导向标题还允许人们跳过他们在当前环境中不需要菜单

4.5K40

Flutter质感设计之底部导航

themeData.primaryColor : themeData.accentColor; } // 返回值,创建不透明度转换 return new FadeTransition( // 控制子控件不透明度动画...(_animation), // 返回给定动画,该动画接受由此对象确定值 // 子控件:创建控制子控件颜色,不透明度大小图标主题 child: new IconTheme( // 用于子控件中图标的颜色...,不透明度大小 data: new IconThemeData( // 图标的默认颜色 color: iconColor, // 图标的默认大小 size: 120.0, ), // 子控件 child...类CustomIcon创建一个容器控件,作为一个自定义图标使用。同时使用质感设计弹出菜单控件切换底部导航栏行为样式。...title: new Text('底部导航演示'), // 在标题控件后显示控件 actions: <Widget [ // 创建一个显示弹出式菜单按钮 new PopupMenuButton<

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

Adobe Photoshop,选择图像中颜色范围

标题:「Adobe国际认证」Adobe Photoshop选择图像中颜色范围 选择颜色范围 “色彩范围”命令选择现有选区或整个图像内指定颜色或色彩范围。...请参阅调整蒙版不透明度边缘。 2.从“选择”菜单中,选取了以下选项之一: 肤色选择与常见肤色类似的颜色。启用“检测人脸”,以进行更准确肤色选择。 示例颜色启用吸管工具,并从图像中选取示例颜色。...您可能已从“选择”菜单中选取一个颜色选项,例如“红色”,但此时图像不包含任何带有高饱和度红色色相。 将肤色设置存储为预设 颜色范围选择命令现在可将肤色选择存储为预设。...在“载入”窗口中,选择所需预设文件,然后单击“载入”。 文末教程彩蛋 调整蒙版不透明度边缘 使用“属性”面板可以调整选定图层或矢量蒙版不透明度。“浓度”滑块控制蒙版不透明度。...在“属性”面板中,拖动“浓度”滑块可调整蒙版不透明度。 到达 100% 浓度时,蒙版将不透明并遮挡图层下面的所有区域。随着浓度降低,蒙版下更多区域变得可见。

11.1K50

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

这些表面叠加层旨在最大程度地提高易读性,同时确保不同高程元素彼此容易被分辨。高程叠加明度范围,最低是0%,最高是16%。 ? 这是高程等级白色叠加层不透明度对比表。...A 高程为 1dp 的卡片,叠加层不透明度为5% B 高程为 6dp 浮动按钮,使用没有叠加层次要色 C 底部菜单栏,高程为 8dp,叠加层不透明度为12% 值得注意是,叠加层不应应用于使用主色次要色...在深色背景上浅色文本 当浅色文本出现在深色背景上时候(这里是白色文本置于黑色背景之上),它应该遵循下面的不透明度设置规则: 最重要内容,白色文本不透明度设置为87% 中等重要内容,白色文本不透明度为...禁用状态 所有的被禁用组件,都使用不透明度为 12% 白色用来呈现外轮廓填充色,并使用不透明度为 38% 白色来显示文本表层内容。 ?...轮廓容器:不透明度为12%白色 标签/图标:不透明度为38%白色 色彩填充容器:不透明度为12%白色 相关资源 Sticker sheet 是 Sketch for Android 这套组件一起使用

9.5K10

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

标题:「Adobe国际认证」Adobe Photoshop如何裁剪并拉直照片 裁剪是移去部分照片以打造焦点或加强构图效果过程。在 Photoshop 中使用裁剪工具裁剪并拉直照片。...裁剪选项单击“设置”(齿轮)菜单以指定其他裁剪选项。 使用经典模式如果您希望像在之前 Photoshop 版本(CS5 更高版本)中一样使用裁剪工具,请启用此选项。...自动居中预览启用此选项以便在画布中心置入预览。 显示裁剪区域启用此选项以显示裁剪区域。如果禁用此选项,则仅预览最后区域。 启用裁剪屏蔽使用裁剪屏蔽将裁剪区域与色调叠加。您可以指定颜色不透明度。...如果您启用“自动调整不透明度”,那么当您编辑裁剪边界时会降低不透明度。 删除裁剪像素禁用此选项以应用非破坏性裁剪,并在裁剪边界外部保留像素。非破坏性裁剪不会移去任何像素。...2.执行下列操作之一: 在“宽度”“高度”框中输入画布尺寸。从“宽度”“高度”框旁边弹出菜单中选择所需测量单位。 选择“相对”,然后输入要从图像的当前画布大小添加或减去数量。

2.8K10

6详解AppBar小部件

AppBar 通常显示概括本页功能模块,例如图标标题,并且通常包含按钮或其他用户交互点。...示例包括返回上一页导航箭头或打开抽屉菜单图标。 当上一条路线可用时,导航箭头会自动出现。...), Flutter AppBar 中心标题 actions actions是与 AppBar 右侧对齐小部件列表。我们通常在用作按钮应用程序中看到它们来触发下拉菜单、个人资料头像等。...工具栏高度不透明度 最后,我们有工具栏属性。工具栏包含文字,图标,按钮,其他任何公司前景,除了小部件,如ContainerImage。...要更改 AppBar 工具栏项目的高度不透明度: AppBar( toolbarHeight: 100, // default is 56 toolbarOpacity: 0.5, ), 结论

16.3K10

20种常用 Ps技术

5 加些锐化,在降低明度 ....(正底叠片,不透明度45%,角度45,距离7,扩展2%,大小10). 14 合并所有图层..... 3 新建一图层,填充白色,添加杂色,再进行动感模糊,将图层模式改为正片叠底. 4 用橡皮工具(不透明度改为15%),对高光部分擦拭....就是菜单-滤镜-纹理-颗粒,把强度对比度都调至100,颗粒类型选择垂直就可以了. 3.把那些01代码文字层背景层全都合并起来,并把前景色设置为R:100、G:255、B:0左右绿色,背景色设置为黑色...”,不透明度为50%,确认. 3 在通道控制面板选绿色通道,进入“图象”菜单,选“应用图象”,选中“反相”,混合模式用“正片叠底”,不透明度为20%,确认. 4 在通道控制面板选红色通道,进入“图象

2.5K10

【QT】Widget 控件核心属性

windowTitle 设置 widget 标题 windowIcon 设置 widget 图标 windowOpacity 设置 widget 透明度 cursor 鼠标悬停时显示图标形状...Qt::DefaultContextMenu:默认上下⽂菜单策略,⽤⼾可以通过⿏标右键或键盘快捷键触发上下⽂菜单 Qt::NoContextMenu:禁⽤上下⽂菜单,即使⽤⼾点击⿏标右键也不会显⽰菜单...⿏标右键或键盘快捷键触发这个菜单 Qt::CustomContextMenu:使⽤⾃定义上下⽂菜单,⽤⼾可以通过⿏标右键或键盘快捷键触发这个菜单 locale 设置语⾔国家地区....(1) 在界⾯上拖放两个按钮, 分别⽤来增加不透明度减少不透明度 (2)编写 wdiget.cpp, 编写两个按钮 slot 函数 • 点击 pushButton_sub 会减少不透明度, 也就是窗...• 点击 pushButton_add 会增加不透明度, 窗⼝会逐渐恢复 void Widget::on_pushButton_add_clicked() { float

6210

手势魅力-设置一个触摸菜单

方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意地方,如果你想获得该Demo源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了,初次翻译...现在已经完成了,下一步就是计算叠加层淡入效果 重叠计算 目标是: 当moveX = -menuWidth时,不透明度= 0 当movX = 0,不透明度= 0.5 然而,这些计算并不那么线性。...在这个计算中我追求百分比是 var newOpacity = (((maxOpacity) * percentage) / 100); 这个计算是需要,因为不透明度只有在0到0.5之间(如在变量中定义...如果0.5不透明度与100%相关,则百分比将是期望不透明度 ?...(设置限制),也就是侧边栏菜单滑动位置 重叠计算(透明度变化,也就是用小数来计算,百分比值) 动画结束(菜单栏打开关闭状态,菜单位置) 以下是本文陌生词汇(仅供参考) 1.

1.8K40

【PS算法理论探讨三】 Photoshop中图层样式之 颜色叠加渐变叠加图案叠加 算法原理初探讨。

颜色叠加:这个编辑菜单填充 颜色 基本是一个意思,相当于在原有的图层上部添加了一个纯实色虚拟图层,选项里不透明度混合模式普通概念是一个意思。...注意这里是不改变原有图层不透明度。      ...图案叠加:这个编辑菜单填充 图案 基本是一个意思,相当于在原有的图层上部添加了一个虚拟图案图层,图案图层大小原图大小一样,所以可以通过图案来平铺,里面的缩放就是指图案本身放大和缩小,选项里不透明度混合模式普通概念是一个意思...注意这里是不改变原有图层不透明度。        ...实现这个算法唯一难点在于渐变算法实现。注意这里是不改变原有图层不透明度

1.4K30

关于Adobe Photoshop调整选区介绍

标题:「Adobe国际认证」关于Adobe Photoshop调整选区介绍 您可以在“选择并遮住”工作区“属性”面板中调整选区。...为此,请调整以下设置: 视图模式设置 视图模式:从“视图”弹出菜单中,为选区选择以下几种视图模式: 洋葱皮 (O):将选区显示为动画样式洋葱皮结构 闪烁虚线 (M):将选区边框显示为闪烁虚线 叠加...透明度/不透明度:为“视图模式”设置透明度/不透明度。 调整模式 设置“边缘检测”、“调整细线”“调整边缘画笔工具”所用边缘调整方法。 颜色识别:为简单背景或对比背景选择此模式。...全局调整设置 平滑:减少选区边界中不规则区域(“山峰低谷”)以创建较平滑轮廓。 羽化:模糊选区与周围像素之间过渡效果 对比度:增大时,沿选区边框柔和边缘过渡会变得不连贯。...通常情况下,使用“智能半径”选项调整工具效果会更好。 移动边缘:使用负值向内移动柔化边缘边框,或使用正值向外移动这些边框。向内移动这些边框有助于从选区边缘移去不想要背景颜色。

2.5K60

【PS算法理论探讨一】 Photoshop中两个32位图像混合计算公式(含不透明度图层混合模式)。

这样可借助于整数除法实现结果。 场景二:仅仅改变图层混合模式 我们仅仅改变前景色图层混合模式,而不改变其不透明度。...场景三:仅仅改变图层不透明度 如下所示设置,前景层不透明度为70%。...核算一下: 对于A值,我们可以认为不透明度首先修改了改成Alpha,然后再拿这个新Alpha底层Alpha进行正常混合。...场景四:同时改变图层混合模式不透明度 如下所示设置,同时设置混合模式为正片叠底,不透明度为70%。...可以看到,A值混合模式没啥关系,之和不透明度有关,直接用只改变不透明度公式: 那么RGB变化,从前面的几个公式中可以猜测肯定是先下面这个式子了: 测试下:

1.7K20

APP性能测试—过度绘制

XCode 9之后版本则直接需要在Xcode菜单中运行项目时进行调试,如下图所示: ? 开启之后在设备上就可以看到图层混合情况: ? 红色:存在混合图层。 绿色:没有使用混合。...但是,这样做会导致过度绘制,从而降低性能,特别是在每个堆叠视图对象都是不透情况下,这需要将可见不可见像素都绘制到屏幕上。...降低明度 在屏幕上渲染透明像素,即所谓明度渲染,是导致过度绘制重要因素。...在普通过度绘制中,系统会在已绘制现有像素上绘制不透像素,从而将其完全遮盖,与此不同是,透明对象需要先绘制现有的像素,以便达到正确混合效果。...诸如透明动画、淡出阴影之类视觉效果都会涉及某种透明度,因此有可能导致严重过度绘制。您可以通过减少要渲染透明对象数量,来改善这些情况下过度绘制。

3K21

【ps练习】图层样式混合模式

一、混合模式(27个) 1.使用要求:必须两个或两个以上图层才能进行混合 2.混合模式分组: A.组合模式:需要降低图层不透明度才能产生作用 B.加深混合组:可以使图像变暗,将下方图层中亮色被上方较暗像素替代...F.色彩混合组:将色彩色相、饱和度亮度,替换给下方图层 3.重要混合模式选项(4个) ①加深混合组:正片叠底(去白留黑) ②减淡混合组:滤色(去黑留白) ③比较混合组:叠加,使你颜色跟下方图层进行有机叠加...,同时修改下方图层本身亮度明暗程度,比较柔和效果 柔光,效果更好,画面更融合 二、图层样式 1.添加图层样式: ①双击图层缩览图后方,弹出对话框 ②点击图层面板下方fx按钮,添加图层样式 ③...图层菜单中选择 ④在画布区域右击弹出混合选项选择(移动工具、抓手工具、放大镜工具不可) 2.复制图层样式:按住alt键点击图层样式fx进行拖拽到需要复制图层 或在图层上右击鼠标选择拷贝图层样式在需要复制图层上右击选择粘贴图层样式...3.填充:可以将颜色降低明度,图层样式不变

1.5K30

VSDX Annotator for mac,Visio 绘图注释工具

文件(添加文本、形状、图形图片其他功能) • 保存修改后 .vsdx具有相同扩展名 文件 • 将 Visio 文件转换为 PDF 格式 • 通过电子邮件发送 PDF 文件或使用菜单栏打印  查看选项...、不透明度等) • 使用格式化表格文本(字体、颜色、样式、文本下标、上标、框架表格) 查看对象 • 查看页面边界之外对象、文档指南、原始尺寸单位 • 预览带有图层切换隐藏层可见性* • 查看带有嵌入式...OLE 对象、元文件 - EMF WMF 文档** • 预览对象形状数据、超链接、指南和注释 • 启用形状数据、超链接、参考线注释以预览分配数据 编辑选项 • 在 Visio 绘图中插入标题...、注释、评论任何文本 • 插入注意、关键问题形状 • 插入图形图像(jpg、jpeg、png、tiff 其他格式) • 插入预定义箭头(蓝色、红色虚线) • 插入形状(线、箭头、正方形、圆形其他形式...VDSX 格式 • 共享带注释 VSDX 绘图并继续在 MS Visio 上编辑它们  转换共享选项 • 将绘图转换为 PDF • 将带注释绘图保存为 Adobe PDF • 打印共享您绘图

1.2K20

PDF Plus for Mac(PDF处理工具)

:文字(这是会在您PDF文件上加水印文字)文字颜色(更改文字颜色)字体类型(从20种精选字体中选择)字体大小(更改文本字体大小)不透明度(使文本更不透明或透明)旋转(以一定角度旋转文本)阴影(通过添加阴影效果使文本更加可见...:图片(您可以在Mac上选择任何JPG,PNG,TIFF,GIF或BMP图片)缩放(根据需要更改所选图像缩放比例)不透明度(使图像更不透明或透明)旋转(以一定角度旋转图像)质量(增加或降低图像质量)位置...(您可以在以下位置中选择:左下,右下,左上,右上居中)X偏移(用于图像精确水平定位)Y偏移(用于图像精确垂直位置)-选择要加水印页面/或页面间隔-为加水印PDF文件赋予有意义名称-将水印...GIFTIFF图像格式调整图像大小并更改其DPI打印尺寸为图像命名将生成图像保存在您选择文件夹中以批处理模式编辑PDF属性添加/删除PDF文档更改PDF文档以下属性:标题,作者,主题,关键字使用...[Original][FileName]之类标记可以更好地处理一批PDF文档在更新PDF文档之前,先预览它们原始属性输出属性软件下载地址:PDF Plus for Mac(PDF处理工具) 1.4.0

2K30

专业图像处理工具:Pixelmator Pro Mac下载

Pixelmator Pro图像处理工具:图片新增功能-使用方便颜色标签轻松对图层进行颜色编码,使重要对象更容易被发现或为高级插图设计带来一些额外组织-通过图层过滤搜索,找到您正在寻找图层比以往更简单...-根据图层类型(图像,文本,形状组),颜色标记或两者过滤图层。-在图层边栏中快速调整图层不透明度混合模式。-使用剪切蒙版将一个图层内容剪切到另一个“偶数图层组”或“嵌套图形”轮廓!...-通过“图层”侧边栏中快捷菜单添加剪贴蒙版,通过在两个图层之间按住Option键单击,或从“格式”菜单中添加剪贴蒙版。-双击图层侧边栏中箭头,释放剪贴蒙版。...过滤搜索通过过滤搜索,找到您正在寻找图层比以往更容易。剪裁面具剪切蒙版可让您毫不费力地将一个图层内容剪切为另一个图层形状,即偶数图层组嵌套图形!...快速不透混合您现在可以在图层边栏中更改图层不透明度设置混合模式。

76730

VSDX Annotator for mac(Visio绘图工具)

、图形图片其他功能)• 保存修改后 .vsdx具有相同扩展名文件 • 将 Visio 文件转换为 PDF 格式• 通过电子邮件发送 PDF 文件或使用菜单栏打印 查看选项• 打开预览任何 MS...Visio 绘图 VSD/VDX/VSDX 文件格式• 导航多页文档,滚动缩放它们• 预览带有背景、隐藏对象文档• 查看格式化对象(线条、箭头、填充类型、颜色、渐变、不透明度等)• 使用格式化表格文本...(字体、颜色、样式、文本下标、上标、框架表格)查看对象 • 查看页面边界之外对象、文档指南、原始尺寸单位• 预览带有图层切换隐藏层可见性*• 查看带有嵌入式 OLE 对象、元文件 - EMF ...WMF 文档**• 预览对象形状数据、超链接、指南和注释• 启用形状数据、超链接、参考线注释以预览分配数据编辑选项• 在 Visio 绘图中插入标题、注释、评论任何文本• 插入注意、关键问题形状...MS Visio 上编辑它们 转换共享选项• 将绘图转换为 PDF• 将带注释绘图保存为 Adobe PDF• 打印共享您绘图忘记不方便在线程序或昂贵软件解决方案。

1.7K20

Bootstrap 4首个维护版发布 新增多项功能

值得注意是,自 Bootstrap 4 发布以来,文档地址采用了版本化设置方式,这意味着每发布一个新次要版本都会带来一个新文档地址。...增加了新 .flex-fill,.flex-grow- * .flex-shrink- * 实用程序 为表格添加了新 .table-borderless 变体 增加了新 .text-monospace...工具 添加了新 .text-body(默认主体颜色),.text-black-50(50%不透明度黑色).text-white-50(50%不透明度白色)实用程序 添加了新 .shadow- *...工具,用于快速添加阴影框 增加了在下拉菜单中禁用 Popper 定位功能 更新我们 Theming 文档以确认您不能在媒体查询中使用 CSS 变量 修复了为卡片错误地渲染 CSS 列问题 已弃用....text-hide,在编译期间您会看到一条警告 修复了 Firefox IE 浏览器中 Dashboard Offcanvas 示例 Breadcrumbs 现在可以使用非字符串值作为分隔符

67420
领券