April 16, 2021 design

Jak na trendy Glassmorphism

Glassmorphism je po neumorphismu další trendy věc v UI Designu pro rok 2021. Lze použít při tvorbě platebních karet, různých modal oken nebo jen na rozmlžení contentu. Dnes si ukážeme jak Glass efekt vytvořit, a ukážeme si to právě na widgets počasí.

Nejdříve si připravíme pozadí, aby se nám glass effect zvýraznil a mělo to trochu šťávu. Já použil pozadí #2E354F. Větší kruh #2C5D7D a menší kruh #FD8B0E.

Pozadí widgetu budę právě onen Glass Efekt. Nastavíme tedy tyto hodnoty. Lineární gradient z levého horního do pravého dolního rohu s hodnotami barva: #FFFFFF a opacity: 40% a #FFFFFF a opacity 10%. Opacity 10% a Border #FFFFFF s tloušťkou 2px , Alpha 36%. Background Blur - 20.

Na závěr doplníme content. Jako je teplota, Poloha, ikona. Fantazii nechám na Vás.