Online-blogit ovat muuttuneet digitaalijulkaisuiksi kaikkien tärkeimpien painotuotteiden kanssa, joilla on oma verkkosivusto. Nämä blogit ovat yleensä digitaalisen lehden muodossa, joka näyttää paljon ammattimaisemmalta kuin pienempi henkilökohtainen sivusto.

Mutta mitä tulee lehden ulkoasuun? Ja miten voit suunnitella yhden omalle sivustollesi?

Tämän luettelon pitäisi saada sinut alkuun 9 olennaisen ominaisuuden laatu-lehden blogi suunnittelu. Jos työskentelet näiden ominaisuuksien kanssa ja yritä rakentaa a käyttökelpoinen käyttöliittymä sinulla on hyvä muotoilu, joka sopii mihin tahansa online-julkaisuun.

1. Vahva brändäys

Tämä voi tuntua ilmeiseltä, mutta vahva brändi todella auttaa myymään "lehden" tunteen henkilökohtaiseen blogiin. Jos olet menossa arvovaltainen julkaisu sinun täytyy keskittyä brändäys .

Kuinka erotat kaikista muista blogeista? Ihannetapauksessa sisällön kautta, mutta brändi on valtava osa sitä. Esimerkiksi alla oleva Wired-logo on tunnettu teknisten blogien keskuudessa. Se on ollut jo vuosien ajan ja kun näet kyseisen tuotemerkin heti tunnistamalla sivuston.

Mutta voit lisätä brändiä sivustosi sivupalkkiin ja alatunnisteeseen. Tavoitteena on luoda johdonmukainen tyyli, joka tuntuu vahvemmalta kuin rinky-dink blogspot -sivustoilta.

01-kiinteä-lehden

2. terävät otsikot

Voit muotoilla otsikkoasi monin tavoin, joten ei ole oikeaa muotoilua. Mutta aina haluat otsikko typografia se on terävä, helppo hioa ja yleensä paksu.

Tutustu otsikkoihin US Magazine mitä tarkoitan. Nämä otsikot kulkevat koko sivun leveyden ja kirjaimet ovat melko paksuja. Et voi sivuuttaa kyseistä otsikkoa, koska se on käytännössä työnnetty kasvosi eteen. Se on päämääräsi otsikon kanssa - anna se erottua tarpeeksi todella tarttumaan huomiota ja kannustamaan ihmisiä lukemaan.

02-us-lehden otsikko vahva

3. Tierattu valikoiden valikoissa

Jotkut suunnittelijat voivat kiistää tätä ominaisuutta sanomalla, että lehtisivustoilla ei tarvita valtavia valikkoja. Tämä on yleensä totta, mutta lehden tyyppisissä verkkosivustoissa on usein suuri arkisto viesteistä. Haluat tarjota parhaan mahdollisen tavan ihmisille selata kaikkia näitä viestejä.

Käytitkö WordPress-luokkia, tunnisteita vai edes mukautettuja taksonomia , voit lisätä ne massiiviseen mega-navigointiin. Tämä voi sisältää pudotusvalikoita, joissa on luettelo viimeaikaisista viesteistä tai suosituista tunnisteista / luokista tai jopa molempien yhdistelmästä.

Valikko Atlanta Magazine on melko sileä ja paljon linkkejä upotettu pudotusvalikosta. Lisäksi reagoiva liukuva nav on selkeästi saatavilla mobiililaitteilla, joten älypuhelinten käyttäjät eivät unohda.

Tämä kerroksellinen navigointi voi sisältää monitasoisia pudotuspisteitä tai jopa olla kiinteä vierittää käyttäjän kanssa. Niin monia vaihtoehtoja ja todella suurin tekijä on käytettävyys sekoittaa tonnia linkkejä selata.

03-Atlanta-lehden avattavasta-nav

4. Suositeltavat viestit Widgetit

Jokainen aikakauslehtipohjainen kotisivut näyttää hieman erilai- sina erilaisten postikuvakkeiden koosta, mukautetuista muodoista ja tietysti erilaisista esillä olevista widgetteistä.

Pidän näitä katkelmana minkä tahansa lehden sivuilta, koska esillä oleva widget on mitä kiinnittää huomiota. Se, mitä voit käyttää edistämään uusimpia viestejä tai kuumia tarinoita, jotka saavat eniten huomiota.

Hakukoneen päiväkirja on karusellityyppinen liukusäädin, jossa se pyörii kolmesta esillä olevasta tarinastaan ​​kerralla. Jokainen tarina lataa sivun vasemmanpuoleisen sivun, jossa on esikatselukuva.

Mutta kaksi kotisivua ei ole identtisiä, joten yritä selata suosikki lehden sivustoja ja katso, mitä muita tarinoita tarinan tyylit löytyvät.

04-hakukoneen aikakauslehti varustellun-widget

5. Merkittävät jakopainikkeet

Kun on kyse rakennuksesta vahva läsnäolo et voi sivuuttaa sosiaalista mediaa. Ja jos haluat lisää vierailijoita lehden tyyliin, kannattaa sosiaalisen jakamisen painikkeita jokaisesta viestistä.

Ne tulevat monissa tyyleissä ja ne voidaan kiinnittää sivun puolelle tai lisätä postin alaosaan tai jopa lisätä kuvia, kuten Pinterest-jakopainikkeita.

ZDNetissä he käyttävät pitkän suorakulmion jakopainikkeita heti otsikon alla. Tämä käyttää tavallisia kuvakkeita värillisinä lohkoina viittaamaan kaikkiin tärkeimpiin sosiaalisiin verkostoihin.

Mutta jälleen voit löytää useita esimerkkejä vain katsomalla joitakin suosittuja blogeja. Ja mitä tyyliä valitset, se on hyvä idea split-testi formaatteja, joilla näet, mitkä niistä tuottavat eniten osakkeita.

05-ZDNet jakamista-painikkeet

6. Liittyvät viestit

Olen varma, että olemme kaikki nähneet uutisartikkeleiden alareunassa otsikoidut "saatat haluta ...". Osa näistä on natiivimainokset mutta lehden tyyppiset sivustot käyttävät näitä widgettejä aidosti kyseiseen sisältöön.

Tämän ominaisuuden pitäisi olla minkä tahansa blogin niitin, koska se on erinomainen tapa lisätä sivunäkymiä ilman paljon vaivaa. Vierailijat eivät aina selata luokittain, mutta he saattavat selata niihin liittyvissä viesteissä. Alla oleva esimerkki Real Simpleista on erittäin puhdas muotoilu; mitä sinun pitäisi mennä.

Lähetä pikkukuvat kiinnitä huomiota ensin niin varmista, että ne näkyvät näkyvästi otsikoiden lähellä.

06-real-simple-you-May-like

7. Esteetön haku (jopa matkapuhelimessa)

Jokaisella verkkosivustolla on oltava hakulomake. Se on yksi parhaista tavoista lisää käytettävyyttä auttamalla ihmisiä löytämään asiaankuuluvia sisältöjä.

Erilainen aikakauslehtiportaan kanssa on, että se voi usein olla liian kiireinen etsimään. Käyttäjät saattavat tuntua hukkua niin paljon sisältöä ja niin monta linkkiä, että he eivät edes vaivaudu etsimään.

Merkittävä hakulomake kuten on Työnnä neliö on ihanteellinen rohkaisemaan lisää hakuja.

Voit nostaa suurennuslasikuvakkeen navigointiin ja käyttää pudotusvalitsinta jokaisella sivulla. Luonnollisesti tämä toimii mobiili myös joten se on luotettava valinta jokaiselle aikakauslehdelle.

07-push-neliö-haku-lehden ominaisuus

8. Mukautetut sivuelementit

Tämä ominaisuus on hieman epämääräinen, mutta peitän sitä epämääräisesti tarkoituksella. Jokainen yleinen blogi tuntuu yleensä samanlaiselta: kohdat kohdissa, joissa ei ole mukautettuja muotoiluja.

Suuret lehden teemat hyödyntävät räätälöintiä lisäämällä postin ominaisuuksia. Nämä voivat olla minkä tahansa sivun elementtejä, jotka parantavat sisältöäsi ja tekevät viestisi helpommaksi kuluttaa. Joitakin ideoita, joita olen nähnyt useilla verkkosivuilla:

  • Pull-lainausmerkkejä
  • Sisällysluettelo
  • In-image-kuvaesityksiä
  • "Katso myös" liittyvät viestit

Muista, kuinka mainitsin aiheeseen liittyvien viestien widgetin aikaisemmin? Se on hienoa lisätä viestin loppuun, mutta voit myös lisätä aiheeseen liittyvää sisältöä viestissäsi.

Esimerkiksi TechCrunch lisää "nähdä myös" widgetin kohti jokaisen viestin alaosaa. Tämä on myös hallitseva tech-blogissa Hongkiat joka lisää asiaan liittyviä viestejä sisällön sisälle.

En voi kertoa tarkalleen mitä ominaisuuksia sinun pitäisi lisätä sivustoosi. Mutta ehdottomasti viettää aikaa aivoriihi joitain ideoita ja testaamalla niitä, jotta näet mitä tikkuja.

08-android-viranomaisen-sivu-elementeistä

9. Esitellyt kuvasymboolit

Jos haluat kiinnittää huomiota heti ensimmäisellä sivulla, haluat kaksi asiaa: suuri otsikko (aiemmin katettu) ja selkeä esillä oleva kuva.

WordPress sisältää esillä olevat kuvat oletuksena ja voit ohjelmoida erityisiä kokoja kuvasi. Magazine-tyyppisille blogeille on parasta tehdä nämä melko suuret ja seurata niitä sankarikuvan trendi . Voit käyttää koko näytön kuvaa, kuten Alla olevassa kuvakaappauksessa. Tai voit suunnitella kuvia, jotka sopivat ulkoasun sisältöalueelle.

Kummassakin tapauksessa jokaisen viestin pitäisi olla huomattava kuva, joka auttaa myymään sisältöä. Näet tämän melko paljon jokaisen lehtilehden tyylikkäässä blogissa, vaikka tämä viesti olisikin, jos siirryt alkuun!

Pidä kaikki nämä ajatukset mielessä suunniteltaessa ulkoasua ja anna paljon tilaa silmiinpistäville esillä olevista kuvista.

09-dwell-lehden varustellun-kuva