如何在非常繁忙的背景上选择字体颜色?

平面设计 网站设计 颜色理论 对比
2022-02-20 10:51:39

我是一名开发人员,没有太多设计经验。我正在为我正在处理的项目创建登录页面。我想使用下图作为登陆页面的背景。

如您所见,上面的文字是不可见的。我尝试使用几种颜色,但它们在该图像上都不好看,因为某些文本与图像结合在一起。

你能告诉我我应该用什么颜色吗?

在此处输入图像描述

谢谢

1个回答

很难有完美的颜色和对比度,因为背景几乎有所有可能的颜色!

但是您可以在文本后面添加一些效果以使其变亮或使其变暗,并以这种方式使用对比度。这使您还可以自由地使用另一种强调色……例如。创建该网站的企业徽标的颜色。

你不能用 CSS 做所有这些效果,其中一些是可以的。我用 Photoshop 完成了这些并使用了图层样式(双击带有文本的图层以查看它们。)

这是一个带有透明白框的示例:

透明盒子

这是一个带有透明全宽白框的示例:

全宽透明盒

这是一个带有透明全宽黑框的示例:

全宽黑匣子

这是一个带有大阴影和框的示例:

为文本投影

这是一个带有发光和盒子的示例:

文本外发光效果


这种项目有很多选择,但也许这些例子会给你一些想法!

如果您只想使用文本而不使用其他任何东西,那么您应该选择您能找到的最大胆的字体,如果可能的话,在它周围添加一个黑色轮廓或其他东西。