1. Podstawy projektowania do Internetu
nr.3 „Wybrane elementy strony”
Tomasz Kwiatkowski 3pracownia.diz.pl 3pracownia.wordpress.com
ASP Gdańsk, Wydział Architektury i Wzornictwa, 23.10.2013

2. Graficzny interfejs użytkownika
Typografia
Kolor

3. Przycisk

4. Prawo Fittsa
„czas potrzebny na przesunięcie się do określonego celu, zależy od rozmiaru celu i dystansu do niego”

14. Hiperłącze

15. Niebieski
50%
Czerwony
13%
Czarny
12%
Szary
12%
Zielony
6%
Brązowy
5%
Purpurowy
2%

16. Ikony

17. „Lubią nas a my lubimy znowu innych
Lubią nas drabina głupich sięga nieba
Lubią nas i więcej nic już nie potrzeba nam
Bo lubią nas
I tylko czasem kiedy zsikam się
Wątpię czy lubią mnie”
Lech Janerka „Lubią nas”

20. Typografia

21. T T

22. monospaced
cursive
fantasy

23. Core fonts for the Web : Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New
Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings (Microsoft 1996)
Adobe web type : Minion Web, Minion Web Italic, Minion Web Bold, Myriad Web,
Myriad Web Italic, Myriad Web Bold, Myriad Condensed Web, Myriad Condensed Web Italic,
Caflisch Script Web, Mezz Web Bold, Penumbra Serif Web, Giddyup Web (Adobe)
Monotype ESQ Fonts: Bookman Old Style, Gill Sans, New Gothic, Rockwell (Agfa)

24. Wójt dźgnął boży puch, sześć frań, milkę.
Mknął boży puch. Jeść stóg z lędźwi Frań?
Puść mą dłoń! Gnij schab, frytkę! Zwóź żel!
Tknę łój, wapń. Dość! Uf! Gryź chleb,miąższ!
Znajdź pchły, wróżko! Film "Teść" gębą suń!
Mnich zwlókł żerdź. Puść tą boję! Gań syf!
Sklną chów żab? Jim, puść dłoń! Zgryź fetę!
Aj, pech! Struś dźgnął ćmę FBI! Koń lży wóz.
Tchórz w KGB. Sądź płoć! Fajny mężuś i leń.
Bądź waść gej, chroń kumpli! Złóż syf, tnę!

25. Windows: Times New Roman, Georgia, Arial, Verdana, Trebuchet MS, Tahoma,
Courier New, Andale Mono
Apple Mac OS: New York, Palatino, Times, Chrcoal, Chicago, Geneva, Helvetica,
Lucida Grande, Courier, Monaco
Unix/Linux: Bitstream Vera Serif, New Century Schoolbook, Times, Utopia
Bitstream Vera Sans, Helvetica, Lucida, Bitstream Vera Mono, Courier

26. Arial
Comic Sans MS
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana

27. Arial
Verdana
Helvetica
Georgia
Times
Tahoma
Times New Roman
Trebuchet MS
Lucida Grande
Geneva
Lucida Sans Unicode

28. Dzieci:
12-14 punktów
Młodzież:
10-12 punktów
Standard:
10-12 punktów
Osoby starsze i z wadą wzroku: 12-14 punktów

29. Puść mą dłoń! Gnij schab, frytkę! Zwóź żel!

30. Puść mą dłoń! Gnij schab, frytkę! Zwóź żel!

31. Puść mą dłoń! Gnij schab, frytkę! Zwóź żel!

33. Kolory

42. Pozostałe

46. Zadanie:
Wprowadź poprawki do swojego projektu.

47. Dziękuję za uwagę

48. Źródła:
Książki:
Nielsen Jakob, „Projektowanie funkcjonalnych serwisów internetowych”, Helion, Gliwice 2003
Boguska-Torbicz Anna, Kasperski Marek, „Projektowanie stron www, użyteczność w praktyce”, Helion, Gliwice 2008
Mączyńska-Frydryszek,A., Jaskólska-Klaus, M., Maruszewski, T., . „Psychofizjologia widzenia”
WWW:
www.uxbite.com, gajdaw.pl
Obrazy:
smashingmagazine.com, www.hongkiat.com,