Online blogger har formet seg i digitale publikasjoner med alle store trykkerier som kjører sin egen nettside. Disse bloggene tar vanligvis form av et digitalt magasin som ser mye mer profesjonelt ut enn et mindre personlig nettsted.

Men hva går inn i et magasinoppsett? Og hvordan kan du designe en til ditt eget nettsted?

Denne listen skal komme i gang med 9 viktige funksjoner for et kvalitetsmagasinbloggdesign. Hvis du jobber med disse funksjonene og prøver å bygge en brukbart grensesnitt Du vil ha en flott design som passer til enhver nettpublikasjon.

1. Sterk merkevarebygging

Dette kan virke åpenbart, men en sterk merkevare hjelper virkelig å selge "magazine" følelsen over en personlig blogg. Hvis du skal ha en autoritativ publikasjon, må du fokusere på merkevarebygging .

Hvordan vil du skille deg ut fra hver annen blogg? Ideelt gjennom innhold, men merkevaren din er en stor del av det. For eksempel er Wired-logoen nedenfor kjent blant teknologiblogger. Det har eksistert i mange år, og når du ser det merket, gjenkjenner du umiddelbart nettstedet.

Men du kan legge til merkevarebygging i sidens sidebar og bunntekst også. Målet er å skape en konsistent stil som bare føles sterkere enn rinky-dink blogspot-nettsteder.

01-wired-magasin

2. Skarpe overskrifter

Du kan style din overskrift på noen måter, så det er ikke en riktig design. Men du vil alltid ha det overskriftstypografi Det er skarpt, lett å skumme, og vanligvis tykt.

Ta en titt på overskriftene på US Magazine å se hva jeg mener. Disse overskriftene spenner over hele sidebredden og bokstavene er ganske tykke. Du kan ikke ignorere overskriften fordi det praktisk talt er trykket inn i ansiktet ditt. Det er målet med overskriften, slik at det skiller seg ut for å virkelig ta oppmerksomheten og oppfordre folk til å fortsette å lese.

02-us-magasin-overskrift-sterk

3. Tiered Navigasjon Menyer

Noen designere kan argumentere for denne funksjonen og sier at magasinnettsteder ikke trenger massive menyer. Dette er generelt sant, men magasinstil nettsteder har ofte et stort arkiv av innlegg. Du ønsker å tilby best mulig måte for folk å bla gjennom alle disse innleggene.

Enten du bruker WordPress-kategorier, koder eller til og med egendefinerte taksonomier , kan du legge til disse i en massiv mega-navigasjon. Dette kan inneholde rullegardinmenyer med lister over nylige innlegg eller populære tagger / kategorier, eller til og med en blanding av begge.

Menyen for Atlanta Magazine er ganske jevn med mange koblinger innebygd i rullegardinmenyen. Pluss den responsive glidende naven er tydelig tilgjengelig på mobilen, slik at smarttelefonbrukere ikke går glipp av.

Denne tiered navigasjonen kan inkludere flere nivåer dropdowns eller til og med være løst for å rulle med brukeren. Så mange alternativer og virkelig den største faktoren er brukervennlighet blandet med tonnevis av koblinger for å bla.

03-Atlanta-magasin-dropdown-nav

4. Utvalgte innlegg Widgets

Hver magasinstil startside ser litt annerledes ut med forskjellige innlegg miniatyrstørrelser, tilpassede formater, og selvfølgelig forskjellige funksjoner.

Jeg betrakter disse som en stift av et magasinsted fordi den kjente widgeten er hva som tar hensyn til oppmerksomheten. Det er det du kan bruke til å markedsføre de siste innleggene eller de hette historiene som burde få mest mulig oppmerksomhet.

Search Engine Journal har en glidebryter av karusell-typen der den roterer mellom 3 av de kjente historiene på en gang. Hver historie laster et stykke i venstre side som også gir forhåndsvisnings miniatyrbilde.

Men ikke to hjemmesider er identiske, så prøv å bla på favorittmagasinet ditt og se hvilke andre stilarter du kan finne.

04-søkemotor-tidsskriftet funksjons-widget

5. Fremragende delingsknapper

Når det kommer til å bygge en sterk tilstedeværelse Du kan ikke ignorere sosiale medier. Og hvis du vil ha flere besøkende til bloggen din, vil du ha sosial delingsknapper på hvert innlegg.

Disse kommer i mange stiler og kan festes til siden av siden, eller legges til bunnen av innlegget, eller til og med lagt til på bilder som Pinterest-deleknapper.

På ZDNet bruker de et langt rektangel med deling av knapper rett under postoverskriften. Dette bruker vanlige ikoner med fargede blokker for å referere til alle de beste sosiale nettverkene.

Men igjen kan du finne massevis av eksempler bare ved å se på noen populære blogger. Og uansett hvilken stil du velger, er det en god ide å delt test formater for å se hvilken som genererer flest aksjer.

05-ZDNet-deling-knapper

6. Relaterte innlegg

Jeg er sikker på at vi alle ser disse widgetene med tittelen "du kan også like ..." nederst på nyhetsartikler. Noen av disse er Innfødte annonser men magasin stil nettsteder bruker virkelig disse widgets for å fremme relevant innhold.

Denne funksjonen bør være en stift for enhver blogg, fordi det er en fin måte å øke sidevisninger uten mye innsats. Besøkende vil ikke alltid bla etter kategori, men de kan bla gjennom relaterte innlegg. Eksempelet nedenfor fra Real Simple har et super rent design; nøyaktig hva du skal gå for.

Post thumbnails ta først oppmerksomhet, så sørg for at de er fremhevet fremtredende nær overskriftene.

06-real-enkelt-du-mai-lignende

7. Tilgjengelig søk (Selv på mobil)

Hvert nettsted trenger et søkeskjema. Det er en av de beste måtene å øke brukervennligheten ved å hjelpe folk med å finne relevant innhold.

Forskjellen med et magasinområde er at det ofte kan være altfor opptatt å søke. Brukere kan føle seg overveldet med så mye innhold og så mange linker at de ikke engang kan plage å søke.

Et fremtredende søkeskjema som på Push Square er ideell for å oppmuntre flere søk.

Du kan kaste et forstørrelsesglassikon i navigasjonen din og bruke rullegardinmenyen på hver side. Selvfølgelig virker dette for mobil også så det er et pålitelig valg for hver magasin layout.

07-Push-kvadrat-search-magasin-feature

8. Egendefinerte sideelementer

Denne funksjonen er litt tøff, men jeg dekker det svakt med vilje. Hver generisk blogg føles vanligvis det samme: avsnitt om avsnitt med lite til ingen tilpasset formatering.

Store magasintemaer utnytter tilpasningen ved å legge til i postfunksjoner. Disse kan være et hvilket som helst antall siderelementer som forbedrer innholdet ditt og gjør dine innlegg lettere å konsumere. Noen ideer jeg har sett brukt på ulike nettsteder:

  • Pull-sitater
  • Innholdsfortegnelse
  • In-post bildefremvisning
  • "Se også" relaterte innlegg

Husk hvordan jeg nevnte den relaterte innlegg widgeten tidligere? Det er flott å legge til nær slutten av innlegget ditt, men du kan også legge til relatert innhold inni innlegget ditt.

For eksempel Techcrunch legger til en "se også" widget mot bunnen av hvert innlegg. Dette er også overveiende på tech bloggen Hongkiat som legger til relevante innlegg i små blokker i innholdet.

Jeg kan ikke fortelle deg nøyaktig hvilke funksjoner du bør legge til på nettstedet ditt. Men definitivt tilbringe tid brainstorming noen ideer og teste dem ut for å se hvilke pinner.

08-android-myndighet-side-elementer

9. Utvalgte bildeoverskrifter

Hvis du vil ta hensyn til første gangs pageload, vil du ha to ting: en stor topptekst (dekket tidligere) og et klart utvalgt bilde.

WordPress kommer med kjente bilder som standard og du kan programmere bestemte størrelser for bildene dine. For bladblader er det best å gjøre disse ganske store og følg helten bilde trend . Du kan bruke et fullskjermbilde som i Dwell screenshotet nedenfor. Eller du kan designe bilder som passer inn i layoutets innholdsområde.

Uansett må hvert innlegg ha et betydelig bilde som bidrar til å selge innholdet. Du vil se dette på stort sett hver magasinblogg, selv på dette innlegget hvis du ruller til toppen!

Hold alle disse ideene i bakhodet når du utformer oppsettet ditt og la god plass til iøynefallende kjente bilder.

09-dwell-magasin funksjons-image