Använda box- och textskuggor på webbplatser

Ett av de bästa sätten att göra din Funnel/Website mer intressant är att lägga till dimension och rörelse — skuggor är ett sätt att ge dina sidor det djupet. Skuggorna hjälper dig framhäva dina element, visa att ett element är interaktivt och separera element från varandra.

Navigera till Advanced Settings på din sida

För att lägga till skuggor börjar du med att lägga till eller välja ett element på din sida och går till Advanced settings.

Beroende på det valda elementet kan du lägga till två typer av skuggor.

Box Shadow: Tillämpas på hela elementet på samma sätt som en border. Du kan använda detta för alla element inklusive videor eller bilder.

Text Shadow: Tillämpas endast på texten inom det valda elementet. Om du till exempel väljer en knapp och tillämpar text shadow påverkas din Text och Subtext.

Hur lägger man till skuggor?

För att lägga till en skugga klickar du på +-knappen och klickar sedan på rutan för att anpassa den ytterligare.

När du öppnar anpassningsparametrarna kan du välja mellan Outer och Inner Shadow. Outer Shadows skapar en lyfteffekt. Inner Shadows ger illusionen av att elementet är lägre eller sjunker in.

X- och Y-axlarna definierar hur stor skuggan blir och till vilken sida av elementet den ska vara. X-axeln styr den horisontella sidan och Y-axeln den vertikala sidan av skuggan.

Blur styr hur solid eller mjuk skuggan blir och Spread expanderar eller drar ihop skuggans storlek.

Med Color kan du hålla skuggan inom dina varumärkesfärger och utnyttja den maximalt.

Du kan lägga till mer än en skugga på samma element genom att klicka på +-ikonen igen.

Dessa steg är desamma för Box och Text Shadows, med den lilla skillnaden att Text shadow endast tillåter Outer Shadows. Nu kan du börja använda denna funktion i dina Funnels/Website.

Skuggor kan skapa en känsla av hierarki och lägga till djup, rörelse och realism i en design, så detta hjälper dig säkert att driva mer trafik.