使用技巧

Telegram 主题架构:强调色、动态渐变、涂鸦壁纸与云端同步

本文讲解 Telegram 主题中的强调色与气泡配色:一个颜色如何影响链接、按钮、未读角标和消息气泡,如何设置渐变气泡,以及怎样挑选在浅色与深色主题下都清晰易读的配色。

内容导读

本文讲解 Telegram 主题中的强调色与气泡配色:一个颜色如何影响链接、按钮、未读角标和消息气泡,如何设置渐变气泡,以及怎样挑选在浅色与深色主题下都清晰易读的配色。

Telegram 主题架构:强调色、动态渐变、涂鸦壁纸与云端同步主题插画

在你所选主题之下,有一个单一颜色供所有活跃元素使用:链接、按钮、未读角标、你自己的消息气泡。改变它,比任何壁纸都更能改变应用的气质。

本页讲的就是这个颜色以及它所填充的气泡——主题设置中影响可读性而非氛围的那部分。

你将能够做到

  • 更改强调色,并看到它控制的所有内容。
  • 让你发出的气泡使用渐变,而不是纯色填充。
  • 挑选在深色主题下依然可用的颜色。
  • 避开那种会让半个界面难以阅读的配色组合。

更改一个色块会同时更新十几处内容——强调色是一个牵一发动全身的单一取值。

一个颜色,多处生效

主题由基础色——浅色、深色或某种带色调的变体——加上一个强调色组成。基础色决定背景和文字;强调色决定所有需要突出的内容。

由于它只是一个取值,应用会据此推导出其余部分:按下状态、选中项背后的浅色底,以及叠加在其上的文字颜色。因此,选择一个非常浅的强调色,不只是让链接变浅——还会让你自己气泡上的文字难以阅读,因为那些文字的颜色是相对于你设定的颜色来选取的。

发出的气泡也可以使用多种颜色的渐变,而不是单一填充。它看起来不错,但浅色一端同样要遵循浅色强调色的注意事项。

在你自己的消息上测试,而不是在预览里 强调色会填充你发送的气泡,所以糟糕选择下受害的文字就是你自己的。保留某个颜色之前,先打开一个真实对话,读一条你自己发的长消息。
互动

挑选经得起日常使用的颜色

四个决定。最后一个正是让那些早上设好主题的人栽跟头的地方。

强调色

渐变气泡

基础色

另一个主题

挑选一个

中等明度且饱和。它既要能在浅色背景上作为链接清晰可见,也要能作为气泡填充色、在白字之下易于辨认。
粉彩色调过不了第二关。黄色和非常浅的绿色通常是常见的牺牲品。
非常深的强调色过不了第一关:接近黑色的链接与周围文字难以区分。

气泡中使用不止一种颜色

使用相邻的颜色。同一色相两种深浅之间的渐变读起来像层次感;对比色之间的渐变读起来像失误。
让两端都足够深,以承载文字。最浅的那个色标决定可读性。
长消息会显示整个渐变。一个在“ok”上看起来不错的组合,放到一整段文字上可能无法阅读。

底层的基础色

更改基础色会同时改变所有背景和文字颜色,这比强调色是更大的决定。
从一个你能看清的基础色开始,只改强调色。这样能获得大部分个性化效果,却没有任何风险。

你没有设置的那个主题

浅色和深色是各自独立的主题,拥有各自独立的设置。白天选的颜色到了晚上可能会消失在深色背景里。
切换到另一个主题并刻意设置它。花两分钟,自动切换就不会再塞给你一个并非你设计的东西。
同一个强调色在深色主题下往往需要亮一档,才能保持同样的存在感。

一条规则就能覆盖大部分情况:强调色必须既能作为链接、又能作为气泡填充色,并且在两种主题下都成立。

在哪里更改

  1. 打开外观设置 设置,然后是外观或聊天设置。
  2. 选择基础主题 浅色、深色或某种带色调的变体。
  3. 选择强调色 主题列表下方的色块;最后一个通常会打开完整的取色器。
  4. 设置气泡颜色 在提供该选项的地方,包括带多个色标的渐变。
  5. 读一条你自己的长消息 在真实聊天中。这就是测试。
  6. 切换主题并重复 深色主题需要单独走一遍。

← 返回 TG知识库