WebQuatro

badam, zarządzam, projektuję, użytkuję

więcej o mnie

Sztuka przejrzyjstości — typografia

Poz­wolę sobie opub­likować dziś pod­sumowanie tem­atu poprawnej typografii w tekś­cie, które okazało się na blogu Web­de­sign­er­Wall.
Najważniejsze ele­menty, o których trzeba pamię­tać to:

  1. Rozmiar.
  2. Krój.
  3. Kolor (ja uważam że 2–3 kolory to max. dla tekstów)
  4. Małe/duże litery.
  5. Styl (o tym pisałem wcześniej).
  6. Waga.
  7. Przestrzeń.

A poniższy rysunek w całości wycz­er­puje temat.

Webologia art.7 — gruby i pochyły

Typografia

Rzemiosło drukarskie nie wniosło dużej różnorod­ności w sposoby for­ma­towa­nia tek­stu. Jed­nakową czcionkę można udeko­rować rozmi­arem, indek­sem, rozrzedzaniem, inter­linią. Zaak­cen­tować — szer­szym lub węższym rozstaw­ie­niem liter w słowie (co wynika z his­torii maszyn do pisa­nia), lub sto­su­jąc znaki inter­punkcyjne (np. cudzysłów).

W drukarst­wie “offline-owym” przyj­muje się za doz­wolone stosowanie pogru­bi­e­nie, kursywę lub pogru­bioną kursywę.

Niedoz­wolonym jest: rozbi­janie, pod­kreślanie, wydzielanie kolorem.… Czy­taj dalej »

Webologia art.5 — wielokropek

Czym jest wielokropek?

Na pewno nie ciągiem trzech kropek, dwóch, czterech czy innej kom­bi­nacji powtórzeń i odstępów.

Jest to jeden znak, w którym rozstrzał pomiędzy krop­kami (w zależności od kroju) jest więk­szy niż w trzech krop­kach postaw­ionych pod rząd, które często się skle­jają. Znak wielokropka uzysku­jemy poprzez wstukanie w kodzie HTML

…

. Nazwa encji pochodzi od ang. ellip­sis, co z kolei wywodzi się z greck­iego ἔλλειψις – pominię­cie. Wielokropek przed… Czy­taj dalej »

Webologia art. 3 — żegnamy apostrof

Wstęp

Zacząłem pisać o stan­dar­d­ach. O nich samych w przy­padku białej przestrzeni, siatki, pro­jek­towa­nia Inter­netu i innych tego typu ele­men­tach.
Chcę rozpocząć cykl „webologii”, czyli zale­ceń i wskazówek tworzenia w Internecie, które wkrótce sukcesy­wnie zaczną się także pojaw­iać na osob­nej stronie WWW. Chci­ałbym wpłynąć, nawet w min­i­mal­nym stop­niu, na więk­szą standaryza­cję zasobów Inter­netu i w ten sposób zwięk­szyć… Czy­taj dalej »

O przestrzeni białej

Wstęp

Przeglą­da­jąc dostępne blogi o tem­atyce użyteczności, pro­jek­towa­niu czy desig­nie w pol­skiej sieci nie natknąłęm się na porządne przed­staw­ie­nie tem­atu white­space, reguł stosowa­nia siatki czy poprawnej pros­to­cie, która nie prze­chodzi w prymitywizm.

White­space

Nazy­wana też przestrzenią negaty­wną czy światłem jest wol­nym obszarem pomiędzy ele­men­tami. W pro­jek­towa­niu użytkowym, prze­mysłowym, brandingu marek “white­space” jest często syn­on­imem czegoś wyszukanego, sub­tel­nego, z klasą. W… Czy­taj dalej »

Crowdsourcing w webtypografii

Crowd­sourc­ing wkracza w dziedziny, w których o jego zas­tosowa­niu można tylko pomarzyć. Dobry przykła­dem jest pro­jekt Fontstruct — społecznoś­ciowe tworze­nie kro­jów czcionek.

W stan­dar­d­owej sytu­acji czcionki, które trafi­ają do mediowych domów czcionek, tworzą spec­jal­iści, których dzieła ofer­owane są w cenie śred­nio po 20–40$ od licencji. W sytu­acji, gdy zaj­mują się tym wybitni liter­nicy (np tacy jak Łukasz Dziedzic w Czy­taj dalej »

Zapisz się na maila lub RSS

Podaj swój adres e-mail:


RSS:

blip

Ostatnie komentarze

  • diz: Oczywiście, że nie. Postanowiłem po prostu przeanalizować te, gdyż kontrastowały ze sobą.
  • minimal2: A w internecie to tylko YouTube i Vimeo są? A co z plejerami innych serwisów?
  • diz: demokracja jest złym ustrojem Z tym się zgodzę w 100%
  • tomek: a pro­pos wyników -> to tylko kole­jne potwierdze­nie, że demokracja jest złym ustro­jem [znów mi się te...
  • tomek: a propos wyników -> to tylko kolejne potwierdzenie, że demokracja jest złym ustrojem :D

Prezentacje

Reklama