Porady Guru Web Design: Epizod 3. Typografia

Pracując nad projektowaniem strony www prędzej czy później pojawia się mnóstwo pytań, związanych z typografią. Jakiej czcionki użyć, jakiej ma być wielkości i koloru, jak skomponować wszystko razem aby miało ładny wygłąd itd. Praca z typografią witryny nie jest łatwa sprawa. Jak się z tym uporać?

Typografii nie można lekceważyć i zanim podejmiesz decyzję o użyciu jakiejkolwiek czcionki dobrze przemyśl kto będzie czytał stronę, jakie informacje będzie przekazywała jej treść, co chcesz specjalnie wyróżnić, a co jest mniej istotne na stronie. Dzisejsza porada Guru brzmi tak:

Wielki Guru Web Design mówi: czytelność, funkcjonalność i estetyka są główne trzy elementy, o które musisz pamiętać gdy chodzi o typografię cyfrową. W projektowaniu graficznym skutecznej strony internetowej to wszystko gra ważną rolę.

Trzeba być bardzo uważnym podctas wyboru czcionki. Oprócz tego istnieją również cztery czynniki, na które trzeba zwrócić uwagę:

• kontrast,
• rozmiar,
• hierarchia
• odstęp.

W wyborze czcionek najważniejsze rzeczy są - specy­fikacja wyma­gań staw­ianych przed stroną www i jej zawartością, oraz spodziewana “pub­liczność”. Biorąc pod uwagę te dwa czynniki bez prob­lemu dobierzesz czcionkę (jej rodzaj i wielkość) do każdego pro­jektu.

Skąd?

Ist­nieje wiele stron, z których możesz pobrać czcionki, poniżej są przed­staw­ione najbardziej popularne. Kliknij na ikonkę aby przejść na stronę.

Aplikacje

Również nie trzeba zapominać o aplikacjach, które pomogą Ci w pracy z czcionką. Wszys­tkie poniższe aplikac­je działają w reżimie online, więc nie będziesz musiał nic ścią­gać, aby ich używać.

• Flip­ping Typ­i­cal pomaga sprawdzać jaki wygląd będzie miał tekst napisany wybraną przez Ciebie czcionką.
• CSS Type­set pomoże Ci w sty­lowaniu uprzed­nio wkle­jonego tek­stu. Po prostu skopiuj wygenerowany kod CSS po osiąg­nię­ciu pożą­danego efektu.
• Z pomocą aplikacji Typog­ra­phy Key­board szy­bko wpiszesz znaki niedostęp­ne stan­dar­d­owo na klaw­iat­u­rze. Będzie pomocna dla ludzi przykłada­jących dużą uwagę do inter­punkcji.
• Gdy chodzi o rozpoz­nawanie czcionek, to najlepszą aplikacją dla tego naszym zdaniem jest What The Font. Będzie ona bardzo pomocna, gdy nie znasz nazwy czcionki, która Ci się spodobała.

Pomocna Inspiracja

Oto lista stron www dla inspiracji, które pomogą Ci w nielekkiej pracy nad typografią serwisu internetowego.

We Love Typog­ra­phy – to portal, na którym znajdziesz ciekawe obrazki na temat typografii.

* * *

Typog­ra­phy Served – strona z przykładami kreaty­wnych pro­jek­tów. Codziennie wyróż­ni­a najbardziej ciekawe, stworzone przez najlep­szych design­erów z całego świata. Jest to dobre źródło inspiracji.

* * *

I Love Typog­ra­phy – najbardziej znany blog o typografii, prowadzony przez web projektanta z Japonii. Znajdziesz tu ciekawe artykuły, newsy, gry itd.

* * *

typo­GRAPHIC - strona, stwor­zona w ciekawy sposób. Jej celem jest przy­bliże­nie his­torii oraz terminów związanych z typografią.

* * *

Typo­graph­ica. Tutaj znajdziesz recen­zji nowych czcionek, książek o typografii. Wszystkie z nich są bardzo ciekawe i użyteczne.

* * *

Jeśli interesują Cię newsy ze świata typografii, polecamy stronę Typophile. Także na tej stronie znajdziesz Typo Wiki i forum. I chociaż strona jest na rekonstrukcji, możesz obserwować nowiny na Twitterze projektu.