Cienie

Cienie

Jednym z elementów wyróżnienia na przykład przycisków są cienie. Dzięki nim możemy w prosty sposób uwidocznić przycisk, który wcześniej zbyt bardzo zlewał się z resztą projektu, pomimo tego, że jest bardzo ważny.

To czy cień będzie pasował zależy od projektu, ale poniżej zobaczmy przykład przycisku bez cienia oraz z cieniem.

x

Jak widać dodanie lekkiego cienia w przycisku po prawej stronie od razu zmienia wygląd. Im bardziej będzie rozproszony cień tym wyżej będzie się wydawał umieszczony przycisk. Cienie nie muszą być zawsze czarne. Często dobrze wyglądają również cienie w kolorach zbliżonych do kolory wypełnienia przycisków.

W przyciskach możemy również stosować cienie przy klikaniu w przycisk. Wtedy często są stosowane cienie wewnętrzne, aby zasymulować rzeczywiste przyciśnięcie przycisku.

Przykład:

x

Jest to bardzo interesująca alternatywa zamiast zmiany kolory przycisku na ciemniejszy przy kliknięciu.


Nasza strona internetowa używa plików cookies (tzw. ciasteczka) w celach statystycznych, reklamowych oraz funkcjonalnych. Dowiedz się więcej jak je wyłączyć. Ta strona jest chroniona przez reCAPTCHA i Google polityka prywatności Google i regulamin Google.

logo

Copyright © 2021 CodeHub.pl