在暗黑模式电子邮件中使用中间色调的示例
Posted: Sat Mar 22, 2025 10:30 am
暗黑模式图片优化
如何让图像元素在暗黑模式下也看起来很棒？以下是优化图像的基本技巧和窍门。
设计你的组件
对于您的设计组件，您可以选择几种风格选项：
灯光模式 灯光模式窗口 浅色模式图标
受控暗模式 控制暗模式窗口 受控暗模式图标
不受控制的暗黑模式 不受控制的暗黑模式窗口 不受控制的暗模式图标
不受控制的暗模式，具有发光效果 不受控制的暗模式与发光窗口 不受控制的暗模式，带有发光图标
不受控制的暗黑模式，带有描边效果 不受控制的带有描边效果窗口的暗模式 不受控制的暗模式与描边效果图标
不受控制的暗模式与形状轮廓 带有形状轮廓窗口的不受控制的暗模式 不受控制的暗模式，带有形状轮廓图标
不受控制的带背景的暗黑模式 不受控制的暗黑模式，带有背景窗口 不受控制的暗黑模式，带有背景图标
要确定最佳方法，请问自己：
对于该图形来说，最重要的是保持其原来的外观和感觉还是确保它看起来透明？
如果保持外观和感觉是关键：请将图形放在背景上并展平图像以保持一致性。
如果透明度是优先考虑的因素：请添加光晕或描边以使图形在暗模式下脱颖而出。
设计技巧技巧 1：使用中间色调进行设计
一种方法是关注中间色调，同时考虑可访问的对比度。
使用中间色调进行设计时，请使用白色和黑色具有足够高色彩对比度的颜色，因为它位于值范围的中间。
技巧 2：使用发光或描边
图标或徽标周围的发光或纯白色描边也有助于提高可读性，但这取决于图像或图标的类型。
对于带有深色文本的透明 PNG，添加半透明光晕效果很好。
技巧 3：使用形状轮廓或背景
不喜欢发光效果？您可以将图标放在背景上，这样它不仅 台湾电话号码格式 在亮模式下看起来透明，而且在不支持图像交换的暗模式下仍然可以工作。
对于基于笔触的图标和插图，尝试在其后面添加形状轮廓或背景形状，以获得更具视觉吸引力的外观。
使用 APNG
说到动画 GIF，请选择 APNG。不要使用 GIF 为电子邮件添加动画，请尝试使用动画便携式网络图形 (APNG)。
GIF 不太支持透明度：
由于颜色范围有限，白色轮廓可能会变得像素化。另一方面，APNG 通常支持透明度，并且颜色范围更广。
有兴趣尝试动画 APNG 吗？我们在这里介绍。试试Fable制作您的下一个 APNG！
如何让图像元素在暗黑模式下也看起来很棒？以下是优化图像的基本技巧和窍门。
设计你的组件
对于您的设计组件，您可以选择几种风格选项：
灯光模式 灯光模式窗口 浅色模式图标
受控暗模式 控制暗模式窗口 受控暗模式图标
不受控制的暗黑模式 不受控制的暗黑模式窗口 不受控制的暗模式图标
不受控制的暗模式，具有发光效果 不受控制的暗模式与发光窗口 不受控制的暗模式，带有发光图标
不受控制的暗黑模式，带有描边效果 不受控制的带有描边效果窗口的暗模式 不受控制的暗模式与描边效果图标
不受控制的暗模式与形状轮廓 带有形状轮廓窗口的不受控制的暗模式 不受控制的暗模式，带有形状轮廓图标
不受控制的带背景的暗黑模式 不受控制的暗黑模式，带有背景窗口 不受控制的暗黑模式，带有背景图标
要确定最佳方法，请问自己：
对于该图形来说，最重要的是保持其原来的外观和感觉还是确保它看起来透明？
如果保持外观和感觉是关键：请将图形放在背景上并展平图像以保持一致性。
如果透明度是优先考虑的因素：请添加光晕或描边以使图形在暗模式下脱颖而出。
设计技巧技巧 1：使用中间色调进行设计
一种方法是关注中间色调，同时考虑可访问的对比度。
使用中间色调进行设计时，请使用白色和黑色具有足够高色彩对比度的颜色，因为它位于值范围的中间。
技巧 2：使用发光或描边
图标或徽标周围的发光或纯白色描边也有助于提高可读性，但这取决于图像或图标的类型。
对于带有深色文本的透明 PNG，添加半透明光晕效果很好。
技巧 3：使用形状轮廓或背景
不喜欢发光效果？您可以将图标放在背景上，这样它不仅 台湾电话号码格式 在亮模式下看起来透明，而且在不支持图像交换的暗模式下仍然可以工作。
对于基于笔触的图标和插图，尝试在其后面添加形状轮廓或背景形状，以获得更具视觉吸引力的外观。
使用 APNG
说到动画 GIF，请选择 APNG。不要使用 GIF 为电子邮件添加动画，请尝试使用动画便携式网络图形 (APNG)。
GIF 不太支持透明度：
由于颜色范围有限，白色轮廓可能会变得像素化。另一方面，APNG 通常支持透明度，并且颜色范围更广。
有兴趣尝试动画 APNG 吗？我们在这里介绍。试试Fable制作您的下一个 APNG！