WebQuatro

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

więcej o mnie

Moja twarz — moja czcionka

WOW! Trafiłem dzisiaj na Type­face — pro­gram, który za pomocą kamerki inter­ne­towej rozpoz­naje rysy twarzy użytkown­ika, a następ­nie wyko­rzys­tuje otrzy­mane wymi­ary do mody­fikacji czcionki.

Czcionka to ważny(dla mnie nr 1 ex-aequo z siatką ) ele­ment designu, wpły­wa­jący na odbiór infor­ma­cji. Zazwyczaj nowe fajne czcionki są twor­zone przez pra­cow­itych pro­fesjon­al­istów za pomocą spec­jal­nego opro­gramowanie, stąd też ich cena. Type­face tu na prawdę otwiera nowe możli­wości. Teraz każdy kreaty­wny oby­wa­tel otrzyma możli­wość wesołego i szy­bkiego opra­cow­a­nia unikalnej czcionki, która odzwier­ciedli twarz właś­ci­ciela! Mary Huang, designer, pro­ponuje wyko­rzys­tać zestaw­ie­nie para­metrów czcionki (wysokość, sze­rokość, rozmiar ele­men­tów litery, stopień nachyle­nia) z atrybu­tami twarzy. Robiąc miny przed kom­put­erem momen­tal­nie będzie można zobaczyć reakcję aplikacji, zmieni­a­jącą ksz­tałt liter.

Aktu­al­nie Mary wykańcza pro­gram do final­nej gotowości i zapowiada udostęp­nić wer­sję do pobra­nia i co najważniejsze, będzie ona za free. Rzecz jasna intencją pro­jek­tan­tki jest zarekomen­dowanie się jako spec­jal­isty, co już przed pub­likacją jej się udaję (poprzez ten właśnie wpis :) ).

Niżej wideo do obejrzenia:

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 wyczerpuje 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 »

Testujemy zestawy czcionek

Dzisiaj natknąłem się na świetne narzędzie o nazwie Type­tester do testowa­nia krojów, wielkości i inter­linii różnych czcionek — sys­te­mowych i stan­dar­d­owych inter­ne­towych. Na pewno się przyda pod­czas dobiera­nia czcionek dla naszej strony WWW.

Zwyczaje siatki — ziarenko prawdy o gridzie

Siatka

Wstęp

Forma, struk­tura, syme­tria, logika, bliskość, spójność. Syn­on­imów stanu rzeczy, którą możemy osiągnąć dzięki niej, jest wiele. Siatka jest prosta, ale nie prymi­ty­wna, w pro­jek­towa­niu WWW — obowiązkowa.

Rozsz­erze­nie

Z ang. grid, czyli siatka, to dwuwymi­arowa struk­turą linii poziomych i pio­nowych przeci­na­ją­cych się w określony sposób. Typografom offline’owym znana z lat 30’tych ubiegłego wieku, mimo iż na początku… Czy­taj dalej »

Zapisz się na maila lub RSS

Podaj swój adres e-mail:


RSS:

blip

Wystąpił błąd: [-1] CURL missing!

Ostatnie komentarze

  • dr guru: A masz kuchnię? ;] To znakomita zasada, znana szczególnie plemionom koczowniczym w Afryce Środkowej i krabom...
  • 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...

Prezentacje