Jak sprawdzam, czy projektant jest cienki?



Patrzę, jak robi tagi.


Jak zrobić dobry UI przycisku?

Jest cienka granica między ładnym tagiem a takim, co kiepsko wygląda.

Niby prosty element do zrobienia, ale wystarczy mieć tekst za blisko krawędzi lub za duże odstępy (padding), albo źle dobraną wielkość fonta i wszystko idzie w piach. Wychodzi mało profesjonalnie i razi w oczy.



Na slajdach przykłady i jak je poprawić, ale w pigułce warto pamiętać o:


- Wyrównaniu co do piksela. Jeżeli oprócz tekstu jest też ikonka, wyrównaj optycznie.


- Odpowiedni i czytelny kontrast między tłem a tekstem.


- Łatwy do odczytania tekst – można spróbować z samymi wielkimi literami lub letter spacingiem (lub both).


- Jeden tag = Jeden button = Jedna funkcja. Nie pakuj milliona funkcji w jeden biedny tag.


- Unikaj domyślnych cieni w kolorze #000. Źle wyglądają i zdradzają, że jesteś cieniasem :P