PSDTuts.com opublikował “9 istotnych zasad dobrego projektu graficznego strony” - świetne zestawienie elementów, które składają się na dobrą stronę internetową. Użyteczność, odpowiednia ilość pustego miejsca i poprawna nawigacja to niektóre z punktów. Poniżej prezentujemy całe zestawienie.

1. Grafika prowadzi wzrok użytkownika - dobry grafik powinien zaplanować, jak po stronie będzie wędrować wzrok użytkownika. Efekt ten osiąga się poprzez uwidocznienie wybranych części grafiki. Na większości stron internetowych, pierwszą rzeczą, którą widzisz jest logo. Dzieję się tak dlatego, że zazwyczaj jest ono duże. Dodatkowo badania naukowe wykazały, że wzrok użytkownika rozpoczyna wędrówkę od lewego górnego rogu. Tam najczęściej pojawia się logo, by użytkownik od samego początku wiedział na jakiej stronie się znajduje.

Użytkownik powinien poruszać się po stronie w sekwencji kilku kroków. Np. możesz skierować jego wzrok z logo na slogan marketingowy Twojej firmy, następnie na obrazek i do body text. W takiej sekwencji pasek menu nie powinien się rzucać w oczy.

Oto narzędzia, których powinieneś używać:

2. Odpowiednia ilość wolnego miejsca - wolne miejsce sprawia, że grafika staje się bardziej przejrzysta. Są trzy rodzaje wolnego miejsca:

3. Nawigacja - jedną z bardziej frustrujących rzeczy jaka może Cię spotkać na stronie internetowej to dezorientacja - problem z podjęciem decyzji w co kliknąć po wejściu na stronę. Dwa aspekty nawigacji, o których powinieneś pamiętać:

4. Odpowiednie planowanie - życie dla grafików stało się znacznie łatwiejsze od czasu, kiedy pojawił się CSS. Warto jednak myśleć o finalnym wyglądzie strony już w trakcie tworzenia grafiki w programie graficznym. Zadaj sobie wtedy następujące pytania:

5. Odpowiedni wygląd tekstu - tekst jest najczęściej używanym elementem projektów graficznych, więc na jego temat pojawiło się już sporo przemyśleń. Pamiętaj o następujących rzeczach:

6. Użyteczność - projekt graficzny nie składa się tylko z ładnych obrazków. Przy takiej ilości informacji i interakcji jaka teraz pojawia się na stronach, zadaniem grafika jest tworzenie użytecznego projektu.

Powyżej opisałem już niektóre elementy użyteczności (nawigacja, tekst, prowadzenie wzroku użytkownika), a poniżej dodaję kolejne trzy:

7. Wyrównanie - elementy strony powinny być wyrównane (podobnie jak w publikacjach papierowych). Nie oznacza to jednak, że wszystkie elementy muszą zaczynać i kończyć się w tym samym miejscu. Stosuj wyrównanie, by strona wyglądała na bardziej uporządkowaną.

8. Przejrzystość - granice poszczególnych elementów powinny być widoczne, tekst powinien zawierać odpowiedni anti-aliasing.

9. Konsystencja - konsystencja oznacza, że wszystkie elementy grafiki do siebie pasują. Rozmiar nagłówków, wybór czcionki, kolory, odstępy i elementy powinny do siebie pasować. Sprawia to, że Twój projekt wygląda profesjonalnie. Najłatwiejszym sposobem na osiągnięcie konsystencji jest podjęcie ważnych decyzji odnośnie projektu na samym początku i konsekwentne ich przestrzeganie. W przypadku dużych projektów mogą się jednak pojawić zmiany już w trakcie pracy. Warto wtedy wrócić do poprzednio zaprojektowanych stron i dokonać zmian, tak aby były one zgodne z resztą projektu.

Stosuj CSS stylesheets - zdefiniuj główne tagi, takie jak <h1> czy <p>, tak aby nie musieć zapamiętywać nazwy ich klasy, tylko by wstawiały się one domyślnie.

źródło: www.semguru.pl