Hvordan designe

«Tre designtrender – web 2010

Flere av årets web trender kombinerer både ny teknologi og elementer fra godt grafisk design.

Her er tre trender så langt i 2010:

Serif-fonter

Et av de viktigste spørsmålene om typografi, er lesbarhet. Grafisk designere favoriserer ofte seriffonter nettopp på grunn av lesbarheten. Sans-serif fonter har generelt vært ansett enklere å lese på skjermen. Men med flere nettbrukere som surfer med høy oppløsning og forbedringene i teknologi, har serif-fonter blitt svært lesbar i webdesign.  

Store headinger

I grafisk design har man brukt store overskrifter for å fange oppmerksomhet siden tidenes morgen. I 2009 så man at store overskrifter begynte å fungere godt innen webdesign, og denne trenden vil bare komme sterkere i år.

Stort hovedbilde

Et bilde sier mer enn 1000 ord, heter det. Et bilde kan fremdeles ikke sies å ha samme kraft på web som på print (på grunn av oppløsningen), men med hastigheten i dagens bredbånd og fibernett kan man bruke betydelig større bilder enn for bare få år siden. Det er derfor med god grunn man ser stadig større og bedre bilder på websteder.»

 tatt fra http://www.momentas.no/2010/05/tre-designtrender-web-2010/

«Linjeavstand på web

Linjeavstand er avstanden mellom grunnlinjene i en satt tekst, og blir bestemt ut fra flere faktorer. For brødtekst kan man si at lange linjer trenger større linjeavstand for at lesbarheten skal bli god. Når det gjelder overskrifter kan man redusere linjeavstanden. I html-dokumenter er det ikke riktig så innlysende hvordan man skal få den linjeavstanden man trenger for at siden skal bli lesbar. Nettleserne arbeider med en linjeavstand på ca. 1.2 ganger skriftstørrelsen. Det betyr at tekst med skriftstørrelse 10 piksler vil få en linjeavstand på 10 x 1.2 = 12 piksler. For trykte dokumenter kan det være greit. Imidlertid anbefaler WCAG 2.0 (The Web Content Accessibility Guidelines) en linjeavstand på 1.5 ganger skriftstørrelsen.

Linjeavstanden bør angis via css, og det finnes flere måter å gjøre dette på. Du kan gjøre det i <body>-taggen, og la alle arve verdien, og evt. å spesifisere egne klasser for spesielt bruk, eller du kan angi for hver tagg. det som er mest viktig er hvilke verdier du benytter. Du kan angi linjeavstanden i forskjellige formater, enten i faste lengder, i relative lengder, eller som en faktor. Angir du linjeavstanden som en fast lengde f.eks i <body>-taggen, vil all tekst som ikke har fått en mer spesifisert verdi, få samme linjeavstand. Det er uheldig. Det beste er å benytte relative verdier, eller faktor. Da er du sikret at linjeavstanden i mest mulig grad blir slik du ønsker den.
Et annet forhold kan være hvis du f.eks. benytter tekst i en blokk som av en eller annen grunn ikke kan endre størrelse. Da kan man gjerne sette fast verdi via egne klasser. Hvis du vil vite mer om emnet kan du se igjennom Russ Weakleys slideshow, som jeg hentet fra MaxDesign.»

Tatt fra http://www.typografika.name/2010/01/typografi/linjeavstand-pa-web/