Briljantne ideje in trendi za vidne pripomočke »Objave funkcij«

Vodenje uspešne spletne revije zahteva trdno občinstvo in veliko kakovostnega pisanja. Toda postavitev revije prav tako igra ključni dejavnik pri vključevanju obiskovalcev. Ena tehnika je ustvariti a pokaže widget objav na vrhu domače strani. To prikazuje najnovejše priljubljene članke, ki bralce idealno vodijo naprej.

V tem prispevku bi želel pokriti tehnike načrtovanja, ki jih lahko uporabimo za ustvarjanje uspešnega videa za post. Čeprav ta pripomoček pogosto najbolje deluje pri postavitvi v slogu revije, ga lahko uporabite tudi za manjše spletne dnevnike ali spletne strani z dinamično vsebino.

Tipografski kontrast

Večina objav se zanaša na sličice, da bi pritegnila pozornost. To je pogosto v obliki slike ozadja, povezane z vsakim naslovom članka.

Ta tehnika izgleda fantastično, vendar je težko zgraditi opazen kontrast med tipografijo in dinamičnimi slikami v ozadju. S preučevanjem drugih revij lahko izberete subtilne tehnike, ki vam bodo pomagale izboljšati berljivost.

Naslednja spletna stran je velika spletna revija z vidnim gradivom na domači strani. Vsaka sličica se razlikuje po velikosti, vendar se vsi uporabljajo temni gradienti za boljši kontrast.

Naslovi člankov so postavljeni na dnu sličic na vrhu temnih gradientov. The svetlo besedilo je enostavno zaužiti na temnem ozadju, pa tudi ne pokriva celotne slike.

Sodobni napredki v CSS3 omogočajo razvijalcem, da z lahkoto ponovno ustvarijo te učinke. Fiksni gradienti so popolni, če jih lahko uporabite naravno, na vrhu vsake sličice in še vedno pokažite dovolj slike da zajame pozornost.

Nekoliko drugačna tehnika se uporablja na domači strani digitalnih trendov. Ta pripomoček za post uporablja trdna ozadja z visokim kontrastom za besedilom, da postane vsaka glava jasna in živahna.

Razlika je v tem, da je vsaka barva ozadja 100% trdna. Tako ne morete videti celotne fotografije sličice majhni deli se izgubijo iz pogleda. Toda besedilo je jasno čitljivo, kar je prav tako privlačno za obiskovalce, ki prvič pristanejo na domači strani Digital Trends.

Iskanje prave količine kontrasta je težavno. Nekatere spletne strani, kot je TechCrunch, poskušajo poleg sličice umakniti besedilo, da se ta težava v celoti odpravi.

Če pa vam je všeč slog oblikovanja besedila naslovov na vrhu sličice, ki jo želite preučiti, kako kontrastni dejavniki v enačbo.

Sporadične velikosti slik

Vrednost predstavljenega gradnika za objavo je vsebino vsebine na vrhu strani. Asimetrija je odličen način, da usmerite pozornost k nečemu in v tem primeru velikost asimetričnih sličic deluje odlično.

Vzemite na primer domačo stran ZDNet. Največji članek na levi strani v svojem izbranem widgetu uporablja najširšo sličico, da zavzame več prostora in upamo, da bo pritegnil več pozornosti. Druge predstavljene sličice padejo v manjše velikosti z manjšimi naslovi.

Opazite, kako ta struktura mreže naravno vodi vaše oko okoli strani. Pogled vsakega obiskovalca se nagiba k padcu na eno določeno območje, nato pa se premakne med vsako sličico, dokler nekaj ne skoči ven.

Tudi ZDNet mesta a temen gradient na vrhu vsake sličice graditi tipografski kontrast za bolj berljivo besedilo. V bistvu je to eden najboljših izrazit modelov post widget, ki sem jih kdaj videl.

Zelo podoben slog oblikovanja lahko najdete na domači strani CNET. Največja sličica ima svoje mesto na levi strani, saj večina obiskovalcev bere z leve proti desni.

Pri oblikovanju lastnih predstavitev post widget ne čutijo dolžni slediti tej isti tehniki. Lahko si izberete katerokoli sličico, dokler se medsebojno povežejo in oblikujejo enotno mrežo.

Slogi sličic po meri

Možnosti oblikovanja se močno razlikujejo od postavitve do postavitve, tako da ni nobene popolne rešitve. Predstavljeni pripomočki za objavo so vsekakor bolj zapleteni za oblikovanje, zato potrebujejo študij in potrpljenje, da se prilegajo v postavitev po meri.

Slog vsake sličice vpliva na to, kako celoten pripomoček izgleda v vaši ciljni skupini. Vzemite na primer predstavljen slog widget, ki ga najdete na strani Verge.

Vsaka sličica ima na vrhu fotografije pisan preliv. To poveča kontrast in izboljša berljivost, hkrati pa na spletno stran doda tudi določen pridih.

Nekaterim ljudem ta stil ni všeč, ker se mu zdi, da je nevljudan ali neprivlačen. Ampak to je tudi precej priljubljena med bralci Verge in drugi oblikovalci posnemajo ta slog.

Vendar barve in modne tehnike niso edini dejavnik, ki ga je treba upoštevati. Mreže in velikosti sličic morajo biti tudi skrbno izbrane, saj pomagajo določiti splošni slog widgeta za objavo.

Morda je eden najboljših primerov zasnova Mashableja, ki je skozi leta preživela številne faze. Zdaj velja za glavni vir za novice, Mashable deluje, da strga veliko število objav na domačo stran za preprosto brskanje.

Nekatera delovna mesta uporabljajo majhne kvadratne sličice, medtem ko njihova glavna tabela postavi velik slikovni okvir v velikem obsegu. To mora zahtevati dodatno delo urednika, da se zagotovi, da imajo vse objave ustrezne fotografije v ustreznih velikostih.

Ampak takoj po pristanku na mestu boste opazili, da je to daje občutek verodostojnosti. Ta slog se počuti zelo mainstream in ga lahko uporablja skoraj vsaka vrsta spletne revije za izgradnjo zaupanja v bralno bazo. Edini problem je, da pišete dovolj vsebine, da zapolnite stran!

Pripomočki z več objavami

Nekateri prikazani pripomočki za objavo prikazujejo članke v statična mreža. To je pogosto najbolj priljubljena izbira, ker je lahko odziven in se lepo združi v katerokoli postavitev.

Drugi pripomočki so odvisni od dinamičnih interakcij, kot je diaprojekcija. Vzemite, na primer, domačo stran Vanity Fair z njihovimi objavljenimi bloki na vrhu strani. Naenkrat se prikaže samo ena objava, vendar se pri prikazu nad določenim naslovom prikažejo novi članki.

Tako samodejno posodabljanje sličic in naslovov s preprostim medsebojnim delovanjem. Opozoriti je treba, da je to lahko zelo zmedeno za uporabnike interneta, ki niso seznanjeni s to dinamično tehniko hover.

Toda na pozitivni strani bo ta tehnika prihranite prostor na strani s skritjem presežne vsebine.

Poskusite, da ne predstavljate prikazanih pripomočkov za objavo kot črno-belo. So samo deli strani, ki se uporabljajo za prikazovanje najbolj zanimivih ali priljubljenih člankov. Tehnika, s katero dosežete to nalogo, je lahko vedno odprta za razpravo.

Kompleksna revija uporablja celovit diaprojekcijski prikazovalnik. Vsaka objava ima vtisnjeno sličico in spodnji gradient za tipografski kontrast.

Toda namesto postavitve vsake sličice ob straneh, članke dinamično pretakanje skozi diaprojekcijo. Navigacijo lahko nastavite samodejno ali pa jo krmili povezava s puščicami. Ta zasnova varčuje z veliko prostora in omogoča uporabniku večjo pripravljenost za interakcijo s stranjo.

Zaviti

Ni pravega ali napačnega dizajna, ko gre za izrazit prikaz postov. Vsi imajo veliko podobnih lastnosti, vendar vsaka revija uporablja svoj stil za organizacijo predstavljene vsebine.

Upam, da ta post ponuja praktične nasvete, ki jih lahko uporabite pri oblikovanju lastnih pripomočkov. Če se kdaj počutite zaljubljen, poglejte v druge revije za navdih. Poiščite lastnosti, ki so vam všeč, in ugotovite, kako jih posnemati, da se zlijejo v lasten dizajn revije.