Szukaj
Loguj
IRC #wirtuals
Forum
  Home arrow Publikacje arrow Poprawne formatowanie - 7 przykazań
Wstępnie
Home
Forum
Publikacje
Wiadomości
Prasa
HTML
CSS
PHP
Flash
JavaScript
Grafika
Czcionki
Recenzje programów
Wstawki
Statystyki
Wyszukaj
Newsletter








Forum Honda CBR
Poprawne formatowanie - 7 przykazań | Drukuj |  Email
Napisał Eirik Johansen (1578 odsłon)   
18.02.2006 16:58
Skoro projektujesz witryny, powinieneś znać odpowiedź na pytanie: "Co według Ciebie jest najważniejszą częścią strony?". Zastanów się, zanim odpowiesz. Więc jak myślisz? Layout? Grafika? Nawigacja?

Mimo że zgadzam się, że wszystko to jest istotne, jest jeszcze coś ważniejszego. To zawartość. Chociaż osoby odwiedzające stronę przez pierwsze kilka sekund spróbują docenić Twoją wspaniałą grafikę i oryginalny layout, są tu dla treści i jeśli nie będzie ona satysfakcjonująca, opuszczą witrynę szybciej niż zdążysz powiedzieć: "Ej, co jest złego z moją stroną?"

Postaram się dać ci kilka rad, jak polepszyć ogólną czytelność tekstu na Twojej stronie. Uważaj - może się czegoś nauczysz :). Po pierwsze, niezwykle istotne jest odpowiednie formatowanie tekstu. Tekst na monitorze jest dwa razy trudniejszy do odczytania niż na papierze. To oznacza, że każdy tekst, który jest "w sam raz" na papierze, na Twojej stronie powinien być o połowę krótszy. Oczywiście rzadko jest to możliwe, przez co odpowiednie formatowanie staje się jeszcze ważniejsze.

Wobec tego mam dla Ciebie 7 rad dotyczących formatowania tekstu. Powinieneś trzymać się ich, gdy będziesz projektował jakąkolwiek stronę internetową, żeby poprawić jej czytelność i uczynić ją przyjaźniejszą dla internautów.

1. Tekst nie powinien zajmować całej szerokości ekranu.
2. Akapity, akapity i... akapity.
3. Nie za mała, nie za duża.
4. Trzymaj się podstawowych czcionek!
5. Ciemny tekst, jasne tło.
6. Wyróżnić tylko najważniejsze fragmenty...
7. Nie używaj wyśrodkowania, jeśli nie musisz.

1. Tekst nie powinien zajmować całej szerokości ekranu.

Gdy linie są tak długie, przeczytanie tekstu jest praktycznie niemożliwe. Czas jaki potrzebujesz by dotrzeć do końca linii powoduje, że nie jesteś później w stanie znaleźć początku następnej linijki. Według mnie szerokość 500px jest absolutnym maksimum dla każdego bloku teksti. Zawsze trzeba upewnić się, że tekst jest przyjazny dla oczu. Ludzie są lepiej nastawieni do tekstu, jeśli wygląda na łatwy do przeczytania, więc nie obawiaj się, by zmniejszyć jego szerokość tekstu. By uzyskać określoną szerokość tekstu, po prostu wstaw go do tabeli i w parametrze WIDTH wpisz pożądaną liczbę pikseli.

2. Akapity, akapity i... akapity

Chociaż podział tekstu na kilka paragrafów może sprawić, że będzie wydawał się dłuższy, na pewno uczyni go łatwiejszym w czytaniu. Pusta przestrzeń między akapitami pozwoli odpocząć oczom przed lekturą kolejnego fragmentu tekstu, więc używaj często znacznika akapitu.

Dobra reguła to: nowa kwestia - nowy akapit.

3. Nie za mała, nie za duża

Często odwiedzałem strony i opuszczałem je po minucie, bo tekst był zbyt mały lub zbyt duży. Gdy czcionka jest maleńka, odczytanie tekstu praktycznie graniczy z niemożliwością, a gdy bardzo duża, witryna wygląda amatorsko.Najlepiej jest trzymać się rozmiaru czcionki od 10 do 12 punktów. W zależności od wyboru fontu możesz czasem użyć nawet rozmiaru 8 lub 14 punktów. Jeśli chodzi o nagłówki, oczywiście masz pełne prawo do używania większych rozmiarów, ale i tu powinieneś trzymać się wielkości poniżej 26 punktów, jeśli nie jest to coś specjalnego.

4. Trzymaj się podstawowych czcionek!

Być może masz na komputerze zainstalowaną czcionkę, która wygląda naprawdę dobrze na Twojej stronie. Możliwe jednak, że inni nie mają zainstalowanej tej samej czcionki. Wówczas, jeśli nie wybierzesz innego fontu, strona wyświetli się z czcionką domyślną. By być absolutnie bezpiecznym, powinieneś trzymać się czterech podstawowych fontów: Arial, Times New Roman, Courier i Verdana. Niestety to jedyne czcionki zgodne ze wszystkimi systemami. Z drugiej strony wszystkie są całkiem czytelne, więc tak naprawdę nie jest aż tak źle.

5. Ciemny tekst, jasne tło.

Udowodniono, że to najbardziej przyjazne dla oczu zestawienie kolorów (zwłaszcza czarny tekst na białym tle). Być może jednak ze względu na kolorystykę strony wybrałeś ciemne tło i nie możesz nigdzie używać czarnego tekstu. Choć normalnie się tego nie poleca, można zastosować jasny tekst na ciemnym tle. Upewnij się tylko, że dwa kolory są zupełnie różne. Pamiętaj, że przy większych ilościach tekstu łatwiej będzie go przeczytać, jeśli będzie napisany ciemną czcionką na jasnym tle.

6. Wyróżnić tylko najważniejsze fragmenty...

Niektórzy webmasterzy wyróżniają tekst na swojej stronie za pomocą pogrubienia, kursywy, kolorów i dużych rozmiarów. Wyróżnianie wszystkiego na stronie przynosi jednak zupełnie odwrotny efekt. Wydaje się wtedy, że wszystko jest jednakowo ważne. Jeśli więc chcesz cokolwiek podkreślić, na przykład cenę Twojego produktu, upewnij się, że wyróżniłeś tylko to, a nie cały tekst. Używaj wyróżnień mądrze. Nie potrzebujesz wielu oryginalnych efektów, by uwidocznić kilka słów czy zdanie. Zwyczajne pogrubienie, kursywa czy zmiana koloru wystarczą do przyciągnięcia uwagi czytelnika. Rzadko dobrym pomysłem jest zmiana rozmiaru czcionki, jak też używanie znacznika BLINK.

7. Nie używaj wyśrodkowania, jeśli nie musisz.

Wyśrodkowany tekst jest bardzo trudny do przeczytania. Centrowanie może być używane tylko dla pojedynczych akapitów złożonych z maksimum kilku linii. Wyśrodkowane mogą być też nagłówki. W innych sytuacjach powinieneś używać tej opcji oszczędnie.

Teraz, gdy przeczytałeś już te wszystkie wskazówki, proponuję, żebyś wydrukował sobie listę z samego początku artykułu. Połóż kartkę w jakimś widocznym miejscu, żebyś zawsze pamiętał o tych drobnych trikach, gdy będziesz projektował strony internetowe. Dzięki tym radom czas wizyt internautów na Twojej stronie wydłuży się, a Twoje strony będą wyglądać bardziej profesjonalnie.



written by Eirik Johansen
copyright © 2002 www.netmaking.no (used with permission)
translated by
< Poprzedni   Następny >
Czytaj więcej ...
Loading ...

FIREFOX.PL GOOGLE.PL OPERA.COM
GMAIL.COM KONNEKT.INFO SKYPE.COM
PhpSolmag.org
Kontakt | Mapa serwisu
STAT.PL
validator.w3.org jigsaw.w3.org
Polska Strefa czwartej części gry z serii Gothic
29
pędzle, szczotki, miotły, producent pedzli, producent szczotek