Online blogs zijn veranderd in digitale publicaties met elk groot drukkerijbedrijf met een eigen website. Deze blogs hebben meestal de vorm van een digitaal magazine dat er professioneler uitziet dan een kleinere persoonlijke site.

Maar wat gaat er in een tijdschrift lay-out? En hoe kun je er een ontwerpen voor je eigen site?

Deze lijst moet je op weg helpen met 9 essentiële functies voor een kwalitatief tijdschriftlogo. Als u met deze functies werkt en bouw een bruikbare interface je hebt een geweldig ontwerp dat bij elke online publicatie zou moeten passen.

1. Sterke branding

Dit lijkt misschien voor de hand liggend, maar een sterk merk helpt het 'magazine'-gevoel echt verkopen via een persoonlijke blog. Als je voor een gezaghebbende publicatie gaat, moet je focussen op branding .

Hoe onderscheid je je van elke andere blog? Idealiter door inhoud, maar uw merk maakt daar een groot deel van uit. Het onderstaande Wired-logo is bijvoorbeeld bekend bij technische blogs. Het bestaat al jaren en wanneer u dat merk ziet, herkent u de site onmiddellijk.

Maar u kunt ook branding toevoegen aan de zijbalk en voettekst van uw site. Het doel is om een ​​consistente stijl te creëren die gewoon sterker aanvoelt dan rinky-dink-blogspot-sites.

01-wired-tijdschrift

2. Scherpe koppen

U kunt uw kop een willekeurig aantal manieren vormgeven, zodat er niet één correct ontwerp is. Maar je wilt altijd kop typografie dat is knapperig, gemakkelijk te bekommen en meestal dik.

Kijk eens naar de krantenkoppen US Magazine om te zien wat ik bedoel. Deze koppen beslaan de volledige paginabreedte en de letters zijn behoorlijk dik. Je kunt die kop niet negeren, want hij is praktisch in je gezicht geduwd. Dat is het doel met uw kop - zorg dat het opvalt om echt de aandacht te trekken en mensen aan te moedigen om te blijven lezen.

02-us-tijdschrift-headline-sterke

3. Gedifferentieerde navigatiemenu's

Sommige ontwerpers kunnen tegen deze eigenschap argumenteren dat tijdschriftenpagina's geen massieve menu's nodig hebben. Dit is over het algemeen waar, maar tijdschriften in tijdschriftenstijl hebben vaak een groot archief aan berichten. U wilt de best mogelijke manier bieden waarop mensen al deze berichten kunnen bekijken.

Of u nu WordPress-categorieën, tags of zelfs gebruikt aangepaste taxonomieën , je kunt deze toevoegen aan een enorme mega-navigatie. Dit kunnen dropdown-menu's zijn met lijsten met recente berichten of populaire tags / categorieën, of zelfs een combinatie van beide.

Het menu voor Atlanta Magazine is vrij soepel met veel links ingebed in de vervolgkeuzelijst. Bovendien is de responsieve glijdende nav duidelijk toegankelijk op mobiele apparaten, zodat smartphonegebruikers niets missen.

Deze gelaagde navigatie kan vervolgkeuzemenu's op meerdere niveaus omvatten of zelfs worden vastgezet om met de gebruiker te scrollen. Zoveel opties en echt de grootste factor is bruikbaarheid vermengd met tonnen links om te bladeren.

03-Atlanta-tijdschrift-dropdown-nav

4. Uitgelichte Posts Widgets

Elke homepage in tijdschriftstijl ziet er een beetje anders uit met verschillende miniatuurformaten, aangepaste indelingen en natuurlijk verschillende aanbevolen widgets.

Ik beschouw deze als een nietje van elke tijdschriftsite, omdat de aanbevolen widget de aandacht trekt. Dit is wat u kunt gebruiken om de nieuwste berichten of hot stories te promoten die de meeste aandacht verdienen.

Search Engine Journal heeft een schuifknop van het carrouseltype waarin het tegelijkertijd roteert tussen 3 van hun aanbevolen verhalen. Elk verhaal laadt een fragment in de linkerkant, dat ook een voorbeeldminiatuur biedt.

Maar geen twee homepages zijn identiek, dus kijk eens rond op je favoriete tijdschriftsites en zie welke andere aanbevolen verhaalstijlen je kunt vinden.

04-search-engine-tijdschrift gekenmerkt-widget

5. Knoppen voor prominent delen

Als het gaat om bouwen een sterke aanwezigheid je kunt sociale media niet negeren. En als u meer bezoekers van uw tijdschriftachtige blog wilt, wilt u op elk bericht social sharing-knoppen plaatsen.

Deze zijn er in vele stijlen en kunnen aan de zijkant van de pagina worden bevestigd of aan de onderkant van het bericht worden toegevoegd of zelfs worden toegevoegd aan afbeeldingen zoals Pinterest-deeltoetsen.

Op ZDNet gebruiken ze een lange rechthoek van deelknoppen direct onder de kop van het bericht. Dit gebruikt duidelijke pictogrammen met gekleurde blokken om te verwijzen naar alle top sociale netwerken.

Maar nogmaals, je kunt een hoop voorbeelden vinden door alleen maar naar enkele populaire blogs te kijken. En het maakt niet uit welke stijl je kiest, het is een goed idee om dit te doen gesplitste test formaten om te zien welke de meeste (s) de meeste aandelen genereert.

05-ZDNet-sharing-knoppen

6. Gerelateerde berichten

Ik weet zeker dat we allemaal die widgets met de titel 'je vindt misschien ook leuk ...' onderaan de nieuwsartikelen te zien krijgen. Sommige hiervan zijn native ads maar in tijdschriften-achtige sites gebruiken deze widgets echt om relevante inhoud te promoten.

Deze functie moet een nietje zijn voor elk blog, want het is een geweldige manier om pageviews zonder veel moeite te vergroten. Bezoekers zullen niet altijd op categorie bladeren, maar ze kunnen bladeren door gerelateerde berichten. Het onderstaande voorbeeld van Real Simple heeft een super schoon ontwerp; precies waar je voor moet gaan.

Plaats thumbnails op de eerste plaats, dus zorg ervoor dat deze prominent in de buurt van de krantenkoppen worden weergegeven.

06-real-simple-you-mei-like

7. Toegankelijk zoeken (zelfs op mobiel)

Elke website heeft een zoekformulier nodig. Het is een van de beste manieren om dit te doen vergroot bruikbaarheid door mensen te helpen relevante inhoud te vinden.

Het verschil met een tijdschriftsite is dat het vaak veel te druk kan zijn om te zoeken. Gebruikers kunnen zich overweldigd voelen door zoveel inhoud en zoveel links dat ze niet eens de moeite nemen om te zoeken.

Een prominente zoekvorm zoals op Push Square is ideaal om meer zoekopdrachten aan te moedigen.

U kunt een vergrootglaspictogram in uw navigatie gooien en het dropdown-schakelingseffect op elke pagina gebruiken. Natuurlijk werkt dit voor mobiel ook dus het is een betrouwbare keuze voor elke magazijnlay-out.

07-push-square-search-tijdschrift-functie

8. Aangepaste pagina-elementen

Deze functie is een beetje vaag, maar ik bedoel hem opzettelijk vaag. Elke generieke blog voelt meestal hetzelfde: paragrafen over alinea's met weinig tot geen aangepaste opmaak.

Geweldige tijdschriftthema's profiteren van aanpassing door functies in de post toe te voegen. Dit kunnen allerlei pagina-elementen zijn die uw inhoud verbeteren en uw berichten gemakkelijker consumeren. Een paar ideeën die ik heb gezien, zijn op verschillende websites gebruikt:

  • Pull-citaten
  • Inhoudsopgave
  • Diapresentaties achter de schermen
  • "Zie ook" gerelateerde berichten

Weet je nog hoe ik eerder de verwante posts-widget noemde? Dat is geweldig om aan het einde van je bericht toe te voegen, maar je kunt ook verwante inhoud toevoegen aan je bericht.

Bijvoorbeeld TechCrunch voegt een widget "zie ook" toe onderaan elke post. Dit is ook overheersend op het tech-blog Hongkiat die relevante berichten toevoegt in kleine blokken in de inhoud.

Ik kan u niet precies vertellen welke functies u aan uw site moet toevoegen. Maar besteed zeker tijd aan het brainstormen over een aantal ideeën en het uitproberen van wat er op de stokken staat.

08-android-autoriteit-pagina-elementen

9. Featured Image Headers

Als je bij de eerste pageload precies de aandacht wilt trekken, wil je twee dingen: een grote kop (eerder behandeld) en een duidelijk uitgelijnd beeld.

WordPress wordt geleverd met aanbevolen afbeeldingen standaard en u kunt specifieke formaten programmeren voor uw afbeeldingen. Voor blogs in tijdschriftstijl is het het beste om deze behoorlijk groot te maken en de held afbeelding trend . U kunt een afbeelding op volledig scherm gebruiken zoals in de Dwell screenshot hieronder. Of u kunt afbeeldingen ontwerpen die passen in het inhoudsgebied van uw lay-out.

Hoe dan ook, elke post zou een aanzienlijke afbeelding moeten hebben die helpt de inhoud te verkopen. Je ziet dit op vrijwel elke blog in de stijl van een tijdschrift, zelfs in deze post als je naar de top scrolt!

Houd al deze ideeën in gedachten bij het ontwerpen van uw lay-out en laat voldoende ruimte voor opvallende aanbevolen afbeeldingen.

-09-dwell-magazine bevat het beeld