How can you design a shadow with a "high sense of excellence"?
In modern UI designs, shadows are no longer just a blurry black piece. The shadow is carried. Visual level (Z-index) and Object Depth information. Why do you have a dirty, fake shadow? Usually because you only use a default shadow.
♪ Psst. Painful 1: "Dirty" vision from a single shadow
Solutions: The shadows in the real world are the result of the superheavy of multilayered light. Try supersing 2-3 Scattered shadows: one layer is a wide-scale, low-transparent proliferation shadow (simulating environmental light) and the other layer is a small, slightly more transparent close shadow (simulating masked light). This tool supports Infinite Levels superimpose Helps you to achieve this delicate gradual transformation.
♪ Pain point 2: Neumorphism (new formulation)
Solutions: The core of the new formulation is the two shadows of “deep and shallow”. The feeling of “squeezing” elements from the background can be created by setting a white shadow (high light) from the upper left and a dark shadow from the lower right. Use this tool Inset (shading in) Mode, you can also easily do dimple effects.
Box Shadow Core Parameter Detail
- X / Y Offset : The deviation determines the direction of the light. Positive value down right, negative value up left.
- Blur Radius : The larger the blurry radius, the softer the edge of the shadow, the higher the element appears to be from the background.
- Spread Radius : The extended radius increases or reduces the overall size of the shadow.
- Color & Opacity : Advanced design usually uses dark blue or dark purple as a shadow rather than pure black, so that UIs can be used to create a black colour. It looks more perceptive.