Przejdź do głównej zawartości

Bardziej czytelna typografia

W pewnym sensie świat typografii jest jak świat mody - ponadczasowy wygląd, nigdy nie wychodzi z obiegu.

 
typografia, czcionki web

 

Wybieraj dużą czcionkę do zwiększenia czytelności i zainteresowania treścią.


Zwiększenie tekstów to świetny sposób, aby wypłynąć na fali w zalewie treści internetowych . Duży tekst nie jest już tylko dla nagłówków tak jak kiedyś. Dziesięć lat temu, czcionki 8-punktowe były powszechnie stosowane do typu budowy . Jednak od 2009 roku, 13-punktowy tekst w sekcji stał się najbardziej popularny. Nie jest także niezwykłe zobaczyć 16 i 18-punktowe typografie w stronach internetowych. Duże czcionki są czytelne i podkreślają frazy kluczowe. 
Z przyrostem  45% wśród  użytkowników preferujących urządzenia mobilne do czytania, ma to sens, aby poprawić czytelność na mniejszych ekranach. Duże czcionki nie gubią się także na desktopach.

eb studio typografia
Typografia w web designie.

Stwórz stronę bardziej spersonalizowaną z ręcznie wykonanych krojów czcionek.


Wielu projektantów decyduje się na ręczne kroje by ustawić swoją pracę pod siebie. Te niestandardowe czcionki są wyjątkowe, i nadają tej pracy osobistej, intymnej atmosfery. Zwracają również oko i zaangażowania użytkowników z treści. Mimo, że tego typu czcionki nie będą pasować do wielu tradycyjnych biznesów, są one idealne dla oddolnych działań, takich jak, strony fleerancerów organizacji non-profit i marek kreatywnych.

Odnaleźć więcej wolnej przestrzeni aby dodać oddech treści.


W obecnych czasach coraz więcej projektantów celebruje czystą przestrzeń(w jednolitych jasnych kolorach, bez tapety pod spodem) co daje czcionce miejsce do oddechu. Projektanci "bawią się" koncepcją i kreują minimalistyczne, przejrzyste w treść i formę projekty.
Tendencja ta sprawia, że treść jest bardziej przystępna dla użytkowników urządzeń mobilnych. Styl jest bardzo czytelny i nie prowadzi do zawrotów głowy przy przeglądaniu zarówno na smartfonie jak i desktopie. 

Połącz artystyczną typografię z dużymi grafikami.


Obecnie coraz więcej projektantów decyduje się na wybór estetycznych czcionek na dużych krajobrazowych grafikach/zdjęciach. Być może w tym nowoczesnym designie czas przemyśleć jeszcze raz stare powiedzenie że "obraz znaczy więcej niż tysiąc słów".

Korzystaj ze zbioru czcionek w tej samej przestrzeni.

 

eb studio typografia
Typografa w web designie.

Dawno minęły czasy, gdy dokument HTML zawierał tylko jedną czcionkę. Obecnie  projektanci łamią te zasady i stosują dwa, trzy lub nawet cztery kroje na  stronach internetowych. Do tego dochodzi różna wysokość, szerokość i kerning. Oczywiście ma to sens, gdy czcionki uzupełniają się wzajemnie.

Zainteresowanych zapraszam do śledzenia mojego bloga, już niebawem kolejny artykuł dotyczący typografii i zastosowania go w dokumentach HTML. :)

Więcej inspiracji: http://www.pinterest.com

Komentarze

Popularne posty z tego bloga

Dlaczego strony responsywne to przyszłość?

    Google twierdzi, że strony responsywne to najlepsza konfiguracja dla internetu mobilnego, a nawet posuwa się tak daleko, iż odnosi się do Responsive Web Design jako najlepszej praktyki w branży.    Strona eb-studio.pl w technice responsywnej (RWD) 1. Rekomendowane przez Google. To dlatego, że projektowanie stron reagujących na skalowanie mają jeden i ten sam adres URL. Projektowanie w HTML5 niezależnie od urządzenia, co sprawia, że są łatwiejsze i bardziej efektywne dla Google do przeszukiwania, indeksowania i organizowania zawartości. W porównaniu z oddzielną stroną dla telefonu, która ma inny adres URL i inny pulpit HTML niż jego odpowiednik, wymagający od Google przeszukiwania i indeksowania wiele wersji tej samej witryny. 2. Jedna strona wiele urządzeń. Jednym z najbardziej atrakcyjnych aspektów responsive web design jest to, że strona internetowa może zapewnić wspaniałe doświadczenie dla użytkownika na wielu urządzeniach i rozmiarach ekranów. Jest to ważna c

Czym jest FLAT DESIGN?

Flat UI Design. Flat design jest trendem projektowania stron internetowych oraz interfejsów aplikacji i systemów operacyjnych charakteryzujący się płaskim wyglądem: płaskie minimalistyczne ikony, płaskie menu, wyraziste kolory, płaskie ilustracje i otwartą przestrzeń. Ikony to zwykle proste symbole, menu są płaskie jednokolorowe. Strony internetowe zaprojektowane w ten sposób charakteryzuje dużo przestrzeni i minimalizm. Microsoft był jednym z pierwszych, którzy zastosowali ten styl projektowania do jego interfejsu(Metro UI). Tak więc można określić, iż moda na tzw. płaskie projektowanie nadeszła wraz z pojawieniem się systemu Windows 8. Minimalistyczny nie oznacza nudny. We flat design , elementy ozdobne są postrzegane jako źródło niepotrzebnego bałaganu.  Nie przekłada się to  na aspekt funkcjonalny, a służy tylko odwróceniu uwagi użytkowników. I to jest najważniejszy powód dlaczego w obecnych czasach projektuje się płasko i przejrzyście. Płaskie projektowanie (flat

Przyspiesz swoją stronę www

Co prawda temat luźno związany z projektowaniem graficznym, ale jak najbardziej na czasie. Warto wziąć pod uwagę tą technikę projektując witrynę od strony kodowania. Proste umieszczenie w kodzie linku pobrania wstępnego jest techniką która instruuje przeglądarkę do pobrania zdefiniowanych zasobów w tle.  W rezultacie, kiedy odwiedzający wchodzi na twoją stronę zdefiniowane zasoby zostają wstępnie pobrane, przeglądarka ładuje je szybko z cache. Możesz użyć link prefetching do przyspieszenia strony w pewnych przypadkach.  Pobieranie wstępne nie jest wspierane we wszystkich przeglądarkach. Użyj tego   narzędzia  by sprawdzić która przeglądarka ma wsparcie dla prefetch.  Użycie Prefetch tag Możesz wyszczególnić jakich zasobów ma dotyczyć pobranie wstępne używając komendy  <link rel="prefetch"/> : < link rel = "prefetch" href = "http://mojadomena.com/strona.html" /> Powyższe otagowanie instruuje przeglądarkę do pobrania wstępnego li