Grafisk design & brugervenlighed
Uge 04
Designoplæg – Portofolio – Axel Ryberg
Jeg har udvalgt mit portofolio som udgangspunkt for ugens designoplæg. Her har jeg taget udgangspunkt i de farver jeg valgte i sidste uge, dog med den ændring, at jeg på baggrund af feedback holder mig til ET sæt komplementærfarver 😊
Den turkis farve har noget af den samme værdi, som blå ofte har, nemlig at udtrykke en seriøsitet, der sammen med den energiske orange skaber en balance, som både er visuel og symbolsk.
Font Som font bruger jeg PT Sans, som jeg synes står godt på en skærm og er nem at læse. Jeg har bygget siden op med fede overskrifter og fordelingen 40 pt for sidens primære overskrift, 25 pt til sekundære overskrifter og 20 pt for brødtekst og tertiære overskrifter. På den måde bruger jeg teksternes størrelse til at angive vigtighed og guide brugeren til et overblik over siden.
Den turkis farve har noget af den samme værdi, som blå ofte har, nemlig at udtrykke en seriøsitet, der sammen med den energiske orange skaber en balance, som både er visuel og symbolsk.
Font Som font bruger jeg PT Sans, som jeg synes står godt på en skærm og er nem at læse. Jeg har bygget siden op med fede overskrifter og fordelingen 40 pt for sidens primære overskrift, 25 pt til sekundære overskrifter og 20 pt for brødtekst og tertiære overskrifter. På den måde bruger jeg teksternes størrelse til at angive vigtighed og guide brugeren til et overblik over siden.
Sidens opbygning
Jeg har bygget siden op efter principper om det gyldne snit og læseretning, således at brugeren gerne skulle bevæge sit blik fra sidens overskrift og ned på knapperne, og derfra ned på tekster og billeder. Her har jeg fx brugt lighedsprincippet til at opdele siden i sammenhørende elementer. Det kommer til udtryk ved at den primære overskrift er støttet af en orange bar, der dels understreger den yderligere, men også adskiller den fra knapperne, som er samme størrelse og farve. Samme princip følger for tekstbokse. NB. Knapperne er på billedet vist med forskellige nuancer af hovedfarven. Det skyldes at jeg vil vise, hvordan et valgt afsnit og en ”mouse-over” knap ser ud.
Tekstfelter har jeg givet en tynd kant i en mørkere tone. Det skyldes, at den lyse baggrundsfarve kan flyde ud med den hvide baggrund, så for at tage højde for det og yderligere understrege elementernes indbyrdes samhørighed, er den kant kommet på.
Tekstfelter har jeg givet en tynd kant i en mørkere tone. Det skyldes, at den lyse baggrundsfarve kan flyde ud med den hvide baggrund, så for at tage højde for det og yderligere understrege elementernes indbyrdes samhørighed, er den kant kommet på.