Magazine Design Principles Anvendt til Web Design
Jeg har fået min professionelle start i designdesignen hos en magasinudgiver. Magazine layout og design er derfor meget tæt på mit hjerte.
Mange principper for magasin design og layout overføres let til verden af webdesign. Nogle af disse er ret oplagte, mens du måske har overset andre. Men det handler virkelig om et godt design transcendent medium.
Her har jeg dækket nogle af mine yndlingslektioner fra magasindesign, og hvordan de kan gælde for webdesign. Men det vigtigste, jeg håber du kan tage væk fra denne artikel er, at du kan tage design ideer og konventioner fra en form for medier og anvende den på andre.
Så hvis din baggrund er i noget som indretning eller grafisk design eller endda noget som industrielt design, kan du tage de principper, du allerede ved, og anvende dem på dine webdesignprojekter.
Enkel baggrund = bedre læsbarhed
Hvis du åbner 90% af magasiner, er den vigtigste baggrundsfarve bag kopiets kopi hvid. Selv om traditionen er hovedårsagen til dette, startede denne tradition med god grund (udover trykteknologi). Selv i tilfælde hvor en hvid baggrund ikke anvendes, en simpel, solidfarvet eller subtilt mønster baggrund. Dette gør kroppen kopi meget læselig, og hjælper med at forhindre øjenbelastning.
I nogle tilfælde finder du kropseksempler over et billede, men i disse tilfælde finder du ofte, at typestørrelsen er blevet øget, og der lægges særlig vægt på at sikre tilstrækkelig kontrast mellem tekst og billede. Og det er sjældent at finde en hel artikel typeet over billeder. Det samme bør anvendes på ethvert website design.
Opretholdelse af konsistens hele vejen igennem
Flip gennem et magasin, og du vil sandsynligvis bemærke, at der er meget konsistens fra den ene side til den næste. Skrifttyper er de samme. Overskrifter er de samme. Grundlæggende sidelayouter er de samme. Sikker på, at artikler kan have nogle afvigelser i, hvordan de er lagt ud, men ting som sidetal findes på stort set det samme sted, og billeder vil sandsynligvis blive vist i samme stil, blandt andre konsistenser.
Denne sammenhæng er beroligende for læseren. De flip fra en side til den næste, og de ved hvad de kan forvente. Det samme går fra et udgave af bladet til det næste.
Denne form for konsistens kan let overføres til verden af webdesign. Sørg for, at ting som dit overskrift, navigation og andre nøgleelementer i dit layout er ens på hele webstedet. På samme linier skal du sørge for, at dine skrifttyper er konsekvente i hele webstedet, ikke kun i skrifttypens ansigt, men også i de anvendte størrelser og stilarter.
Enhver afvigelse gør opmærksom
Fordi magasinlayouter er så konsekvente, vil enhver afvigelse fra standardlayoutet gøre opmærksom. Det skiller sig ud blandt de andre sider. Derfor finder vi så ofte, at den vigtigste fremhævede artikel i et blad har i det mindste titelsiden formateret forskelligt.
Det samme princip kan anvendes på din hjemmeside. Hvis du har en bestemt side, som du vil skille ud, skal du foretage ændringer fra standardlayoutet. Dette gøres ofte med to bestemte typer sider: destinationssider og kunstorienterede blogindlæg. I begge tilfælde er det meningen at gøre siden speciel i øjnene for dine besøgende.
Reklame er tydeligt markeret og ikke påtrængende
Reklame i magasiner er altid tydelig afgrænset af bladets indhold. Enten er det visuelt adskilt fra det redaktionelle indhold, eller det er markeret specifikt som reklame.
Dette har at gøre med tillid. Hvis dine læsere ikke er sikre på, hvad der er redaktionelt og hvad der annonceres, så er de mindre tilbøjelige til at stole på dit indhold. Dette gælder især ting som sponsorerede blogindlæg. Hvis det ikke er klart, at det er sponsoreret, kan dine læsere føle sig dummet, hvis de oprindeligt tror, at det er redaktionelt, for kun at finde ud af det anderledes senere.
Store billeder er bedre billeder
Magasiner har tendens til at bruge større billeder. Faktisk vil du se mange billeder, der dækker en hel side eller endda en tosiders spredning.
Det samme kan bestemt vedtages af hjemmesider. Brug billeder, der optager hele brugerens skærm. De får fat i den besøgendes opmærksomhed, samtidig med at de bliver mere visuelt tiltalende. Inkorporering af store billeder i dit design er et dristigt træk, og en der virkelig kan opsplitte designen af et websted.
Ditch store blokke af tekst
Dette synes måske ikke lige så tydeligt i starten. De fleste magasiner har trods alt store tekstblokke. Hele sider, faktisk.
Men de store tekstblokke brydes generelt op af ting som træk citater eller billeder. Du har sjældent side efter side efter tekstside i forbrugermagasiner (handel eller videnskabelige publikationer kan være en anden historie).
Så hellere end layout dit websteds hovedtekst i store klumper, bryd det op med typografiske elementer, billeder og endda reklame. Selv ting, der er så enkle som at holde dine afsnit korte og opdele dit indhold i sektioner med overskrifter, kan gøre en stor forskel i læsbarhed og holde dine besøgers interesse.
Brug gitteret, men vær ikke bange for at bryde den
Magasiner er lagt ud ret strengt langs et gitter. Men på samme tid ser du ofte layouter, der med vilje bryder nettet. Elementer som billeder eller træk citater vil skelne mellem kolonner og tilføje visuel interesse for layoutets design.
Under udbrud kan nettet være lidt mere teknisk udfordrende for webdesigneren end printdesigneren. Det er stadig noget, der oversætter godt fra print til digitalt design.
Du har brug for en stærk teaser
Et bladets dækning tjener som sin teaser. Når en forbruger kigger på et bladkiosk, tjener et blad til at tiltrække deres opmærksomhed. Det er den eneste chance, de fleste magasiner får til at tiltrække en ny læser, eller at lokke en eksisterende læser til at tjekke det nye problem.
Websites har ikke rigtig "covers" (jeg anbefaler bestemt ikke, at du bruger animerede intros eller splash sider til at tegne besøgende), men de har teasers. Dette ser en besøgende, når de først vises på dit websted. Det er overskriften, overskriften, navigationen, den visuelle stil og brugervenlighed. Dybest set er den første brugeroplevelse.
Uden en stor teaser vil en besøgende sandsynligvis klikke på deres browserens tilbage-knap, ligesom de ville overse et blad med et uinteressant cover på aviskiosken. Se på det indtryk, dit websted giver i begyndelsen med et kritisk øje, og spørg dig selv om du ærligt vil holde fast for at læse mere af webstedet.
Konklusion
Mens mange af principperne for magasinlayout og design let kan anvendes til webdesign, skal du huske at det ikke handler om at anvende principper direkte fra et medium til et andet. I stedet handler det om at udforske andre typer design og detaljerne i et bestemt format og finde ud af, hvad der kan overføres fra en disciplin til en anden. Tænker på dine designs i disse termer vil næsten helt sikkert føre dig til at prøve nye ting og at eksperimentere med ideer fra andre formater. Nogle kan arbejde og nogle måske ikke, men godt design er godt design.
Sideeksempler taget fra .net Magazine og Have & Gun .