Podstawy projektowania do Internetunr.3 „Wybrane elementy strony”

Tomasz Kwiatkowski 3pracownia.diz.pl 3pracownia.wordpress.comASP Gdańsk, Wydział Architektury i Wzornictwa, 23.10.2013

Graficzny interfejs użytkownikaTypografiaKolor

Przycisk

Prawo Fittsa

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

Hiperłącze

Niebieski 50%

Czerwony 13%

Czarny 12%

Szary 12%

Zielony 6%

Brązowy 5%

Purpurowy 2%

Ikony

„Lubią nas a my lubimy znowu innychLubią nas drabina głupich sięga niebaLubią nas i więcej nic już nie potrzeba namBo lubią nas

I tylko czasem kiedy zsikam sięWątpię czy lubią mnie”

Lech Janerka „Lubią nas”

Typografia

T T

monospacedcursivefantasy

Core fonts for the Web : Andale Mono, Arial, Arial Black, Comic Sans MS, Courier NewGeorgia, 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)

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ę!

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, UtopiaBitstream Vera Sans, Helvetica, Lucida, Bitstream Vera Mono, Courier

Arial Comic Sans MSGeorgiaImpactTimes New RomanTrebuchet MSVerdana

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

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

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

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

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

Kolory

Pozostałe

Zadanie:Wprowadź poprawki do swojego projektu.

Dziękuję za uwagę

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

Obrazy:smashingmagazine.com, www.hongkiat.com,