Briljantne ideje i trendovi za istaknute widgete značajnih postova
Pokretanje uspješnog online časopisa zahtijeva solidnu publiku i puno kvalitetnog pisanja. No izgled časopisa također igra presudnu ulogu u angažmanu posjetitelja. Jedna od tehnika je stvaranje a istaknuti post widget na vrhu početne stranice. Ovo prikazuje najnovije popularne članke koji idealno usmjeravaju čitatelje na stranicu.
U ovom postu bih htio pokriti tehnike dizajna koje se mogu koristiti za stvaranje uspješnog istaknutog widgeta za post. Iako ovaj widget često najbolje funkcionira u izgledu u stilu časopisa, možete ga primijeniti i na manje blogove ili web-lokacije s dinamičnim sadržajem.
Tipografski kontrast
Većina istaknutih postova oslanja se na sličice kako bi privukle pozornost. To često ima oblik pozadinske slike vezane za svaki naslov članka.
Ova tehnika izgleda fantastično, ali je teško je izgraditi vidljiv kontrast između tipografije i dinamičkih pozadinskih slika. Proučavanjem drugih časopisa možete podići suptilne tehnike kako biste poboljšali čitljivost.
Sljedeći Web je veliki online časopis s istaknutim widgetima na početnoj stranici. Svaka sličica varira u veličini, ali oni svi koriste tamni gradijenti za poboljšani kontrast.
Naslovi članaka nalaze se na dnu minijaturnih blokova na vrhu tamnih gradijenta. lagani tekst je lako konzumirati na tamnoj pozadini, ali ne pokriva ni cijelu sliku.
Moderni napredak u CSS3 omogućuje programerima da ponovno stvore ove efekte s lakoćom. Fiksni gradijenti su savršeni ako ih možete navesti teče prirodno na svaku sličicu i još uvijek pokažite dovoljno slike privući pozornost.
Na početnoj stranici digitalnih trendova koristi se nešto drugačija tehnika. Ovaj post widget koristi čvrste pozadine visokog kontrasta iza teksta da bi svaki naslov bio jasan i živahan.
Razlika je u tome što je svaka pozadinska boja 100% čvrsta. Ne možete vidjeti cijelu fotografiju sličice mali dijelovi su izgubljeni od pogleda. No, tekst je jasno čitljiv, što može biti jednako privlačno posjetiteljima koji se prvi put spuštaju na početnu stranicu Digitalnih trendova.
Pronalaženje odgovarajuće količine kontrasta je nezgodno. Neke web-lokacije kao što je TechCrunch pokušavaju staviti tekst pored sličice kako bi u potpunosti uklonili taj problem.
Ali ako vam se sviđa stil dizajna teksta naslova na vrhu sličice koju želite razmotriti kako kontrastni faktori ulaze u jednadžbu.
Velike veličine slike
Vrijednost istaknutog widgeta za post je sadržaj sadržaja na vrhu stranice. Asimetrija je sjajan način za privlačenje pažnje prema nečemu, au ovom slučaju veličine asimetričnih sličica rade sjajno.
Uzmite za primjer početnu stranicu ZDNeta. U svom istaknutom widgetu najveći članak na lijevoj strani koristi najširu sličicu da zauzme više prostora i nadamo se privući više pozornosti. Ostale istaknute sličice padaju u manje veličine s manjim naslovima.
Primijetite kako ova struktura mreže prirodno vodi vaše oko oko stranice. Pogled svakog posjetitelja ima tendenciju pada u jedno određeno područje, a zatim se kreće između svake sličice sve dok nešto ne iskoči.
Također ZDNet mjesta a tamni gradijent na vrhu svake sličice izgraditi tipografski kontrast za čitljiviji tekst. U osnovi to je jedan od najboljih značajki post widget dizajne koje sam ikada vidio.
Vrlo sličan stil dizajna može se naći na CNET-ovoj početnoj stranici. Najveća sličica zauzima svoje mjesto na lijevoj strani jer većina posjetitelja čita s lijeva na desno.
Prilikom dizajniranja vlastitih značajki post widgeta ne osjećate se dužnim slijediti tu istu tehniku. Možete imati bilo koju veličinu sličica tako dugo dok se uklapaju zajedno i oblikuju jedinstveni raspored mreže.
Prilagođeni stilovi minijatura
Izbor dizajna uvelike varira od rasporeda do rasporeda tako da ne postoji jedno savršeno rješenje. Istaknuti widgeti za postove definitivno su složeniji za dizajn, pa zahtijevaju proučavanje i strpljenje kako bi se uklopili u prilagođeni izgled.
Stil svake sličice utječe na izgled cijelog widgeta na vašu publiku. Uzmite primjerice istaknuti stil widgeta koji se nalazi na The Verge.
Svaka sličica ima šareni gradijent na vrhu fotografije. Ovo pojačava kontrast i poboljšava čitljivost, ali i dodaje određeni izgled web-mjestu.
Neki ljudi ne vole ovaj stil jer smatraju da je to neukusno ili neukusno. No, to je također prilično popularan među čitateljima Verge i drugi dizajneri oponašaju taj stil.
No boje i fancy tehnike nisu jedini faktor koji treba razmotriti. Mreže i veličine sličica također moraju biti pažljivo odabrane jer pomažu definirati ukupni stil widgeta za postove.
Možda jedan od najboljih primjera je Mashable dizajn koji je prošao mnoge faze tijekom godina. Sada se smatra glavnim izvorom vijesti, a Mashable radi na gomilanju velikog broja postova na početnu stranicu radi lakšeg pregledavanja.
Neki postovi koriste male kvadratne sličice, dok glavna ploča postavlja veliki sličicu s velikim slovima na članak. Za to je potreban dodatan rad urednika kako bi se osiguralo da sve postove imaju odgovarajuće fotografije u odgovarajućim veličinama.
Ali odmah nakon slijetanja na stranicu primijetit ćete da je to daje osjećaj vjerodostojnosti. Ovaj se stil osjeća vrlo uobičajenim i može ga koristiti gotovo bilo koji online magazin kako bi izgradio povjerenje s čitačkom bazom. Jedini problem je pisanje dovoljno sadržaja za popunjavanje stranice!
Višestruki dodaci
Neki istaknuti widgeti postova prikazuju članke u a statička mreža. To je često najpopularniji izbor jer može biti učinili su odgovorni i lijepo se uklapaju u bilo koji izgled.
Drugi se widgeti oslanjaju na dinamičke interakcije poput dijaprojekcije. Uzmimo za primjer početnu stranicu sajma Vanity sa svojim istaknutim post blokom na vrhu stranice. Istodobno se prikazuje samo jedan post, ali se prikazuju novi članci kada se kreću iznad određenog naslova.
I thumbnail i naslov automatskog ažuriranja s jednostavnim hover interakcijom. Jedna stvar koju treba primijetiti je da to može biti vrlo zbunjujuće za korisnike Interneta koji nisu upoznati s ovom dinamičnom tehnikom lebdenja.
Ali na pozitivnoj strani ova tehnika će uštedite prostor na stranici skrivanjem viška sadržaja.
Pokušajte ne misliti na istaknute widgete posta kao crno-bijele. Oni su samo dijelovi stranice koji se koriste za prikazivanje najzanimljivijih ili popularnih članaka. Tehnika (tehnike) pomoću kojih ostvarujete taj zadatak uvijek može biti otvorena za raspravu.
Kompleks magazina koristi cijeli prikaz slajdova za njihov istaknuti widget. Svaki post ima istaknutu sličicu zajedno s donjim gradijentom za tipografski kontrast.
Umjesto stavljanja svake sličice, članci dinamički strujati kroz okvir za slideshow. Navigacija se može postaviti automatski ili kontrolirati linkovima sa strelicama. Ovaj dizajn štedi mnogo prostora i zadržava korisnika spremnijim za interakciju s tom stranicom.
Zamotati
Ne postoji ispravan ili pogrešan dizajn kada su u pitanju istaknute post poruke. Svi oni imaju mnogo sličnih osobina, ali svaki časopis koristi vlastiti stil za organiziranje sadržaja.
Nadam se da ovaj post nudi praktične savjete za korištenje pri dizajniranju vlastitih widgeta za postove. Ako se ikada osjećate zaglavljeno, potražite inspiraciju u drugim časopisima. Pronađite osobine koje vam se sviđaju i shvatite kako ih ponoviti kako bi se uklopile u vlastiti dizajn časopisa.
