下午茶时间,记得多喝水哦!

编程开发

软件设计开发经验分享:文字应当使用透明度而不是固定色值

2021年09月07日 22:29:38 · 本文共 394 字阅读时间约 1分钟 · 4,813 次浏览
软件设计开发经验分享:文字应当使用透明度而不是固定色值

在软件设计与开发中,与文字打交道是无法避开的,虽然有设计人员进行设计,但到了开发手里往往简单粗暴的吸取一下色值,直接写死,一旦要换主题或改底色以后,惨不忍睹的颜色差异,今天我就来根据我的经验分享一下关于文字颜色的经验。

本文的经验分享主要在浏览器端,但APP端和桌面窗体可能一样适用,需要您自行实验和理解。

我们在网页中有大量的色块,例如按钮、菜单、Banner图,它们上面都会有文字,这个时候就会涉及到文字颜色与背景颜色的问题,往往我们拿到设计人员的图后直接吸取色值,没有考虑到未来更换背景色或者同一个网页上有不同背景色,但我们都只设置了一个文字颜色,看起来就像这样:

WX20210907-213852.png

白色背景下看起来还比较正常,换到一些彩色背景下,这个文字的颜色真的要看瞎了眼的感觉。为什么会这样我也不懂,我不是搞视觉的,但我觉得就是前景色和背景色差异太大,所以用透明度过渡一下就会好很多。

下面使用白色,80%的不透明度,是不是就顺眼多了,因为有一部分颜色透上来,显得协调的多,所以用透明度更好。

WX20210907-214115.png


商业用途请联系作者获得授权。
版权声明:本文为博主「任霏」原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.renfei.net/posts/1003509
评论与留言

以下内容均由网友提交发布,版权与真实性无法查证,请自行辨别。

微信搜一搜:任霏博客