Brilliant Idejas un tendences ievērojamiem Feature Post logrīkiem

Veiksmīga tiešsaistes žurnāla darbībai ir nepieciešama laba auditorija un daudz augstas kvalitātes rakstīšana. Taču žurnāla izkārtojumam ir būtisks faktors apmeklētāju iesaistei. Viena metode ir izveidot a Featured rakstu widget sākumlapas augšdaļā. Tas parāda jaunākos populāros rakstus, lai ideāli varētu lasīt lasītājus tālāk.

Šajā ziņojumā es gribētu aptvert dizaina metodes, ko var izmantot, lai izveidotu veiksmīgu attēlojuma logrīku. Lai gan šī widget bieži darbojas vislabāk ar žurnāla stila izkārtojumu, varat to piemērot arī mazākiem emuāriem vai dinamiskām satura vietnēm.

Tipogrāfiskais kontrasts

Lielākā daļa piedāvāto ziņu balstās uz sīktēlu attēliem, lai pievērstu uzmanību. Tas bieži ir fona attēls, kas saistīts ar katru raksta virsrakstu.

Šī metode izskatās fantastiski, bet tā ir grūti veidot ievērojamu kontrastu starp tipogrāfiju un dinamiskiem fona attēliem. Pētot citus žurnālus, varat uzņemt smalkas metodes, lai uzlabotu lasāmību.

Nākamais Web ir liels tiešsaistes žurnāls ar ievērojamu amatu logrīku mājaslapā. Katrs sīktēls mainās atkarībā no izmēra, bet visi to izmanto tumši gradienti, lai uzlabotu kontrastu.

Raksta virsraksti tiek novietoti sīktēlu bloku apakšā tumšajos slīpumos. The viegls teksts ir viegli patērējams uz tumša fona, tomēr tas neattiecas arī uz visu attēlu.

Modernie sasniegumi CSS3 ļauj izstrādātājiem viegli atjaunot šīs sekas. Fiksētie slīpumi ir ideāli, ja tos var iegūt plūsma dabiski uz katra sīktēla un joprojām parādiet pietiekami daudz attēla pievērst uzmanību.

Digitālo tendenču mājas lapā tiek izmantota nedaudz atšķirīga tehnika. Šī ziņojuma logrīks izmanto augsta kontrasta cietie foni aiz teksta, lai padarītu katru virsrakstu kraukšķīgu un dinamisku.

Atšķirība ir tāda, ka katra fona krāsa ir 100% cieta. Jūs nevarat redzēt visu sīktēlu fotoattēlu mazas porcijas tiek zaudētas no skata. Taču teksts ir skaidri salasāms, un tas var būt tikpat pievilcīgs apmeklētājiem, kas pirmoreiz nokļuvuši Digital Trends mājaslapā.

Pareiza kontrasta daudzuma atrašana ir sarežģīta. Dažas tīmekļa vietnes, piemēram, TechCrunch, mēģina ievietot tekstu blakus sīktēlam, lai pilnībā novērstu šo problēmu.

Bet, ja jums patīk virsraksta teksta dizaina stils virs sīktēla, kuru vēlaties apsvērt, kā vienādojumā ir kontrastu faktori.

Sporadiskie attēlu izmēri

Objekta ziņojuma logrīka vērtība ir funkcijas saturs lapas augšdaļā. Asimetrija ir lielisks veids, kā vērst uzmanību uz kaut ko, un šajā gadījumā asimetriski sīktēlu izmēri darbojas lieliski.

Veikt, piemēram, ZDNet mājas lapu. Savā piedāvātajā logrīkā lielākais raksts kreisajā pusē izmanto visplašāko sīktēlu, lai aizņemtu vairāk vietas un, cerams, pievērstu lielāku uzmanību. Citi attēlotie sīktēli iedala mazākos izmēros ar mazākiem virsrakstiem.

Ievērojiet, kā šī tīkla struktūra dabiski ved acis apkārt lapai. Katra apmeklētāja skatiens ir tendence nokrist vienā konkrētā apgabalā, pēc tam pārvietoties starp katru sīktēlu, līdz kaut kas izlec.

Arī ZDNet ievieto a tumšs gradients uz katra sīktēla attēla uz veidot tipogrāfisko kontrastu lasāmāku tekstu. Būtībā tas ir viens no labākajiem piedāvātajiem pasta widget dizainiem, ko esmu redzējis.

Ļoti līdzīgs dizaina stils ir atrodams CNET mājaslapā. Lielākais sīktēls atrodas tā kreisajā pusē, jo lielākā daļa apmeklētāju lasa no kreisās uz labo pusi.

Izstrādājot savu raksturīgo pasta logrīku, nejūtas pienākums ievērot šo pašu tehniku. Jūs varat iet ar jebkuru sīktēlu izmēru, ja vien tie ir saliedēti un veido vienotu režģa izkārtojumu.

Pielāgoti sīktēlu stili

Dizaina izvēle ievērojami atšķiras no izkārtojuma līdz izkārtojumam, tāpēc nav neviena ideāla risinājuma. Piedāvātie pasta logrīki noteikti ir sarežģītāki dizaina izstrādei, tāpēc tiem ir nepieciešams pētījums un pacietība, lai tie atbilstu pielāgotā izkārtojumam.

Katra sīktēla stils ietekmē to, kā visa widget skatās uz jūsu auditoriju. Veikt, piemēram, attēloto widget stilu, kas atrodams The Verge.

Katram sīktēlam ir krāsains slīpums fotoattēla augšpusē. Tas palielina kontrastu un uzlabo lasāmību, taču arī tīmekļa vietnei pievieno noteiktu noskaņu.

Daži cilvēki nepatīk šis stils, jo uzskata, ka tas ir gaudains vai nepievilcīgs. Bet tas ir diezgan populārs starp Verge lasītājiem un citi dizaineri ir atdarina šo stilu.

Bet krāsas un iedomātā tehnika nav vienīgais faktors, kas jāapsver. Tāpat ir rūpīgi jāizvēlas režģi un sīktēlu izmēri, jo tie palīdz noteikt vispārējo iezīmēto ziņu logrīku stilu.

Iespējams, viens no labākajiem piemēriem ir Mashable dizains, kas gadu gaitā ir izgājis daudzus posmus. Tagad uzskatāms par galveno avotu ziņām, Mashable darbojas, lai mājaslapā atvieglotu lielu skaitu amatu, lai varētu ērti pārlūkot.

Dažos amatos tiek izmantoti mazi kvadrātu sīktēli, savukārt galvenie līderu saraksti nosaka rakstu ar lielu pilnizmēra sīktēlu reklāmkarogu. Šim nolūkam redaktoram ir nepieciešams papildu darbs, lai pārliecinātos, ka visiem ierakstiem ir atbilstošie fotoattēli pareizajā izmērā.

Bet uzreiz pēc izkraušanas vietnē jūs pamanīsiet, ka tas būs piešķir ticamības sajūtu. Šis stils jūtas ļoti mainstream, un to var izmantot gandrīz jebkurš tiešsaistes žurnāls, lai izveidotu uzticību ar lasītāju bāzi. Vienīgā problēma ir pietiekami satura rakstīšana, lai aizpildītu lapu!

Multi-Post logrīki

Daži redzami ziņu logrīki parāda rakstus a statiskais režģis. Tā bieži ir populārākā izvēle, jo tā var būt labi reaģē un saplūst jebkurā izkārtojumā.

Citi logrīki izmanto dinamiskas mijiedarbības, piemēram, slaidrādi. Piemēram, izmantojiet Vanity Fair mājaslapu, kurā lapas augšpusē ir redzams pasta bloks. Vienlaicīgi tiek parādīta tikai viena ziņa, bet jauni raksti tiek attēloti, kad novietojat virs noteiktā virsraksta.

Gan sīktēlu, gan virsraksta automātiskā atjaunināšana ar vienkāršu mijiedarbību. Viena lieta, kas jāatzīmē, ir ļoti mulsinoša interneta lietotājiem, kuri nav iepazinušies ar šo dinamisko lidojošo tehniku.

Bet pozitīvajā pusē šī metode būs ietaupīt vietu lapā, slēpjot lieko saturu.

Mēģiniet nedomāt par redzamajiem pasta logrīkiem kā melnbaltu. Tie ir tikai lapas sadaļas, ko izmanto, lai attēlotu interesantākos vai populārākos rakstus. Metode (-as), ar kuru jūs varat veikt šo uzdevumu, vienmēr var būt atvērta debatēm.

Komplekss žurnāls izmanto pilnu slaidrādes displeju, lai parādītu savu logrīku. Katram ziņojumam ir redzams sīktēls kopā ar apakšējo gradientu tipogrāfiskajam kontrastam.

Bet tā vietā, lai katru sīktēlu novietotu blakus, raksti plūsma dinamiski caur slaidrādes lodziņu. Navigāciju var iestatīt automātiski vai kontrolēt ar bultiņu saitēm. Šis dizains ietaupa daudz vietas un ļauj lietotājam labāk sazināties ar lapu.

Satīt

Nav redzams pareizais vai nepareizs dizains, ja runa ir par redzamajiem ziņojumiem. Viņiem visiem ir daudzas līdzīgas iezīmes, taču katrs žurnāls izmanto savu stilu, lai organizētu Featured saturu.

Es ceru, ka šis ieraksts piedāvā praktiskus padomus, kas jāizmanto, veidojot savu raksturīgo ziņu logrīku. Ja jūs kādreiz justies iestrēdzis, paskatieties uz citu žurnālu iedvesmu. Atrast iezīmes, kas jums patīk, un izdomājiet, kā tās atkārtot, lai saplūstu savā žurnāla dizainā.