首页
学习
活动
专区
圈层
工具
发布

UI技巧 | 用户界面设计的10个小技巧

因此,我们得到了这个公式: 较暗的颜色值=饱和度增加,亮度减少 更亮的颜色值=饱和度减少,亮度增加 每当我想知道我的设计应该使用什么样的正确颜色时,这个公式帮助了我。...我了解到最好的起点是有一个基色,然后以基色为基础,保持色相值相同,调整饱和度和亮度的值。 方法B 在方法B中,同样的原理(上面的公式)依然适用,但是色相H值发生了变化。...现在在方法B中,如果想要在基色的基础上有一个较暗的变化,我们需要在调色板中将颜色选择器往靠近 RGB 的方向移动,反之将颜色选择器往靠近 CMY 的方向移动选择较浅的颜色。如下图: ?...用正片叠底代替文本阴影 设计标题组件或在图像上添加文本是非常具有挑战性的,特别是如果图像背景是动态的(或时不时变化)。...此外,正片叠底效果的灰度比例还能使图像的其他部分保持其自然的颜色,并使文本所在的部分图像更暗一点,来提高文本的可读性。 行的长度 大多数设计师经常使内容的长度更长,以便符合页面。

2.1K11

直方图均衡 Histogram Equalization

亮度直方图 在说明直方图均衡之前,先说说亮度直方图的概念。为了评估一个图像的色调转换,首先需要建立亮度直方图。亮度直方图就是图像中亮度分布的图表。...来自维基百科 简单来说,直方图均衡化是使用图像直方图对对比度进行调整的图像处理方法。目的在于提高图像的全局对比度,使亮的地方更亮,暗的地方更暗。...X 光中骨骼的显示,右边是均衡后的结果 实现过程 对于一个灰度图像 {x},ni 表示为灰度级别为 i 的出现的次数。在图像中出现级别 i 的像素的概率为: ?...L 是图像中灰度级别的总数(通常为256),n 是图像中的像素总数,px(i) 实际上是像素值 i 的图像直方图,归一化为 [0,1]。 直方图均衡化的处理依赖于累积概率函数(cdf)的使用。...这样才能使得像素值在所有亮度范围中均匀分布,而不是集中在某一部分。 ? 假设我们的转换函数为 cdf: ? 通常,在概率统计中可以得到这样的定律: ?

2.8K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    PS图层混合模式实例详解

    2,溶解混合模式 溶解模式是用结果色随机取代具有基色和混合颜色的像素,取代的程度取决于该像素的不透明度。 下一层较暗的像素被当前图层中较亮的像素所取代,达到与底色溶解在一起的效果。...基色中包含的亮度信息不变, 以混合色中的暗调信息所取代,从而得到结果色。深色混合模式可反映背景较亮图像中暗部信息的表现, 暗调信息亮部信息。...该模式根据混合色的明暗来决定图像的最终效果是变亮 还是变暗。如果混合色比基色更亮一些,那么结果色将更亮;如果混合色比基色更暗一些,那么结果色将更暗, 使图像的亮度反差增大。...如果当前图层中的像素比50%灰色亮,则通过减小 对比度的方式使图像变亮;如果当前图层中的像素比50%灰色暗,则通过增加对比度的方式使图像变暗。...线性光模式通过增加或降低当前图层颜色亮度来加深或 减淡颜色。如果当前图层中的像素比50%灰色亮,可通过增加亮度使图像变亮;如果当前图层中的像素比50%灰色暗, 则通过减小亮度使图像变暗。

    2.5K30

    「Adobe国际认证」关于Adobe Photoshop,创建和修改画笔教程?

    请为对称和图案绘画选择一个普通画笔。 “画笔设置”面板概述 “画笔设置”面板允许您修改现有画笔并设计新的自定义画笔。“画笔设置”面板包含一些可用于确定如何向图像应用颜料的画笔笔尖选项。...颜色加深查看每个通道中的颜色信息,并通过增加二者之间的对比度使基色变暗以反映出混合色。与白色混合后不产生变化。 线性加深查看每个通道中的颜色信息,并通过减小亮度使基色变暗以反映混合色。...图案或颜色在现有像素上叠加,同时保留基色的明暗对比。不替换基色,但基色与混合色相混以反映原色的亮度或暗度。 柔光使颜色变暗或变亮,具体取决于混合色。此效果与发散的聚光灯照在图像上相似。...亮光通过增加或减小对比度来加深或减淡颜色,具体取决于混合色。如果混合色(光源)比 50% 灰色亮,则通过减小对比度使图像变亮。如果混合色比 50% 灰色暗,则通过增加对比度使图像变暗。...线性光通过减小或增加亮度来加深或减淡颜色,具体取决于混合色。如果混合色(光源)比 50% 灰色亮,则通过增加亮度使图像变亮。如果混合色比 50% 灰色暗,则通过减小亮度使图像变暗。

    2.6K20

    ISP问题调试总结(包括黑光成像逆光成像降噪宽动态wdr偏色等问题)!

    为获取需要显示的较清楚的图像,海思首先调节sensor的曝光时间,如果在没有超过最大曝光时间情况下就能够使图像达到设定的目标亮度,就不会再调节增益,这样可以最大程度减少因为增益带来的噪声;如果曝光时间超过曝光时间范围仍然无法达到设定的目标亮度...关于海思平台的自动降帧:使能AE模块中的enAEMode参数,调节u32GainThreshold系统增益门限值和u8Compensation,这两个值的大小对降帧程度有影响,在极低照度下为了得到较好图像质量...(约最高增益的1/3,如技术支持给的驱动),这样模拟增益无法达到最高导致需要调节数字增益,会引入更多噪声,所以确定驱动是否使用高增益模式,同时cmos.c中的增益表可配最大值配为与sensor最高增益一致...宽动态模式下图像偏色问题:技术支持说法是这个不可避免,这是为了减少鬼影和色域引起的噪声等副作用。通过提高饱和度,降低rgb通道去噪强度可以一定程度提升图像颜色质量。怀疑是CCM标定工作未做好的问题。...宽动态模式下室内图像会闪烁:室内宽动态存在闪烁或者夜景模式下要求打开fusion模式,同时适当调节宽动态模式下的降噪强度。 11、问题:如何确认当前环境是否逆光?

    5.1K10

    强光抑制算法研究

    夜间明亮区域会曝光过度,较暗的区域会曝光不足,整幅图像在一个较窄的动态范围内,强光抑制算法是采用 DSP 技术,把强光部分弱化,使暗光部分变亮,达到光线平衡。...扩展动态范围的方式: 动态范围是一个信号系统的最大值与最小值之间的比例,对一个实际场景来说,动态范围是这个场景中最亮的光辐射度和最暗的光辐射度之比 动态范围指摄像机色彩正好饱和的亮度同背景噪声提高一个标准差的亮度的比值...选择合适的图像处理方法扩展动态范围,对同一场景连续采集多次,然后利用数字图像处理算法对图像进行合成,达到扩展动态范围的目的,提高图像信噪比,进一步增强图像。...多幅图像扩展线性动态范围,在图像处理前,选择不同的快门来拍摄图像,在线性动态范围扩展中,选择不同图片中相同位置的图像细节信息,并把它们组成一帧新的图像,最简单的处理方法是是将图像相加求平均,但是处理的图像范围很窄...为了达到理想的效果需要在不同的灰度区域取合适的权值,在较亮的场景中,需要将较暗图像的权值设置的大一些,在太暗的情况下就要将较暗图像的权值设置的小一些,在两幅图像合成中,不同区域的权值计算方法如下表所示:

    2.3K10

    onvif中imaging setting图像画质总结!

    它表示了图像中像素的亮度级别,从最暗的黑色到最亮的白色。...它衡量了图像中最暗部分和最亮部分之间的亮度差异,并用于描述图像中的明暗分布情况。对比度的调整可以影响图像的清晰度、视觉效果和可读性。...它衡量了图像中相邻像素之间的亮度变化的陡峭程度。锐度高的图像具有更加清晰和明显的边缘,而锐度低的图像则可能显得模糊和缺乏细节。...下面是正常的图片效果和灰度值最小和最大的效果: 正常图片效果: 锐度灰度值调试到最小效果: 锐度灰度值调试到最大效果: 5、白平衡Cb和Cr: 白平衡 Cb 是图像处理中的一个参数,用于调整图像中的色彩平衡...下面是它的灰度值最小和最大的效果: 白平衡Cb灰度值最小效果: 白平衡Cb灰度值最大效果: 白平衡 Cr 是图像处理中的一个参数,用于调整图像中的色彩平衡,以使白色看起来真实和中性。

    79820

    ICCV2023 | 将隐式神经表征用于低光增强,北大张健团队提出NeRCo

    本文针对性地提出了三个机制以实现高效地暗光图像增强。具体来说, 作者发现经过隐式神经表示(INR)后的暗光图像的亮度会与原图有差异,且不同亮度的图像经过INR后都表现出相似亮度。...最后,作者提出了协同训练的机制,让模型能在非成对数据上训练,拜托了对有限成对训练集的依赖。 下面是作者在文章中给出的用INR归一化后的图像亮度变化图....在此过程中还引入注意力模块以针对性地增强不同暗光区域。增强后的结果会喂给TAD鉴别其真伪。作者鼓励非成对的亮光自然图像被TAD鉴别为真,鼓励恢复的亮光结果为伪,以此训练增强模块。...输入的亮光图像(增强结果or数据集)会分别从颜色维度,高频分量和语义空间三个角度被监督: 中间的紫色支路是一个普通鉴别器,判断输入图像在像素级别上与真实亮光图之间的差异。...所提出的NRN对所有输入的退化图作归一化处理,提升模型的泛化性。

    49520

    ICCV2023 | 将隐式神经表征用于“低光增强”,北大张健团队提出NeRCo

    本文针对性地提出了三个机制以实现高效地暗光图像增强。 具体来说, 作者发现经过隐式神经表示(INR)后的暗光图像的亮度会与原图有差异,且不同亮度的图像经过INR后都表现出相似亮度。...最后,作者提出了协同训练的机制,让模型能在非成对数据上训练,拜托了对有限成对训练集的依赖。 下面是作者在文章中给出的用INR归一化后的图像亮度变化图....在此过程中还引入注意力模块以针对性地增强不同暗光区域。增强后的结果会喂给TAD鉴别其真伪。作者鼓励非成对的亮光自然图像被TAD鉴别为真,鼓励恢复的亮光结果为伪,以此训练增强模块。...输入的亮光图像(增强结果or数据集)会分别从颜色维度,高频分量和语义空间三个角度被监督: 中间的紫色支路是一个普通鉴别器,判断输入图像在像素级别上与真实亮光图之间的差异。...所提出的NRN对所有输入的退化图作归一化处理,提升模型的泛化性。

    1.1K20

    观海微电子---LCD的gamma校正原理

    进行gamma2.2校正,将人眼感知到的中灰色(即亮度的20%白色)的阶值提升到128阶,亮部与暗部均匀分布;低灰阶之下有更多了更多的灰阶信息,高灰阶进行了一定程度的压缩,即节省了图像的存储,也实现了灰阶数与人眼感知亮度的变化呈线性关系的需求...Gamma校正原理对液晶显示器来说,灰阶预算是有限的,又因为人眼感知亮度的特性;所以gamma校正,就是为了平衡暗部与亮度的分布,存储更多的信息,使TFTLCD呈现出来的图像是与人眼感知的是一致的。...曲线,得到每一灰阶对应的亮度;(4)使用色彩分析仪测量实际的亮度;(5)通过调整控制灰阶电压的寄存器,使每一灰阶达到标准的亮度值,直至符合标准曲线。...不同gamma取值的应用gamma1.8作用:可以增加整体色调亮度,使较暗的场景更清晰。...应用:适合高清电视制作,以及Rec.709(高清电视的国际标准)色彩空间。gamma2.6作用:用于突出显示图像和视频中明亮的色调对比度,其中较亮色调的差异难以察觉。应用:电影制作。

    49810

    .NET9里WinForm更新了什么

    BlurEffect 模糊效果,降低图像清晰度,常用于平滑细节或减少噪点。 BrightnessContrastEffect 调整图像的亮度与对比度,使图像更亮或更暗、更强烈或柔和。...ExposureCurveEffect 调整曝光度曲线,控制图像的亮度以增强或减少曝光效果。 GrayScaleEffect 将图像转换为灰度模式,只保留亮度信息,去除所有色彩。...ShadowCurveEffect 调整阴影曲线,增强或减弱图像中的阴影区域。 SharpenEffect 锐化效果,增加图像边缘的清晰度,使细节更加突出。...TintEffect 应用色调效果,增加某种颜色的覆盖,使图像带有特定色彩基调。 VividEffect 增加图像的色彩饱和度和对比度,使图像显得更加鲜艳生动。...WhiteSaturationCurveEffect 调整白色饱和度,影响图像中纯白区域的饱和感与明亮度。

    58110

    影视后期: PR 调色处理之调色工具面板介绍

    在拍摄过程中,如果光线不足或过于饱满,都可能使画面显得暗淡或过于明亮,它决定了图像的清晰度和可见度。亮度的调整通常是通过增加或减少图像的曝光来实现的,它影响整个图像的明暗分布。...白平衡的调整可以通过调整色温来实现 锐化 是一个图像处理中的过程,通过提高像素间的对比度(调整边缘清晰度)来增强图像的清晰度 调色面板各功能区的划分和使用 颜色面板 调色工具的介绍 lut与look的区别...提高对比度可以让画面更加通透,但是会损失一些细节;降低对比度会让画面获得相对更加丰富的细节,但是会让画面灰蒙蒙的,简单说就是亮的更亮,暗的更暗 高光:高光对应的是画面中整体高亮的部分(平均亮度降低),例如天空...该设置可以改变所有低饱和度颜色的饱和度,而对高饱和度颜色的影响较小。 阴影色彩轮和高光色彩轮:这两个工具允许用户调整阴影和高光中的色彩值。...它通过给画面的边缘添加亮暗角,以突出主题或使画面更加有层次感。 在这里插入图片描述 这种效果通常用于突出画面的中心部分,或者为画面增加一种特定的氛围和风格。

    2.3K10

    gamma correction什么意思_伽马校正计算方法

    大家好,又见面了,我是你们的朋友全栈君。 伽马是数字成像系统的一个重要特征,它定义了像素值与其实际亮度之间的关系。...由于真实世界的图像通常至少具有256级灰阶(8bit),足以打印出平滑连续的色调内容。如果改用线性编码,则需要至少8倍的级别(11bit),才能够避免图像分色。...图像伽马 每当将拍摄的图像转换为JPEG或TIFF文件时,可以通过操作相机或者RAW开发软件应用该功能。它可以将色调级别映射到感知均匀,从而更好地利用给定的位深。 2....对于高对比度图像,如果显示伽马过大,可能导致暗部细节损失。 3. 系统伽马 整个图像处理流程的所有伽马的叠加效果,也称为“观看伽马”。...图像文件的伽马 精准的图像伽马通常会采用配置文件的形式嵌入在图像文件中。

    1.4K10

    ISP Pipeline | camera成像原理

    处理原理: 我们需要找到一个矫正值,所有像素值都减去这个值,就得到一个矫正成功的结果。 一般情况下,sensor的传感器周边,还有一小部分区域是有感光器的,但是没有光透射进来。...人眼有着自适应的能力因此可以很快的调整,使自己可以感应到合适的亮度。...主要根据每块的亮度直方图进行动态调整gamma曲线 image-20231124094949798 HDR Demo iPhone 是如何拍摄 HDR 图像的呢?...高对比度对于图像的清晰度、细节表现、灰度层次表现都有很大帮助。在一些黑白反差较大的文本显示、CAD显示和黑白照片显示等方面,高对比度产品在黑白反差、清晰度、完整性等方面都具有优势。...对比度高的产品在一些暗部场景中的细节表现、清晰度和高速运动物体表现上优势更加明显。

    2.5K24

    ISP Pipeline | camera成像原理

    处理原理: 我们需要找到一个矫正值,所有像素值都减去这个值,就得到一个矫正成功的结果。 一般情况下,sensor的传感器周边,还有一小部分区域是有感光器的,但是没有光透射进来。...人眼有着自适应的能力因此可以很快的调整,使自己可以感应到合适的亮度。...主要根据每块的亮度直方图进行动态调整gamma曲线 image-20231124094949798 HDR Demo iPhone 是如何拍摄 HDR 图像的呢?...高对比度对于图像的清晰度、细节表现、灰度层次表现都有很大帮助。在一些黑白反差较大的文本显示、CAD显示和黑白照片显示等方面,高对比度产品在黑白反差、清晰度、完整性等方面都具有优势。...对比度高的产品在一些暗部场景中的细节表现、清晰度和高速运动物体表现上优势更加明显。

    2.7K12

    ps色阶怎么用:一招搞定曝光调整 | 萧蕊冰

    直方图反映了调整前的图像,所有像素在0到255的亮度区间的分布。 直方图下面有三个滑块:黑色滑块、白色滑块和中灰滑块,分别对应调整照片的最暗部分、最亮部分和整体亮度。...直方图中间的滑块叫中灰滑块,对应了图像中亮度值正好为128的中灰部分。 中灰滑块左侧,与黑色滑块之间,也就是照片的暗部(亮度值小于128大于0)。 中灰滑块右侧,与白色滑块之间,则是照片的亮部。...通过左右调整中灰滑块,我们就能改变照片的整体亮度。 直方图下面还有一个叫做“输出色阶”的工具。 顾名思义,输出色阶控制了调整后图像的亮度范围。...因此I、II、III、IV作为照片中新的最暗区域,只能达到111的灰色亮度。 输出色阶的上限滑块,控制了调整后照片最亮的地方可以有多亮。...再左移白色滑块,让照片最亮的地方变成纯白色。 现在照片对比度比较充分了,但是整体还是偏亮。因此右移中灰滑块,压暗整张照片。

    2.3K20

    C++ OpenCV直方图均衡化

    人们把照片的亮度分为0到255共256个数值,数值越大,代表的亮度越高。其中0代表纯黑色的最暗区域,255表示最亮的纯白色,而中间的数字就是不同亮度的灰色。...人们还进一步把这些亮度分为了5个区域,分别是黑色,阴影,中间调,高光和白色。 如果一副图像的像素占有很多的灰度级而且分布均匀,那么这样的图像往往有高对比度和多变的灰度色调。...直方图均衡化就是一种能仅靠输入图像直方图信息自动达到这种效果的变换函数。...它的基本思想是对图像中像素个数多的灰度级进行展宽,而对图像中像素个数少的灰度进行压缩,从而扩展像元取值的动态范围,提高了对比度和灰度色调的变化,使图像更加清晰。 ? ?...直方图均衡化的基本思想是把原始图的直方图变换为均匀分布的形式,这样就增加了象素灰度值的动态范围从而可达到增强图像整体对比度的效果。 ?

    2.1K40

    Refactoring UI

    更好的方法是根据背景色手工挑选新的颜色 选择相同色调的颜色,然后调整饱和度和亮度, 直到你觉得合适为止 # 通过取消强调来强调 与其进一步强调你想引起注意的元素, 不如想想如何去强调与之竞争的元素...当你在设计一个几乎所有内容都是链接的界面时, 使用一种旨在让链接在段落文本中 "突显 "出来的处理方法,就会显得非常霸道 可以用更微妙的方式强调大多数链接,比如使用更重的字体或更深的颜色 有些链接可能根本不需要默认强调...如果饱和度已经达到 100%,如何提高饱和度?...聘请专业摄影师 使用高质量的图片库 # 文字需要一致的对比度 # 背景图像的问题 照片可能非常动态,有很多非常亮的区域,也有很多非常暗的区域 要解决这个问题,需要减少图像的动态效果, 使文字和背景之间的对比更加一致...# 添加覆盖层 在背景图片上添加半透明覆盖层 # 降低图像对比度 对整个图像进行调亮或调暗,而不仅仅是对有问题的区域进行调亮或调暗 降低对比度会改变图像整体的明暗感觉,因此一定要调整亮度来进行补偿

    2.4K30

    HDR关键技术:主要标准介绍

    在显示图像之前能够使用合适的EOTF曲线对媒体文件进行处理。 UHD Alliance UHD联盟中包括了所有的主要UHDTV的内容制造商,内容分发机构以及显示设备制造商。...图像或视频的内容由场景中获取,再到显示设备上显示出来,要经历两个过程:一个是由场景中的自然光线转换到图像编码的光电转换过程;另一个是从图像编码转换到显示设备显示亮度的电光转换过程。...如果仅仅使用上述PQ曲线进行转换,会发现实际显示图像的对比度远弱于原始场景。这是因为原始场景的亮度要高于实际设备的亮度,因此经过PQ曲线映射后,显示对比度要弱于原始场景对比度。...平均帧亮度表示一帧内所有像素点的平均亮度。MaxFALL表示HDR内容中所有帧的最大的平均帧亮度。 动态元数据 SMPTE ST 2094标准中对HDR技术的动态元数据进行了标准定义。...在HLG的重放过程当中,也需要相应的OOTF函数,才能够使得画面的对比度不会过低。HLG中的OOTF是一个自动校准的指数函数。根据显示设备动态范围的不同以及场景亮度的不同,指数函数的值会发生改变。

    7.7K54
    领券