Jeg fikk min profesjonelle start i designdesignen på et spesialutgivelsesblad. Magasin layout og design er derfor veldig nær hjertet mitt.

Mange prinsipper for magasindesign og layout blir enkelt overført til verden av webdesign. Noen av disse er ganske åpenbare, mens du kanskje har oversett andre. Men egentlig handler det om god design transcending medium.

Her har jeg dekket noen av mine favorittleser fra magasindesign, og hvordan de kan søke på webdesign. Men det viktigste jeg håper du kan ta bort fra denne artikkelen er at du kan ta designideer og -konvensjoner fra en form for media og bruke den til andre.

Så hvis din bakgrunn er i noe som interiørdesign eller grafisk design eller til og med noe som industrielt design, kan du ta de prinsippene du allerede vet, og bruke dem på dine webdesignprosjekter.

Enkel bakgrunn = bedre lesbarhet

Hvis du åpner 90% av magasiner, er hovedbakgrunnsfargen bak kroppseksemplaret hvit. Tradisjonen er hovedårsaken til dette, men tradisjonen startet med god grunn (foruten trykkteknologi). Selv i tilfeller der en hvit bakgrunn ikke er brukt, en enkel, solid-farget eller subtil-mønstret bakgrunn. Dette gjør at kroppskopien er veldig lesbar, og bidrar til å forhindre øyebelastning.

I noen tilfeller finner du kroppseksempler over et bilde, men i disse tilfellene finner du ofte at typestørrelsen er økt, og spesiell oppmerksomhet er utbetalt for å sikre tilstrekkelig kontrast mellom tekst og bilde. Og det er sjelden å finne en hel artikkel typeet over bilder. Det samme bør brukes på ethvert webdesign.

font size differences

Oppretthold konsistensen gjennom hele

Vend gjennom et magasin, og du vil sannsynligvis legge merke til at det er mye konsistens fra en side til den neste. Fonter er de samme. Overskrifter er de samme. Grunnleggende sidelayouter er de samme. Visst, artikler kan ha noen avvik i hvordan de er lagt ut, men ting som sidetall vil bli funnet på omtrent det samme stedet, og bildene vil sannsynligvis bli vist i samme stil, blant andre konsistenser.

consistency

Denne konsistensen er beroligende for leseren. De flip fra en side til den neste, og de vet hva de kan forvente. Det samme gjelder fra et utgave av bladet til det neste.

Denne typen konsistens kan enkelt overføres til verden av webdesign. Pass på at ting som topptekst, navigasjon og andre viktige elementer i layoutet ditt er de samme på hele nettstedet. På samme linje, sørg for at skriftene dine er konsistente gjennom hele nettstedet, ikke bare skriftfaget, men også størrelsen og stilene som brukes.

Enhver avvik drar oppmerksomhet

Fordi magasinoppsettene er så konsekvente, avviker det fra standardoppsettet. Det skiller seg ut blant de andre sidene. Det er derfor, så ofte, finner vi at den viktigste kjennede artikkelen i et magasin har minst tittelsiden formatert annerledes.

Det samme prinsippet kan brukes på nettstedet ditt. Hvis du har en bestemt side du vil skille ut, gjør du endringer fra standardoppsettet. Dette gjøres ofte med to bestemte typer sider: destinasjonssider og kunstregulerte blogginnlegg. I begge tilfeller er poenget å gjøre siden spesiell i forhold til dine besøkende.

Reklame er tydelig merket og ikke påtrengende

Annonsering i magasiner er alltid tydelig avgrenset fra magasinets innhold. Enten er det visuelt forskjellig fra redaksjonelt innhold, eller det er merket spesielt som reklame.

Dette har å gjøre med tillit. Hvis leserne dine ikke er sikker på hva som er redaksjonelt og hva annonserer, så er de mindre sannsynlig å stole på innholdet ditt. Dette er spesielt sant med ting som sponsede blogginnlegg. Hvis det ikke er klart at det er sponset, kan leserne dine føle seg lurt hvis de først tror at det er redaksjonelt bare for å finne ut annerledes senere.

Store bilder er bedre bilder

Magasiner pleier å bruke større bilder. Faktisk ser du mange bilder som dekker en hel side eller til og med en tosidig spredning.

big images

Det samme kan definitivt bli vedtatt av nettsteder. Bruk bilder som tar opp hele brukerens skjermbilde. De vil ta tak i den besøkendes oppmerksomhet, samtidig som de blir mer visuelt tiltalende. Inkorporering av store bilder i ditt design er et dristig trekk, og en som virkelig kan skille ut designen av et nettsted.

Ditch store blokker med tekst

Dette kan ikke virke som tydelig i begynnelsen. Tross alt har de fleste magasiner store tekstblokker. Hele sidene, faktisk.

Men de store tekstblokkene brytes vanligvis opp av ting som å trekke sitater eller bilder. Du har sjelden side etter side etter tekstside i forbrukermagasiner (handel eller vitenskapelige publikasjoner kan være en annen historie).

Så istedenfor å oppgi nettstedets hovedtekst i store biter, bryte den opp med typografiske elementer, bilder og til og med annonsering. Selv ting som er så enkle som å holde avsnittene dine korte og bryte opp innholdet ditt i seksjoner med overskrifter, kan gjøre en stor forskjell i lesbarhet og holde dine besøkende interessert.

Bruk rutenettet, men vær ikke redd for å bryte den

Magasiner legges ut ganske strengt langs et rutenett. Men på samme tid ser du ofte layouter som slår grensen forsiktig ut. Elementer som bilder eller trekk sitater vil skille mellom kolonnene, og legger til visuell interesse for layoutets design.

break the grid

Ved å bryte utenfor kan nettverket være litt mer teknisk utfordrende for webdesigneren enn utskriftdesigneren. Det er fortsatt noe som overskrider godt fra utskrift til digital design.

Du trenger en sterk teaser

Et magasinomslag tjener som sin teaser. Når en forbruker blar på et kiosk, tjener dekselet til et magasin for å tiltrekke seg oppmerksomheten. Det er den eneste sjansen de fleste magasiner får til å tiltrekke seg en ny leser, eller å lokke en eksisterende leser for å sjekke ut det nye problemet.

cover

Nettsteder har egentlig ikke "dekker" (jeg anbefaler absolutt ikke at du bruker animerte intro eller splash sider for å trekke besøkende inn), men de har teasers. Dette er en besøkende som ser når de først vises på nettstedet ditt. Det er topptekst, overskrift, navigasjon, visuell stil og brukervennlighet. I utgangspunktet er den første brukeropplevelsen.

Uten en stor teaser, vil en besøkende trolig klikke på nettleserens tilbakeknapp, akkurat som de ville overse et magasin med et uinteressant deksel på aviskiosken. Se på inntrykket nettstedet ditt gir i utgangspunktet et kritisk øye, og spør deg selv om du ærlig vil stikke deg for å faktisk lese mer av nettstedet.

Konklusjon

Mens mange av prinsippene i magasinutforming og design lett kan brukes på webdesign, husk at det ikke handler om å bruke prinsipper direkte fra ett medium til et annet. I stedet handler det om å utforske andre typer design, og detaljene i et bestemt format, og finne ut hva som kan overføres fra en disiplin til en annen. Å tenke på designene dine på disse vilkårene vil nesten sikkert føre deg til å prøve nye ting, og å eksperimentere med ideer fra andre formater. Noen kan fungere og noen kanskje ikke, men god design er god design.

Sideeksempler tatt fra .net Magazine og Hage og pistol .