Unity3d ugui translucent or linear gradient pictures display abnormally (blurred) problem solving (color space mismatch)

problem

A question like this , I haven't met before , Transparent gradient pictures are normal for preview and viewing on various software , But put in UGUI There is a vague problem in .
stay Inspector On （ normal ）：

Put it in UGUI Next ：

All settings are default ：

resolvent

It took more than half a day to find the problem Color space （Color Space）
Here are two easiest ways to program , Quack .

It is amended as follows Gamma

Because my project is a rendering project , He changed the color space to Linear, It is amended as follows Gamma The problem of blurring the rear picture is solved ：

But the scene rendering effect may be discounted , This needs to be coordinated by yourself .

Design tool color space

To be in PS Use linear space to make , because PS The default is to use Gamma Spatial , Into a linear space , stay Unity The interior is made in a unified space , There is no need to convert . The setting reference is as follows ：

Other

Referring to the master's method ：https://zhuanlan.zhihu.com/p/348382979
Includes other high-end methods .