Drop dine drop shadows

Hvordan gør man et grimt interface endnu grimmere?

Svar: Man tilføjer drop shadows!

En af de grafiske effekter, der ofte deler vandende, er drop shadows (eller ”slagskygger” på dansk). Had/kærlighedsforholdet udspringer sandsynligvis fra den kendsgerning, at der findes virkelig mange eksempler på interfaces, som ligner noget, der er løgn, fordi skyggerne har taget overhånd. I mange tilfælde får man fornemmelsen af, at designeren lige har opdaget skyggeeffekten, hvilket har medført, at der nu pludselig er kommet skygger på alting. Hvorfor? Fordi man kan!

Men selvom skygger ofte er overflødige, kan der være situationer, hvor de alligevel giver mening. I den forbindelse har jeg tre grundregler, som jeg følger:

  • Skyggen skal kastes naturligt
  • Skyggeeffekten skal underspilles
  • Er du i tvivl, så drop dem!

Naturlige skygger

Skygger i den digitale verden bør ”opføre” sig, som de gør i den fysiske verden. I naturen er det for eksempel meget usædvanligt, at lyskilden er placeret direkte over hovedet på dig (og hvis den var, ville du slet ikke kunne se din skygge, fordi du ville dække den). Lyset skal med andre ord komme fra en vinkel, før der kan kastes en skygge.

Det virker unaturligt, når en skygge kastes ensartet til alle sider. Lyset kommer oftest fra en skrå vinkel og som regel fra oven.

Man kan naturligvis argumentere for, at man i en digital verden ikke behøver at følge fysikkens love. Alt kan jo lade sig gøre! Vi kan lave lyserøde skygger, hvis det er det, vi vil. Men resultatet vil uvilkårligt blive et rodet interface, hvor brugeren forstyrres af det visuelle design i stedet for at fokusere på indholdet.

Less is more

Når du har fundet frem til en skyggeeffekt, der ser naturlig ud, er det tid til at trække i håndbremsen. Ideelt set skal skyggeeffekten være så underspillet, at brugeren slet ikke lægger mærke til den, men blot fornemmer en dybde i designet. Så derfor: Skru ned! Og når du har gjort det, så skru lidt længere ned.

Skyggeeffekten skal underspilles.

Ovenstående eksempler handler primært om drop shadows som dekorativ effekt, men skygger kan også anvendes til funktionelle formål. For eksempel kan en diskret skygge gøre en tekst mere læselig, hvis den står på en urolig baggrund. Men reglen med at underspille effekten gælder efter min mening stadig.

Scroll to Top