组合调色板

¥Composing a color palette

使用 Radix Colors 组合调色板的指南。

选择品牌比例

¥Choosing a brand scale

Radix 提供了多种可用于品牌色或强调色的色阶。

¥Radix provides a number of scales you could use for your brand or accent color.

为白色前景文本设计的缩放比例：

¥Scales designed for white foreground text:

自定义品牌颜色

¥Custom brand colors

Radix 颜色不可自定义。它们的设计旨在方便访问、平衡且和谐。任何自定义都可能破坏这些功能。

¥Radix Colors are not intended to be customised. They’re designed to be accessible, well-balanced, and harmonious. Any customisation would likely break these features.

如果你需要自定义品牌颜色，我们建议除了 Radix 比例尺之外，还添加自定义比例尺。

¥If you need custom brand colors, we recommend adding custom scales alongside Radix scales.

例如，你可以将 Radix Colors 用于灰度和语义尺度，然后添加自定义品牌/强调色。

¥For example, you could use Radix Colors for your gray scale and your semantic scales, then add custom brand/accent colors.

选择灰度

¥Choosing a gray scale

Radix Colors 提供纯灰色和一些浅色灰阶。

¥Radix Colors provides a pure gray and a few tinted gray scales.

• gray 为纯灰色

  ¥gray is pure gray

• mauve 基于紫色色调

  ¥mauve is based on a purple hue

• slate 基于蓝色色调

  ¥slate is based on a blue hue

• sage 基于绿色色调

  ¥sage is based on a green hue

• olive 基于黄绿色色调

  ¥olive is based on a lime hue

• sand 基于黄色色调

  ¥sand is based on a yellow hue

中性配对

¥Neutral pairing

如果你想要一种中性风格，或者想要保持简洁，gray 可以与任何色调或调色板完美兼容。

¥If you want a neutral vibe, or you want to keep things simple, gray will work well with any hue or palette.

自然配对

¥Natural pairing

或者，选择饱和度与强调色最接近的灰度。差异虽然不显著，但换行会营造出更加丰富多彩、和谐的氛围。

¥Alternatively, choose the gray scale which is saturated with the hue closest to your accent hue. The difference is subtle, but this will create a more colorful and harmonius vibe.

选择语义比例

¥Choosing semantic scales

对于大多数项目，你需要使用颜色来传达语义。以下是一些在西方文化中效果良好的常见搭配。

¥For most projects, you will need colors to communicate semantic meaning. Here are some common pairings that work well in Western culture.

• 错误：red, ruby, tomato, crimson

  ¥Error: red, ruby, tomato, crimson

• 成功：green, teal, jade, grass, mint

  ¥Success: green, teal, jade, grass, mint

• 警告：yellow, amber, orange

  ¥Warning: yellow, amber, orange

• 信息：blue, indigo, sky, cyan

  ¥Info: blue, indigo, sky, cyan

在许多情况下，出于某种原因，你最终可能会需要大多数比例。你的应用可能支持多人游戏模式，你可以为每个用户分配颜色。你的应用可能具有标签功能，用户可以为任务分配颜色。你的应用可以使用徽章来传达“待处理”或“已拒绝”状态。

¥In many cases, you might eventually need most of the scales, for one reason or another. Your app may support multiplayer mode, where you assign a color to each user. Your app may have a labelling feature, where your users assign a color to a task. Your app may use badges to communicate “pending” or “rejected” states.

Radix Colors 均衡且设计和谐。因此，对于产品沟通而言，大多数颜色搭配都可以正常工作。

¥Radix Colors are well-balanced, and designed to work in harmony. So for product communication, most color pairings will work.

选择文本缩放比例

¥Choosing text scales

步骤 11 和 12 分别适用于低对比度文本和高对比度文本。根据你想要的氛围，你可以使用强调比例尺或灰度比例尺。

¥Steps 11 and 12 are designed for low-contrast text and high-contrast text respectively. Depending on the vibe you want, you can use your accent scale or your gray scale.

使用你的强调色阶将带来更加丰富多彩的氛围。

¥Using your accent scale will result in a more colorful vibe.

使用你的灰度将带来更加实用的氛围。

¥Using your gray scale will result in a more functional vibe.

差异可能看起来很细微，但对于整页文本来说，却可能产生巨大的影响。

¥The difference may seem subtle, but it can make a huge difference with a whole page of text.

你可能需要尝试在营销网站中使用强调色阶来显示文本，并在应用中使用灰度来显示文本。

¥You may want to experiment with using your accent scale for text in your marketing sites, and your gray scale for text in your apps.