其中的调节中间影调一栏会发现右侧目的图像美白程度不断增加，于是我想到PS中有中间调的功能最有名的就是色彩平衡，打开色彩平衡功能，把色阶三个框设置为同一个正值，并且不勾选保持明度选项，则图像明显出现美白现象...注意第一： 色阶的三个调整值必须相同或者差异很小，不然输出图片会出现偏色，第二:一定选选择中间调；第三：必须不勾选保持明度选项。 ...美白其实主要使皮肤变白变亮，因此，如果能有个合适的映射表，满足使得原图在色阶上有所增强，并且在亮度两端增强的稍弱，中间稍强，则也是个不错的选择。...用Photoshop我是这样做的，打开图像，然后点通道面板，按住Ctrl+ 点击RGB通道图像，这样会得到以图像的强度为内容的选区（选区其实就是一副灰度图像），然后回到图层面板，点新建图层，再点添加图层蒙版按钮...以上测试图像均来源于互联网。
今天我分享的主题是《端云协同创新优化音视频场景用户体验》。表面看上去音视频场景、用户体验这件事，与我们这个做特效的团队不是那么沾边。那么为什么会由我来进行这个分享呢？接下来给大家分享一个我亲身经历。...之后我发现，为什么大家对美颜寄予了很高期望，是因为大家在进行抖音拍摄或者直播浏览的时候，发现画质清晰度包括色彩、亮度等都很不错。但是大家用的都是同样的音视频技术，为什么它的色彩会更好、画质会更清晰？...推理得出两个结论：一是iOS端视频软件M伪项表现不如剪映，存在色块和过锐的问题；二是Android端剪映支持2K/4K的导出，但是视频软件M不支持导致清晰度明显不如剪映。...因此清晰度是人眼第一个感官，视频的好坏程度与清晰度有着很大的关系。 第二个是位深，指的是色彩渐变的精细程度，位深的程度越大，可显示的颜色越多，渐变会更平滑自然。...首先我们做了视频超分，即在不损失画质的前提下要提升像素。比如一个1080P的视频，为了能在4K的显示屏上去看，它被拉大了。如果用传统的插值算法去进行拉伸的话，画面边缘会有很多马赛克。
色相的取值范围是 0 到 360 饱和度和亮度都是 0% 到 100% 那为什么还会有 0.3turn、150deg 这种单位呢？...红绿蓝是计算机存储颜色的方式，它喜欢这种表示法，可以直接用来显示颜色。 但是对人来说，是不是还是明暗关系、色彩饱和度更容易理解一点？...所以选色的时候都是基于色相、饱和度、亮度这些东西，但存储的时候使用 RGB，最后屏幕显示颜色也是基于 RGB的。...颜色选择器一般都是基于 HSL 来做的： 你拖动下面的色彩条的时候，调节的就是色相环的位置，色相环为 0 的时候是红色、色相环 360 的时候也是红色，正好转一圈。...我一般都是写 linear-gradient(to top, xxx,xxx)，用 0deg 也可以。看 devtools 标出的小圆圈也很直观。 然后从左到右是从白到透明的渐变。
通常情况下，色调映射将一个色彩空间的亮度分量映射到另一个色彩空间，以实现 HDR 到 SDR 内容之间的非线性映射。...在创建 HLG 到 SDR 的向下映射通道时，为了使输出的 SDR 与输入的 HLG 图像相匹配，我们的目标是保留色彩度和色调等成分，同时调整亮度以确保输出符合 BT.709 的色彩空间。...在该模型中，色彩度被降低，直到该颜色在色域范围内。图 4 显示了色彩还原过程。...对BT.709色彩空间进行去饱和处理 实验结果 从下面两张图中的结果可以看出， CAM 向下映射的色彩变化明显小于目前 BBC 目前的方法。...这种 "向下映射 "的转换试图保持两种视觉表现之间的色彩保真度，通常在一个三维查找表（LUT）中实现。
这对于数据可视化艺术来说也是一样：大小、形状、阴影和色彩——可视化中微小的细节会彻底改变信息的感知和理解方式。 在信息设计中色彩为什么如此重要？...“数据设计的第一课说的就是色彩是帮助理解数据的工具，” Maureen Stone说道，她是数据可视化企业Tableau的一位色彩专家以及研究经理，“色彩是揭示数据意义的视觉提示，所以我经常告诉设计者们他们要做的第一件事就是指出颜色代表的意义及其功能...即时你没有你自己的语言色彩算法，你也可以自己推断语义概念与颜色之间的关系，毕竟用这个是聪明的做法。 左边的图显示了在色彩空间中的标出的颜色，那些颜色相近的颜色，比如绿色和黄色，在感官上也是相似的。...他们的研究结果显示：人们为平静的条线图挑选更柔和的颜色，为欢快的条线图挑选更明亮的颜色（高色度）。与此同时，他们为消极的条线图选择深颜色。运用与数据相匹配的颜色来填充图表，能强化信息的表达。...这张信息图用黄色、黑色和白色表达世界上大量的核武器——这些消极的颜色可以与严肃的主题相匹配。
重复是指在整个PPT中，可以重复使用同一色彩，形状，字体等设计要素，增加整体的条理性与统一性。 ? 不对齐的PPT怎么可以存活在世上。...色彩搭配 ? 碰到这样的PPT，我选择狗带。 虽然我也不知道为什么，它流行于各大高校教室。 ? 一份美观的PPT，应该选取的柔和而不刺眼的颜色作为同一章节甚至整个PPT的主色调。...另外，颜色要与内容主题相契合，比如你PPT的内容是关于饿了么外卖平台，却用的是百度外卖红与美团外卖黄…… 你觉得合适吗？ 就问你合适吗？ ? 说到色彩搭配，就离不开说色轮理论。...另外在制作PPT时，还需要注意投影仪的色差问题。 投影时，PPT的颜色通常不如在显示屏上鲜亮。 比如哈叔叔在这张PPT中选用的黄色，投影出来很可能就变成了shit色。 ?...选用图片作为背景时，建议先调低图片亮度或进行模糊，以免抢了内容的风头。 同时文字尽量避免直接书写在图片上，以免影响信息阅读。 另外，可以使用取色器功能，以使整页PPT色彩统一。 字体选择 ?
为什么有些厂家(尤其是笔记本)喜欢标注自己产品的色域为72%NTSC？我想，他们是在暗示自己的产品有将近100%的sRGB色域，因为很多人误以为72%NTSC=100%sRGB。...但是厂家为什么不直接标100%sRGB或者99%sRGB呢？因为达不到！如果真的达到了，肯定就标100%或者99%sRGB了。只有达不到，才需要耍滑头去玩暗示。...厂家们长点良心吧，明明都是以sRGB模式运行的，你不标sRGB色域标个72%NTSC有什么意义？即使我真的要用NTSC色域，那这72%的覆盖率有啥用？起码也得有个95%才有意义吧。...好比我去买1升椰子水的时候你非要卖给我1升牛奶，而且还是蛋白质含量严重不达菌落数量还远高于国际标准的劣质奶，你当我是傻子吗？ 插入一条 为什么说广色域没那么好？ 1....但是同一台支持硬件校色的显示器在AMD显卡和Nvidia显卡中的表现也是不同的，这大概是由于两家显卡显卡对图像的处理模式不同。至于Intel的核心显卡，我个人感觉色彩表现和Nvidia显卡差不多。
作者 ｜ Peter Huber 译者 ｜ 王强 策划 ｜ 丁晓昀 我不知道你们是什么情况，但我自己在过去多年中都因为.NET 色彩（Colors）类中可用的色彩数量有限而头痛不已，为此我试图用...为了让我的生活轻松一些，我写了几个小方法可以把任何色彩改成黑白的，还有一个方法可以混合色彩。有了这些方法后，我得到了匹配度很高的色彩，有点像 GradientBrush 中的渐变效果。...黑白电视只显示 L 值，而彩色电视则使用 HSL。 取色器 在过去，我总是很难理解取色器是如何工作的，不知道为什么它们有时会失败。...WinUI 取色器 可悲的事实是，WPF 没有取色器。这很像微软多年前放弃了 WPF，试图强迫我们改为写 UWP 应用程序的情况。许多开发者会说“不，谢谢你”，并留在了 WPF。...第一张图片显示了每种“主”色如何与其他“主”色进行不同程度的混合，同样是红、绿和蓝： 然而，如果你用黄色、品色和青色来代替可能会更好。 在这里，我真的觉得这些色彩比混合红、绿、蓝更漂亮。
设计中使用的颜色，电脑处理的颜色，显示器显示的颜色，都因规格而异。色彩空间是指用于管理在此数字环境中表达的色彩的标准。...但是在开发的时候，每个属性打个逗号打个逗号比较麻烦，所以我倾向于使用HEX，打码最少，容易区分。 主色和辅色 我倾向于严格和限制性地使用颜色，因为在数字产品 UI 中滥用颜色会干扰内容导航。...考虑总量分配背景色后，在10%以内一点一点地添加点色来调整颜色比例。 正如室内空间设计因目的而变化一样，色彩匹配也适用于空间。...颜色搭配 即使您已经决定要经常使用哪种颜色，有时您也需要不同的颜色。在这种情况下，您需要根据色轮选择与主色相匹配的颜色。...我用illustrator调整了HSB的Hue并分配了12种颜色。我照原样复制它，然后将其转换为黑白。黄色和蓝色是生成的，但其余颜色看起来不是很规则。为什么 180 度和 300 度的颜色更亮？
在这个简短的介绍中，我对两个不同但又相关的领域之间的冲突特别感兴趣，这两个领域都在“色彩理论”一词下运作：艺术色彩理论，它关注美术中色彩组合产生的视觉效果；科学色彩理论，它通过越来越复杂但精确的色彩模型来描述色彩的特性...本章内容是接下来几章的基础，我坚信设计师深入理解这一历史过程，对于他们做出正确颜色决策是至关重要的。 已知的关于颜色的最早理论可以在 On Colors 中找到，这是古希腊时期的一篇短文。...孟塞尔的色彩体系也有其缺陷和矛盾之处，但它设法以前所未有的方式将艺术与科学联系在一起，至今仍是许多艺术院校的基础课程内容。...计算机屏幕和其他基于光的显示设备，它们利用的是加法混色原理，行业标准是基于RGB颜色模型，每个像素具有三个原色：红色、绿色和蓝色。...拾色器使用一个矩形区域一次只能显示单个色相，设计师无法直观的看出所选颜色之间的关系，甚至无法理解感知统一（perceptually uniform）颜色模型与非统一模型的差异。
颜色一直是UI设计师们非常敏感的问题，我至今仍忘不了那天，一位萌新设计师在走查UI时，给我提了好几个Bug，大多是颜色有差异问题，我当时的第一反应是去检查代码，排查了半天确认自己没有写错色值后，我就在想会不会是取色的问题...难道是苹果电脑的屏幕色彩有问题？屏幕也能影响到程序的事件？要搞懂这些问题，首先得清楚，为什么会有色差？...系统色彩管理导致色差颜色一般会在显示屏上表现为RGB色（也就是三原色红，绿和蓝）或者是LSB/L（色相，饱和度和亮度）。...不过这个事情也让我搞懂了屏幕色彩的问题，希望你永远不会遇到这种不专业的设计师，如果看完有所收获，不要忘记点个赞再走哟。说了这么多，当UI妹子提出页面颜色有差异问题时，怎么办？...自信一点（偷偷查下代码有没有写错），直接反问她是不是在RGB模式下取的色值，对方一脸懵逼怎么办？看完这篇文章，你还不知道应该怎么做吗？图片以上就是文章的全部内容，希望对你有所帮助！
此外，在这种用户界面上复制的文本内容辨认度较低，这使得设置产品交互也十分困难。 设计师硬根据所要实现的目标来控制色彩对比度的高低。...如果文本内容和背景颜色之间的差异太大，则很难读取或扫描文本。这就是为什么建议设计师采用温和的色彩对比，并只在某些特定元素上应用高对比度的颜色。...为了让用户感到舒适和满意，设计师试图将平衡引入用户界面设计。色彩的协调是指设计中色彩的排列，以最吸引人的、最有效的方式来吸引用户的感觉。协调的颜色有助于网站或应用程序的良好的第一印象。...类似色，该配色方案应用于色轮上彼此相邻的颜色。 互补色，它是在色轮上彼此相对放置的颜色组合方案，旨在产生色彩的高对比度。...那么，你为什么不试图从中获取一些想法呢？去美丽的大自然里散散步，你一定会找到灵感！ ? 数码产品的成功在很大程度上取决于设计师为其用户界面所选择的颜色，正确的颜色给用户带来极大的舒适感。
演讲的内容主要分为HDR视频介绍、微博视频链路HDR改造和微博关于HDR视频未来关注方向三个部分。 1、HDR视频介绍 为什么要去支持HDR视频，HDR视频有什么特点能带来哪些收益呢？...不同设备色域的大小表示着不同设备表达的色彩能力。 更多的颜色就是更大的色域。...这张马蹄形的图上面可以看到HDR使用的色域是BT2020， SDR使用的是BT709，可以明显看到HDR的色域大于SDR。 HDR视频第二个子属性亮度的表达，HDR为什么能表达更大的对比度呢？...现实情况是现在仍旧存在大量的SDR设备，同时支持HDR的设备对色彩的表达能力也不尽相同。根据不同设备的能力进行正确的匹配也是很有挑战的一件事情。...例如高曝光内容色彩映射之后色彩容易出现色偏，所以我们针对不同视频内容的特点定制不同的映射lut，尽量保留视频内容色彩的正确性。 在转码过程中也遇到一些有意思的特殊场景。
1、引言在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？...图片由于人类视觉感知系统不是以线性方式工作的，因此必须使用非线性曲线来对 ADC 生成的的线性数据进行变换，从而使得拍摄的图像色调与我们的视觉系统的工作方式相匹配。这个过程也就是我们所说的 伽马校正。...图片RGB 的设备依赖性 ：不同显示设备支持的色域空间不同，因此对于不同的显示设备而言，伽马校正之后的 RGB 数值也不同。从这个角度讲，RGB 是设备依赖型的色彩空间。...在不同的色域空间进行 RGB 数据的转换，这也就是我们所说的 色彩管理。色彩管理会对图像进行色彩管理以适配当前环境下的颜色效果，从而保证同一张图片在不同输入、输出上都呈现出最好的颜色。...图片和转码阶段的色域转换类似，此时，也需要在不同的色域空间进行 RGB 数据的转换（色彩管理）以保证相同的视频在不同输入、输出、显示设备上都呈现出最好的颜色。
以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。 合理运用色彩是每个设计师都应必须具备的技能，特别是插画师和UI设计师。...由于对比的存在，布局元素变得清晰可见。但是，高对比度的色彩可能并不总是能奏效。如果文本内容和背景颜色对比太强，用户则很难阅读或浏览文本。...这就是为什么建议设计师创造一个比较温和的对比度，只在突出显示某些元素使用高对比度的颜色。 2. 优化导航并增强直观的交互 视觉层次结构是所有数字化产品建立清晰导航和直观交互系统的核心要素。...在UI中应用的色彩越鲜艳，就越难搭配。为了让用户感到满意和舒适，设计师试图在UI设计中实现一些平衡。色彩的和谐是关于设计中颜色的排列对用户的感知最有吸引力和有效的。...类似色，该配色方案应用于色轮上彼此相邻的颜色。 互补色，它是在色轮上彼此相对放置的颜色组合方案，旨在产生色彩的高对比度。
：非线性 RGB、线性 RGB、YUV、XYZ……为什么需要这么多的色彩空间呢？...由于人类视觉感知系统不是以线性方式工作的，因此必须使用非线性曲线来对 ADC 生成的线性数据进行变换，从而使得拍摄的图像色调与我们的视觉系统的工作方式相匹配。...RGB的设备依赖性 不同显示设备支持的色域空间不同，因此对于不同的显示设备而言，伽马校正之后的 RGB 数值也不同。从这个角度讲，RGB是设备依赖型的色彩空间。...和转码阶段的色域转换类似，此时也需要在不同的色域空间进行 RGB 数据的转换（色彩管理）以保证相同的视频在不同输入、输出、显示设备上都呈现出最好的颜色。...对于显示设备而言，sRGB->RGB(Rec.2020)的转换过程如下所示： 因此，对于拍摄设备和显示设备的色域不同时，视频的播放增加了色彩管理的过程。
所以在通常情况下，提到扁平化设计的色彩方案，就会联想到高饱和、单色调的色块等等。 ?...扁平化UI设计更加倾向于单色调的色彩，归根结底就是色调与饱和度的匹配，选用主色和辅助色的组合，运用多种配色手法来创造优秀的视觉体验。 ?...有限的手机屏幕尺寸能够显示出的信息量也是有限的，而通常界面中所展示的信息量和用户所接受的有效信息，并不是成正比的，如果是为了提高信息量而压缩版率，可能会降低用户接收的有效信息量。 ?...使用大图片或者是色块的时，根据页面的不同内容和功能，来适当的调整周边的留白也较为重要，缩小留白或者是不留白，会使版面更加丰富、充满活力，另外图片展示空间的增加，会增强冲击感，使版面更加富有张力。 ?...原文：http://www.sohu.com/a/336974364_120076109 因为无法确认原文作者，请作者与我们联系 ?
您会注意到，在如Instagram或Twitter这样包含很多色彩和不可预测内容的应用程序中，它们的界面往往非常简洁。这种设计非常微妙，它将用户的视觉焦点从界面移开，并将其聚焦在内容上。...颜色是我们可以在界面中显示状态变化的一种方式。通过把按钮的颜色变灰，表示按钮已禁用，或者通过将其突出显示为红色，来表示错误。...60%是氛围色，30%是辅助色，10%是点睛色（主色） “这种室内设计规则是一种永恒的装饰技术，可以帮助您轻松地将配色方案组合在一起。60％+ 30％+ 10％的比例是为了使颜色平衡。...与我之前提到的技巧类似，例如少量使用颜色来增加强调和加强品牌烙印，60–30–10是确保我们不会在色彩上占上风的粗略工具。 我还想从界面往后退后几步，眯起眼睛。...如果我使用的颜色过多，模糊的图像将使我对层次结构有更好的了解。
总结一下，适配建议可以归纳为这几点： 不要设置应用的固定色域，要根据设备和显示屏是否支持广色域，activity是否启用广色域模式以及业务场景，动态的设置色域； 如果设备不支持或者Activity未启用广色域模式...例如，以全屏模式显示照片的 Activity 适合使用广色域模式，但显示较小缩略图的 Activity 则不适合。 3....经过上文的讨论得知，解码后的图片色域与设备及Activity色域模式不匹配将会造成三方应用的广色域图片显示失真问题，则当前产生异常的配置以及显示效果如表格所示： 其中COLOR_MODE_DEFAULT...经过测试发现，当前的解码方式返回的图片色域如下： 其中，红色的部分表明该返回的图片格式与Activity色域模式不匹配，这会造成图片的显示失真。...，在进行图片解码时，会指定目标色彩空间，以便解码输出的Bitmap位图对象的色彩空间匹配应用界面图层的色彩空间；如果应用没有指定目标色彩空间，通常是没有对广色域进行适配。）
领取专属 10元无门槛券
手把手带您无忧上云
