Briljantsed ideed ja trendid silmapaistvate Feature Post vidinate jaoks

Eduka online-ajakirja käivitamine nõuab tugevat vaatajaskonda ja palju kvaliteetseid kirjutisi. Ajakirja paigutus mängib olulist rolli külastajate kaasamisel. Üks tehnika on luua a Objekti postituste vidin kodulehekülje ülaosas. See näitab viimaseid populaarseid artikleid, mis ideaalselt lugejaid saidile veelgi enam edasi liikuvad.

Selles postituses tahaksin katta disainitehnikaid, mida saab kasutada eduka Objekti postituse vidina loomiseks. Kuigi see vidin töötab sageli kõige paremini ajakirja stiilis, võite seda rakendada ka väiksematele blogidele või dünaamilise sisuga veebisaitidele.

Tüpograafiline kontrast

Enamik esiletõstetud postitusi tuginevad tähelepanu pisipiltidele. See on sageli iga pildi pealkirjaga seotud taustapilt.

See tehnika näeb välja fantastiline, kuid see on raske luua märgatavat kontrasti tüpograafia ja dünaamiliste taustpildide vahel. Teiste ajakirjade uurimisel saate lugeda loetavuse parandamiseks peeneid meetodeid.

Järgmine veebileht on suur veebiajakiri, mille koduleheküljel on tuntud postituste vidin. Iga pisipilt varieerub suuruse järgi, kuid kasutab kõiki tumedad kalded parema kontrasti saavutamiseks.

Artiklite pealkirjad asuvad pisipiltide allosas tumedate gradientide kohal. The heledat teksti on tume taustal lihtne tarbida, kuid see ei kata ka kogu kujutist.

Kaasaegsed edusammud CSS3-s võimaldavad arendajatel neid mõjusid kergesti taastada. Fikseeritud kalded on täiuslikud, kui saad neid voolu loomulikult iga pisipildi peal ja ikkagi näidata piisavalt pilti tähelepanu pööramiseks.

Digitaalsete suundumuste kodulehel kasutatakse veidi erinevat tehnikat. See postituse vidin kasutab kõrge kontrastsusega tahke taust teksti taga, et iga pealkiri oleks terav ja elav.

Erinevus on selles, et iga taustavärv on 100% tahke. Te ei näe kogu pisipildi nii väikesed osad on kadunud. Kuid tekst on selgelt loetav, mis võib olla sama atraktiivne külastajatele, kes esmakordselt maanduvad Digital Trends'i kodulehele.

Õige kontrastsuse leidmine on keeruline. Mõned veebilehed, nagu TechCrunch, püüavad selle probleemi täielikult eemaldada pisipildi kõrval.

Aga kui sulle meeldib pisipildi pealkirja pealkirja teksti disain kaaluma, kuidas võrrandisse kontrasttegurid muutuvad.

Sporadic Image Sizes

Objekti postituse vidina väärtus on funktsiooni sisu lehekülje ülaosas. Asümmeetria on suurepärane võimalus midagi juhtida, ja sel juhul töötavad asümmeetrilised pisipildid suuresti.

Võtke näiteks ZDNeti kodulehekülg. Oma esile tõstetud vidina kasutab vasakpoolseima suurima artikli kõige laiemat pisipilti, et võtta rohkem ruumi ja loodetavasti rohkem tähelepanu pöörata. Teised pisipildid jagunevad väiksemateks, väiksemateks pealkirjadeks.

Pange tähele, kuidas see võrgustruktuur loomulikult teie silma ümber lehekülje. Iga külastaja vaatepilt kipub langema ühele konkreetsele piirkonnale, seejärel liikuge iga pisipildi vahel, kuni midagi hüppab.

Ka ZDNet asetab a tume gradient iga pisipildi peale ehitada tüpograafiline kontrast loetavama teksti jaoks. Põhimõtteliselt on see üks parimaid esiletõstetud vidinaprojekte, mida ma olen kunagi näinud.

Väga sarnast disaini stiili võib leida CNETi kodulehelt. Suurim pisipilt asub vasakul pool, kuna enamik külastajaid loeb vasakult paremale.

Oma kujundatud postitarkvara projekteerimisel ei tunne end sama tehnikat järgides. Võite minna mistahes pisipildiga nii kaua, kui need sobivad kokku ja moodustavad ühtse võrgukujunduse.

Kohandatud pisipildi stiilid

Disaini valikud varieeruvad väga erinevalt paigutusest, nii et pole ühtegi täiuslikku lahendust. Soovitatavad postimärgid on disaini jaoks kindlasti keerulisemad, mistõttu nad vajavad kohandatud paigutuse sobitamiseks õppimist ja kannatlikkust.

Iga pisipildi stiil mõjutab seda, kuidas kogu vidin teie vaatajaskonnale vaatab. Võtke näiteks The Verge'is kuvatud vidina stiil.

Igal pisipildil on pildi peal värviline gradient. See suurendab kontrastsust ja parandab loetavust, kuid lisab ka veebilehele teatava ilme.

Mõned inimesed ei meeldi sellisele stiilile, sest nad leiavad, et see on kohutav või ebameeldiv. Kuid see on ka üsna populaarne Verge lugejate seas ja teised disainerid imiteerivad seda stiili.

Kuid värvid ja väljamõeldud tehnikad ei ole ainus tegur. Võrgu- ja pisipiltide suurused tuleb samuti valida hoolikalt, kuna need aitavad määratleda üldiste nähtavate postituste vidina stiili.

Võib-olla on üks parimaid näiteid Mashable'i disain, mis on aastate jooksul läbinud mitmeid etappe. Nüüd peetakse uudiste peavooluallikaks Mashable'i tööd, et tuua kodulehe jaoks palju postitusi, et hõlpsasti sirvida.

Mõned postitused kasutavad väikeseid ruudu pisipilte, samas kui nende peamine edetabel fikseerib artiklile suure täismõõdus pisipildi bänneri. See peab nõudma toimetajalt lisatööd, et tagada, et kõigil postitustel oleksid õige suurusega fotod.

Aga kohe pärast maandumist kohapeal märkate seda annab usaldusväärsuse tunnet. See stiil tunneb end väga levinumana ja seda saab kasutada peaaegu igasuguse online-ajakirja abil, et luua lugejabaasiga usaldust. Ainus probleem on selle lehe kirjutamiseks piisavalt sisu kirjutada!

Mitme postituse vidinad

Mõned kuvatud postituste vidinad kuvavad artikleid a staatiline võrk. See on tihti kõige populaarsem valik, sest see võib olla tehtud tundlikuks ja seguneb hästi mis tahes paigutusse.

Muud vidinad toetuvad dünaamilistele interaktsioonidele nagu slaidiesitus. Võtke näiteks Vanity Fair'i koduleht, kus on oma lehe ülaosas olev postitusplokk. Korraga kuvatakse ainult üks postitus, kuid uue pealkirja kohal liikudes kuvatakse uusi artikleid.

Nii pisipilt kui ka pealkirja automaatne uuendus koos lihtsa hover-interaktsiooniga. Üks asi on märkida, et see võib olla väga segane internetikasutajatele, kes ei tunne seda dünaamilist hover-tehnikat.

Kuid positiivne külg on see tehnika säästa ruumi leheküljel, peites liigset sisu.

Püüa mitte mõelda Objekte postituste jaoks nagu must-valge. Need on vaid lehed, mida kasutatakse kõige huvitavamate või populaarsemate artiklite esitamiseks. Tehnoloogia (d), mille abil te selle ülesande täidate, on alati avatud aruteluks.

Ajakiri Complex kasutab oma vidina jaoks täielikku slaidiseansi kuva. Igal postitusel on pisipilt koos tüpograafilise kontrasti alumise gradiendiga.

Kuid selle asemel, et panna iga pisipilt kõrvale, artiklid dünaamiliselt läbi slaidiseansi kasti. Navigeerimist saab seadistada automaatselt või juhtida nooltega. See disain säästab palju ruumi ja hoiab kasutaja soovi leheküljega suhelda.

Tõmba otsad kokku

Objekti postituste kuvamisel puudub õige või vale kujundus. Neil kõigil on palju sarnaseid omadusi, kuid iga ajakiri kasutab oma sisust sisustatud sisu korraldamiseks.

Loodan, et see postitus pakub praktilisi näpunäiteid, mida kasutada oma sisestatud postituste vidina kujundamisel. Kui te tunnete end kunagi ummikusse, siis vaata inspireerimiseks teisi ajakirju. Leidke iseärasusi, mis sulle meeldib, ja selgitage välja, kuidas neid oma ajakirja kujundusega ühendada.