Cień tekstu to prosty sposób na poprawienie czytelności nagłówków i ważnych komunikatów na stronie. Najczęściej stosuje się go wtedy, gdy tekst znajduje się na kolorowym tle, zdjęciu lub grafice i może zlewać się z tłem.
Dobrze dobrany cień sprawia, że tekst jest bardziej wyraźny i łatwiejszy do odczytania, szczególnie na urządzeniach mobilnych. W większości przypadków cień stosuje się dla jasnych czcionek, np. białego tekstu umieszczonego na ciemniejszym tle lub zdjęciu.
Najczęściej cień stosuje się:
Cień pomaga zwiększyć kontrast pomiędzy tekstem a tłem, dzięki czemu użytkownik szybciej odczytuje najważniejsze informacje.
Nie zawsze więcej oznacza lepiej.
Unikaj stosowania mocnego cienia:
Zbyt mocny cień może sprawić, że tekst będzie wyglądał nieestetycznie i stanie się trudniejszy do odczytania. Najlepsze efekty uzyskuje się zwykle przy dużych nagłówkach oraz krótkich hasłach reklamowych.
Dodanie cienia jest bardzo proste i nie wymaga znajomości CSS.
System automatycznie dobierze odpowiedni efekt cienia. Wystarczy wybrać ustawienie, które najlepiej pasuje do twojego projektu.
Zaawansowane formatowanie
Jeżeli potrzebujesz pełnej kontroli nad wyglądem tekstu, możesz również zastosować własne style CSS. Jest to jednak rozwiązanie przeznaczone dla bardziej zaawansowanych użytkowników. W większości przypadków wbudowany suwak cienia pozwoli ci uzyskać świetny efekt bez konieczności pisania kodu.
Tekst bez cienia - tekst zlewa się z tłem.
Tekst z delikatnym cieniem (2 na suwaku) staje się bardziej wyraźny.
Tekst z jeszcze mocniejszym cieniem (6 na suwaku).
Najlepszy efekt często daje połączenie cienia tekstu oraz delikatnej nakładki kolorystycznej na zdjęcie, która dodatkowo poprawia kontrast.
