5 darmowych fontów do projektów UI

fonty do projektowania UI

Można zrobić najpiękniejszą grafikę do interfejsu, ale jeśli wybierzemy niewłaściwy krój pisma, ta grafika nijak się nie poskleja z treścią. Dziś kilka prostych propozycji fontów, które możecie wybrać, jeśli właśnie zabieracie się za pierwsze projekty interfejsów graficznych.

Dlaczego wybór fontu jest tak ważny?

Poza względami estetycznymi, krój pisma odgrywa piekielnie ważną rolę – przekazujemy nim bowiem informacje, które niosą wszelkiej maści teksty. Począwszy od nagłówków sekcji, przez długie i krótkie teksty. Nawet te najkrótsze, będące podpisami pod najmniejszymi ikonami. Teksty w interfejsie umieszcza się po to, żeby użytkownik je przeczytał. Sprawiają, że w coś kliknie, coś uzupełni albo pochłonie się w lekturze na długie minuty. Krój pisma zastosowany przez projektanta, może więc ułatwić przyswajanie tych wszystkich komunikatów lub wręcz przeciwnie – sprawić, że będą nieczytelne i trudne do odnalezienia. Więcej o roli typografii i jej podstawach przeczytacie we wpisie na blogu: o tutaj.

Najlepsze* darmowe fonty do projektów UI

* No może bardziej bezpieczne fonty, ale wiecie, SEO się samo na blogu nie zrobi!

krój pisma SF Pro

SF Pro (San Francisco)

To systemowy, bezszeryfowy font od Apple, który zobaczycie w systemie macOS. Składa się z kilku odmian (Rounded, Mono, Compact i Compact Rounded). W związku z tym, że został zaprojektowany pod kątem cyfrowych systemów (również mobilnych), możecie założyć, że jest całkiem bezpiecznym wyborem.  Ale! Warto pamiętać, że licencja kroju pozwala na jego bezpłatne użycie jedynie w przypadku projektowania usług i produktów na systemy macOS!

Link do pobrania: https://developer.apple.com/fonts

krój pisma Roboto

Roboto

To z kolei systemowy font Androida i na pewno widzieliście go nie raz, bo wszystkie aplikacje z rodziny Google używają go jako główny krój pisma (np. YouTube). Poza regularną wersją, na Google Fonts znajdziecie też wersję Condensed i Slab. 

Link do pobrania: https://fonts.google.com/specimen/Robot

krój pisma Lato

Lato

To chyba najpopularniejszy polski font, zaprojektowany przez Łukasza Dziedzica. Starsza wersja dostępna jest na Google Fonts, a nowszą pobierzecie bezpośrednio ze strony autora.

Link do pobrania: http://www.latofonts.com/lato-free-fonts

krój pisma open sans

Open Sans

To jeden z moich ulubionych, bezpiecznych wyborów. To całkiem przyjemny krój, który w dodatku dobrze wygląda w małych rozmiarach. Został zaprojektowany by dobrze wyglądać zarówno w druku, jak i rozwiązaniach cyfrowych (web + mobile). 

Link do pobrania: https://fonts.google.com/specimen/Open+Sans

krój pisma Source Sans Pro

Source Sans Pro

To pierwsza, wydana przez Adobe, rodzina fontów open source. Zaprojektowana z myślą o tym, by dobrze wyglądać w projektach interfejsów. Podoba mi się rozróżnienie małej litery „L” i wielkiej litery „I”, co poprawia czytelność! Dobrze sprawdzi się w dłuższych tekstach. 

Link do pobrania: https://fonts.google.com/specimen/Source+Sans+Pro

Ok i to by było na tyle. To bardzo proste i jak wspomniałam, bezpieczne opcje, ale będąc na początku swojej projektowej drogi, trudne (i czasochłonne) jest wybieranie odpowiedniej typografii. Wybierzcie na początek pewniaki i skupcie się na całej reszcie, a wraz z doświadczeniem i zdobywaną wiedzą, kombinujcie z fontami bardziej.
Macie więcej takich pewniaków? Podzielcie się nimi w komentarzach!

Zobacz też