To kolejne zadanie stojące przed projektantem stron internetowych. Projekt graficzny musi pomóc czytelnikowi odróżnić na pierwszy rzut oka informacje ważne od mniej istotnych. To zadanie może ułatwić np. podział tekstu na sekcje opatrzone nagłówkami pierwszego, drugiego, trzeciego poziomu. Do dzielenia informacji na logiczne częsci można stosować również poziome linie (ostrożnie), proste elementy graficzne czy choćby wolną, bialą przestrzeń. Pamiętaj jednak, że odstęp sugeruje brak związku logicznego a podobienstwo graficzne wskazuje na powiązanie logiczne dwóch lub więcej części przekazu.
tych samych autorów
- Nagłówek - 90% sukcesu [PG]
- Dlaczego strony muszą się dobrze drukować? [PG]
- Sztuka projektowania odnośników [PG]
- Strona główna - twoja wizytówka [PG]
zobacz również
Witryna odzwierciedla charakter jej wlaściciela
Jak wcześniej wspomniałem grafika powinna być spójna i jednolita. Powinna także oddawać charakter autora czy właściciela witryny. Spróbujcie np.: opowiadać o cieple domowych pieleszy ilustrując to grafiką w kolorach takich jak poniżej .
Barwy te odbierane są jako zimne, stwarzające dystans. Z drugiej strony kolory z pogranicza zieleni i żółci, szczególnie te mocno nasycone odbierane są jako witalne, "biologiczne", żywotne. Bazujac na odpowiednim doborze kolorów można przekazać odbiorcy bardzo istotną informację o charakterze osoby czy firmy. Zainteresowanych tematem kolorów w grafice odsyłam do dobrego artykułu Dmitra Kirsanowa pt. "The world of color" (po angielsku).
Skupiaj się na zawartości
Tworząc strony pamiętaj aby grafika, design - ogólne cała powłoka nie tłumiła przekazywanych informacji. Dlatego np. należy ostrożnie używać niestandardowych czcionek, odciąga to uwagę czytelnika od treści, sprawia że staje się ona trudniejsza do uchwycenia (pomijam tu zupełnie trudności techniczne jakie niestandardowe czcionki mogą powodować).
Standard kodowania ISO 8859-2
Do kodowania stron napisanych po polsku używaj wyłącznie starndardu ISO 8859-2, w tym celu pomiedzy znacznikami <head> </head> umieść ten fragment kodu
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-2">
Na polskiej stronie ogonkowej znajdziesz więcej informacji na ten temat.
Opisuj obrazki za pomocą znacznika ALT
Wszystkie obrazki na stronach opisuj za pomocą znacznika ALT ponieważ
- niektórzy używają przeglądarek z wyłączonym ładowaniem grafiki
- czasem nie warto czekać aż załaduje się cała strona, żeby od razu przejść na inną
- znacznik ALT może zawierać słowa kluczowe i tym samym podnosić ich liczbę na stronie wpływając pozytywnie na twoją pozycję w rankingach wyszukiwarek (niektórych).
- przeglądarki osób niewidomych potrafią czytać na głos znaczniki ALT
[/list]