Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Antyaliasing

09 lutego 2006

Wygładzanie (bo to oznacza temat) czcionek standardowej wielkości (od 9 do 14 pikseli) w programach graficznych może i ładnie wygląda, ale jest ciosem siekierą w plecy designera pracującego z szablonowym klientem („ale ta czcionka jest inna na makiecie”). O ile w takim Photoshopie jest kilka opcji do wyboru, to sposób prezentacji CSS na ekranie jest mizerny. Nawet z włączonym ClearType czy innym wygładzaniem. Zrobiłem małe zestawienie nawet:

Adobe Photoshop Antialiasing versus CSS

Stopnia grubości przez font-weight: 200 na przykład nie ustawimy, bo nic tego nie obsługuje. Czasem więc trzeba stosować image replacement, na tych najmniejszych, prawie pikselfontowych, napisach. Tępa ta siekiera.

Tagi wpisu:

Informacje i hiperłącza

To ja! Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 09 lutego 2006 o 01:46

Kategorie: Design

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

Komentarze

  1. Paweł 'SiD' Majczyk 1 09 lutego 2006, 08:16

    A pod linuksem wszystko ładnie wyantyaliasowane :P

  2. Torn 2 09 lutego 2006, 09:46

    Zapomniałeś o antyaliasingu we flashu, w którym jest trochę więcej możliwości i presetów: for animation, for readability, bitmap font (brak aa) i custom w której można sterować parametrami thickness i sharpness.

  3. mienta 3 09 lutego 2006, 11:25

    hmmmm przyciśnij designera aby tam gdzie nie będzie czcionek z wygładzaniem ich w szablonie nie dawał.

  4. shw 4 09 lutego 2006, 11:53

    nie zajmuje sie "dizajnem", ale zasade mialem taka przy robieniu lay'i [glownie dla siebie] - tam gdzie miala byc grafika - robilem np. smooth - bo ladniej wygladal. tam gdzie mial byc zwykly html'owy tekst - wylaczalem wygladzanie calkowicie. wtedy widac bylo co bedzie graficzka, a co bedzie wyswietlane jako zwykly tekst. to samo probuje wpoic kazdemu ktorego lay oceniam.
    a co do wygladzania, to przyznam szczerze, ze na zalaczonym obrazku cleartype wyglada ladniej niz smooth z ps'a :P

  5. Riddle 5 09 lutego 2006, 12:53

    ClearType ma skłonność fałszować kolory przy bardzo niskich rzędach wielkości i także przy szarościach różnych kolorów. :(

  6. nbw 6 09 lutego 2006, 13:03

    Tak jak Mienta napisała: tam, gdzie ma być grafika używamy AA, tam gdzie ma być czysty tekst: AA jest wyłączone kompletnie.

    I po kłopocie.

    To jeden z najczęściej powtarzanych błędów przez grafików, którzy z grafiki statycznej, przesiadają się na tworzenie stron WWW.

    Drugim problemem jest jeszcze to, że programy graficzne nie zawsze korzystają ze sposobu renderowania fontów dostępnego w systemie (mają swój własny, niekompatybilny z niczym). Tak było np w Photoshopie. Nie wiem, czy wciąż tak jest, bo olałem go na korzyść Fireworksa.

  7. nbw 7 09 lutego 2006, 13:05

    Zapomniałem dodać - ja w swoich projektach, zamiast AA wyłączonego kompletnie, czasem włączam opcję "System Antialiasing", które przełącza FW w tryb korzystania z systemowego wygładzania. Dzięki temu mogę sobie od razu podejrzeć jak będzie wyglądał tekst w różnym AA.

  8. mkd 8 09 lutego 2006, 13:13

    Wygładzanie verdany jest błędem samym w sobie, ten font był projektowany tak, aby dobrze wyglądać bez wygładzania z wielkościach do 12.

    Podobnie z myriadem - tutaj jest sytuacja odwrotna - ta czionka nie była projektowana na monitor i nie bedzie dobrze wyglądała w wielkościach mniejszych niż 12.

  9. Torn 9 09 lutego 2006, 14:53

    Myriad Web Pro (użyty przez Riddla) jest jak nazwa wskazuje przystosowany do wyświetlania na ekranie w małych rozmiarach.

  10. Patrys 10 09 lutego 2006, 18:41

    A wszystko to wygląda paskudnie w porównaniu z tym, jak system wygładza moje czcionki ;)

    Od tego ClearType to można dostać epilepsji albo sobie uczy wypatrzeć na wylot.

  11. Riddle 11 09 lutego 2006, 18:42

    Bo tak wygląda ClearType na CRT. :) To wygładzanie jest dla LCD, nawet producent to potwierdził. :]

  12. nbw 12 09 lutego 2006, 18:43

    I na LCD sprawdza się znakomicie.

  13. Patrys 13 09 lutego 2006, 18:45

    Ale ja nie mam ani jednego CRT w domu...

  14. DoIY 14 10 lutego 2006, 09:46

    A ja mam CRT i ClearType mi się podoba :P

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.