每次都可以安全遵循的视觉设计规则
You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.
你不必每次都遵循这些规则。如果你有充分的理由打破其中任何一条,可以打破。但每次遵循这些规则是安全的。
Use near-black and near-white instead of pure black and white
使用接近黑色和接近白色,而不是纯黑和白色
Pure black often has uncomfortably high contrast with other colours, and pure white is too bright. Use close-to-black and close-to-white instead. Any other references to “black” and “white” in these rules assume you’re following this rule.
纯黑色与其他颜色的对比度通常过高,而纯白色过亮。请使用接近黑色和接近白色。这些规则中对“黑色”和“白色”的任何其他引用都假定您遵循此规则。
Saturate your neutrals
饱和你的中性色
A neutral is generally a black, white, or grey. If you use colour in your interface, add a little bit of that colour to your neutrals. This will make the colour palette feel more coherent. If you use the HSB colour system less than 5% saturation should do it.
中性色通常是黑色、白色或灰色。如果您在界面中使用颜色,请将一点点该颜色添加到中性色中。这将使调色板的颜色更加协调。如果您使用HSB颜色系统,则饱和度小于5%即可。
Use high contrast for important elements
对重要元素使用高对比度
Important elements means buttons, content, or anything else that the user needs to notice. A higher contrast means that the element will grab attention, which is useful for important elements. Elements that the user does not need to notice (e.g. structural elements, drop-shadows) can use as little contrast as possible.
重要元素指的是按钮、内容或用户需要注意的任何其他元素。较高的对比度意味着该元素会吸引注意力,这对于重要元素非常有用。用户不需要注意的元素(例如结构元素、投影)可以使用尽可能少的对比度。
Everything in your design should be deliberate
设计中的每个元素都应该是有意的
You should be deliberate about absolutely everything in your design. This means whitespace, alignment, size, spacing, colour, shadows. Everything. If someone points at a random part of your design you should have an explanation for why it looks that way. If you do not do this your design will not feel coherent.
您的设计中应该对每一个细节都有深思熟虑。这包括空白、对齐、大小、间距、颜色和阴影。每当有人指着您设计的任何一个部分,您都应该有一个解释为什么它看起来那样。如果您不这样做,您的设计将不会感觉连贯。
If you are new to design you can use this rule as a prompt to learn more about what you are not deliberate about yet.
如果您是设计新手,您可以将此规则作为提示,了解更多关于您尚未有意识到...