50 najlepszych samouczków na temat typografii

Strona 3 z 5: Samouczki typografii internetowej

22. 4 kroki do używania czcionek zmiennych

zmienne czcionki

(Zdjęcie: Future)

Czcionki zmienne to najnowsza i najlepsza rzecz w typografii internetowej, umożliwiająca zdefiniowanie wszelkiego rodzaju odmian kroju w ramach jednej czcionki i oszczędzająca wydajność, jaką jest konieczność ładowania wielu czcionek. Ten samouczek prowadzi przez cztery kroki do korzystania ze zmiennych czcionek online.

23. Twórz interaktywne efekty typografii 3D

ekran laptopa

Tutaj będziemy stworzyć efekt czcionki która używa kształtów liter jako maski dla szybkich, swobodnie płynących śladów cząstek, które będą dynamicznie wirować i poruszać się po literach. Nie tylko pojawi się ta piękna animacja, ale zostanie ona wyrenderowana na elemencie canvas HTML5, zostanie przekształcona w 3D i będzie obracać się w kierunku myszy, gdy porusza się ona po ekranie. Jest to idealne rozwiązanie w przypadku nagłówków witryn lub po prostu wtedy, gdy chcesz przyciągnąć uwagę użytkownika do wezwania do działania.

24. Lepsza typografia internetowa w 13 prostych krokach

tekst

Typografia internetowa to zapoznanie się (lub ponowne zapoznanie się) z zasadami klasycznego składu, ale to nie wszystko. Ponieważ internet jest płynnym i plastycznym medium, projektanci muszą być w stanie przewidzieć wynik końcowy dla różnych przeglądarek i użytkowników końcowych. Ten samouczek analizuje podstawowe zalecenia i niedostatki typografii, szczególnie stosowanej w internecie.

25. Jak typografia internetowa jest po prostu typografią

Typografia jest często nauczana jako dyscyplina zupełnie odrębna od projektowania stron internetowych, ale Amy Papaelias uważa, że ​​to błąd. W tym wykładzie, będącym częścią serii wykładów Letterform firmy TypeCooper West, demistyfikuje typografię internetową i twierdzi, że powinna być postrzegana jako integralna część nauki projektowania stron internetowych.

26. Poprawa typografii aplikacji internetowych i mobilnych

Krótki film przedstawia pięć podstawowych zasad poprawiania jakości typograficznej Twojej aplikacji internetowej i mobilnej. Paulo Stanley oferuje ten praktyczny przewodnik, dzięki któremu rozpoczniesz drogę do tworzenia typografii do projektowania ekranu.

27. Popraw typ strony internetowej dzięki dostosowaniu rozmiaru czcionki CSS

Wpisz litery

Dopasowywanie rozmiaru czcionki w CSS pozwala określić rozmiar czcionki na podstawie wysokości małych liter, a jego użycie może znacznie zmienić czytelność tekstu internetowego. Ten samouczek wyjaśnia myślenie kryjące się za tą właściwością i jak ją wykorzystać w swoich projektach.

28. Zasady responsywnej typografii internetowej

responsywna typografia internetowa

Elastyczna typografia w witrynach internetowych jest trudna, ale stała się podstawą dobrego projektowania witryn internetowych, więc musisz to zrobić dobrze. Ten samouczek stanowi podstawę, od której można zacząć, i obejmuje zarówno zasady projektowania responsywnej typografii, jak i jej praktyczne rozwiązania.

29. Opanuj przystępną typografię internetową

przystępna typografia internetowa

Rozwój responsywnego projektowania witryn internetowych sprawił, że wybór dostępnych typów stał się ważniejszy niż kiedykolwiek, jeśli treść witryny ma być czytelna dla maksymalnej liczby osób. Tutaj Fontsmith przedstawia wyniki swojej pracy z Mencap nad dostępnymi krojami pisma oraz nowe najlepsze praktyki, które wyłoniły się z tego.

30. Typografia reagująca na płyny z określaniem rozmiarów płynów CSS

płynne układy tekstu

Układy płynne są obecnie ugruntowaną częścią praktyki projektowania stron internetowych, ale płynna typografia jest wciąż stosunkowo nowa. Ten samouczek bada, jak korzystać z ustalonych funkcji przeglądarki, Sass i trochę prostej algebry do tworzenia skalowalnych, płynnych czcionek, które działają w wielu punktach przerwania i predefiniowanych rozmiarach czcionek.

31. Elastyczny rozmiar czcionki i płynna typografia z jednostkami vh i vw

wpisz na różnych rozmiarach ekranu

Kolejny samouczek dotyczący tworzenia płynnej typografii, ten jest prawie dokładnie o rok starszy od powyższego, ale nadal warto go przeczytać, aby pomóc Ci w zrozumieniu tej dyscypliny typografii internetowej.

32. Wydajność i typografia internetowa

Jedną z wielu rzeczy, które należy wziąć pod uwagę przy wyborze i wdrażaniu czcionek internetowych, jest wpływ, jaki dokonany wybór będzie miał na wydajność witryny. W tym wykładzie konferencyjnym Helen Holmes wyjaśniono najlepsze sposoby optymalizacji plików czcionek w Internecie.

Następna strona: Jak zaprojektować własną czcionkę i gry, aby sprawdzić swoją wiedzę na temat typów

Bieżąca strona: Samouczki typografii internetowej

Poprzednia strona Idąc dalej z typem Następna strona Samouczki dotyczące projektowania czcionek i gry typograficzne