Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum dla Listopad 25th, 2011

Artystyczne projektowanie stron internetowych

Autor: Piotr Karpiuk o 25. listopada 2011

Miałem ostatnio okazję przejrzeć książkę dla początkujących webmasterów: Artystyczne projektowanie stron internetowych, Jason Beaird. Nie jest to nowość, ale kilka zawartych tu informacji wydało mi się interesujących.

Autor proponuje, aby w początkowych stadiach realizacji projektu (rozmowa z klientem, pierwszy szkic makiety) w ogóle zrezygnować z komputera i sięgnąć po bardziej tradycyjne technologie:

Na pierwszym spotkaniu z klientem chodzi o komunikację. Staraj się słuchać więcej, niż mówić, i przynieś ze sobą bloczek kartek papieru, na których możesz notować. Nie przynoś laptopa. Komputery mają ekrany, a ludzie mają zwyczaj wpatrywać się w nie. Jeśli klient nie będzie gapił się w ekran przez cały czas, to Ty będziesz to robił podczas zapisywania notatek. Jeśli musisz przywlec technologiczne gadżety na spotkanie, niech to będzie dyktafon. Z mojego doświadczenia wynika jednak, że notes jest mniej przerażający dla klienta, który często nie jest zbyt obeznany z nowoczesną technologią. (…) Musimy zaprojektować interfejs na czystej kartce papieru. Łatwo jest stracić z oczu sam projekt, jeśli zaczynasz myśleć o układzie graficznym przed komputerem.

Kilka innych uwag o designie stron WWW:

  • Jesteśmy tak przyzwyczajeni do wielokolorowych witryn internetowych, że kiedy natrafiamy na projekt stosujący tylko jeden kolor, to naprawdę nas on zaskakuje.
  • Wśród najczęściej wykorzystywanych elementów w projektach Web 2.0 są gradienty tła. Projektanci stron internetowych często żartują, że jeśli strona nie ma żadnych gradientów, to nie jest to Web 2.0.
  • Wiele stron zamiast używać stopki od głównych odsyłaczy i informacji o prawach autorskich rozszerza tę zaniedbywaną „nieruchomość” strony, aby zawierała informacje kontaktowe, rozbudowaną nawigację strony i dodatkowe treści, takie jak blogroll (zestaw linków do innych blogów), linkroll (zbiór odsyłaczy do innych stron), tzw. Flickr badges (miniaturowe zdjęcia dodawane do stron WWW), itd. Chociaż zamieszczenie głównych elementów nawigacyjnych na dole strony nie jest najszczęśliwszym pomysłem, to pomysł dołączenia w tym miejscu dodatkowej nawigacji i treści stał się ostatnimi czasy modny.
  • Możesz zauważyć, że w większości dwukolumnowych układów stron internetowych większa kolumna jest często bardzo jasnego koloru, co jest taktyką tworzącą dobry kontrast dla tekstu i zasadniczej treści. Drobna kolumna nawigacyjna jest zwykle ciemniejsza, a jakiś rodzaj obramowania lub jest tak sporządzona, aby — wyróżniając się w jakiś inny sposób — zapewniała równowagę kompozycji.
  • Kiedy powiązane z treścią zdjęcia są umieszczone w tekście, stanowią one graficzne „zakładki” pomagające odwiedzającym witrynę w zapamiętaniu, o czym traktowała strona, a także gdzie czego szukać, gdy później do niej powrócą.
  • Układ strony o zmiennie stałej szerokości to propozycja układu sensownie reagującego na dość znaczne różnice w rozdzielczościach ekranów Internautów: kiedy powiększymy okno przeglądarki z 800 pikseli do 1024 szerokości lub więcej, wówczas po prawej stronie pojawia się dodatkowa kolumna którą możemy wykorzystać na reklamy, zajawki, formularz do przeszukiwania witryny itp.

Czytaj więcej »

Napisany w DTP, Recenzja, Recenzja książki, WWW | Brak komentarzy »