Brilantní nápady a trendy pro prominentní Feature Post Widgety

Úspěšný online magazín vyžaduje solidní publikum a spoustu kvalitního psaní. Dispozice časopisu však hraje klíčovou roli také v zapojení návštěvníků. Jednou z technik je vytvořit Doporučené příspěvky widget v horní části domovské stránky. To předvádí nejoblíbenější články, které by čtenářům umožnily další provoz.

V tomto příspěvku bych chtěl pokrýt designové techniky, které mohou být použity k vytvoření úspěšného widgetu postu. Ačkoli tento widget často funguje nejlépe na rozvržení ve stylu časopisu, můžete jej také použít na menší blogy nebo webové stránky dynamického obsahu.

Typografický kontrast

Většina doporučených příspěvků spoléhá na miniatury obrázků a upozorňuje na ně. Často se jedná o podobu obrázku na pozadí, který je vázán na každý nadpis článku.

Tato technika vypadá fantasticky, ale je to obtížné vytvořit znatelný kontrast mezi typografií a dynamickými obrázky na pozadí. Studiem jiných časopisů si můžete vyzvednout jemné techniky, které pomohou zlepšit čitelnost.

Next Web je velký online magazín s prominentním příspěvkem na domovské stránce. Každá miniatura se liší velikostí, ale všechny používají tmavé přechody pro lepší kontrast.

Nadpisy článků jsou umístěny v dolní části bloků miniatur v horní části tmavých přechodů. lehký text se snadno konzumuje na tmavém pozadí, ale ani nepokrývá celý obraz.

Moderní vylepšení v CSS3 umožňují vývojářům tyto efekty snadno vytvořit. Pevné přechody jsou perfektní, pokud je můžete dostat tok přirozeně v horní části každé miniatury a stále zobrazit dostatek obrazu zaujmout.

Na domovské stránce Digital Trends se používá mírně odlišná technika. Tento příspěvek widget používá vysoce kontrastní pevné pozadí za textem, aby každý titulek byl ostrý a živý.

Rozdíl je v tom, že každá barva pozadí je 100% pevná. Nelze zobrazit celou fotografii miniatury malé části jsou ztraceny z pohledu. Text je však jasně čitelný, což může být stejně přitažlivé pro návštěvníky, kteří poprvé přistanou na domovské stránce Digitální trendy.

Hledání správného množství kontrastu je složité. Některé webové stránky jako TechCrunch se pokoušejí umístit text vedle miniatury, aby tento problém zcela odstranily.

Ale pokud se vám líbí styl designu textu nadpisu v horní části miniatury, kterou budete chtít zvážit, jak kontrastní faktory do rovnice.

Sporadické velikosti obrazu

Hodnota uváděného widgetu příspěvek je obsahu v horní části stránky. Asymetrie je skvělý způsob, jak upozornit na něco, av tomto případě asymetrické velikosti miniatur fungují skvěle.

Vezměte si například domovskou stránku ZDNet. V jejich nejoblíbenějším widgetu největší článek na levé straně používá nejširší náhledový obrázek, aby zabíral více místa a doufejme, že bude více přitahovat pozornost. Ostatní uváděné miniatury spadají do menších velikostí s menšími titulky.

Všimněte si, jak tato struktura mřížky přirozeně vede vaše oko kolem stránky. Každý pohled návštěvníka má tendenci padat do jedné konkrétní oblasti a pak se pohybovat mezi jednotlivými miniaturami, dokud něco nevyskočí.

Také ZDNet místa a tmavý gradient nahoře na každý obrázek miniatury budovat typografický kontrast pro čitelnější text. V zásadě je to jeden z nejlepších designů post widgetů, které jsem kdy viděl.

Velmi podobný designový styl lze nalézt na domovské stránce CNET. Největší miniatura zaujímá své místo na levé straně, protože většina návštěvníků čte zleva doprava.

Když navrhujete svůj vlastní příspěvek post widget se necítí povinni následovat tuto stejnou techniku. Můžete jít s libovolnou velikostí miniatury, pokud se vejdou soudržně a tvoří jednotnou strukturu mřížky.

Vlastní styly miniatur

Volby designu se značně liší od rozvržení k rozvržení, takže neexistuje žádné dokonalé řešení. Doporučené post widgety jsou rozhodně složitější, aby design, takže vyžadují studium a trpělivost, aby se vešly do vlastního rozložení.

Styl každé miniatury ovlivňuje vzhled celého widgetu pro vaše publikum. Vezměme si například vybavený styl widgetů, který najdete na webu The Verge.

Každá miniatura má barevný gradient v horní části fotografie. To zvyšuje kontrast a zlepšuje čitelnost, ale také přidává určité webové stránky.

Někteří lidé tento styl nemají rádi, protože je považují za křiklavý nebo nepotěšný. Ale je to také velmi populární mezi čtenáři Verge a další designéři napodobují tento styl.

Ale barvy a fantazie techniky nejsou jediným faktorem, který je třeba zvážit. Mřížky a velikosti miniatur musí být také vybírány pečlivě, protože pomáhají definovat celkový styl widgetů, které jsou zobrazovány na stránkách.

Snad jeden z nejlepších příkladů je Mashableův design, který v průběhu let prošel mnoha fázemi. Nyní je Mashable považován za hlavní zdroj novinek a pracuje na tom, aby na domovskou stránku napodobil velké množství příspěvků pro snadné procházení.

Některé příspěvky používají malé čtvercové miniatury, zatímco jejich hlavní žebříček opravuje velký článek s plnou velikostí náhledu článku. To musí vyžadovat další práci editoru, aby se zajistilo, že všechny příspěvky budou mít odpovídající fotografie ve správné velikosti.

Ale hned po přistání na místě si všimnete, že to vydává pocit důvěryhodnosti. Tento styl se cítí velmi mainstreamový a může být používán téměř jakýmkoliv typem on-line časopisu k budování důvěry se čtenářskou základnou. Jediným problémem je zapisovat dostatek obsahu k vyplnění stránky!

Multi-Post Widgety

Některé featured post widgety zobrazit články v statická mřížka. To je často nejoblíbenější volba, protože to může být reagoval a pěkně se mísí rozvržení.

Ostatní widgety se spoléhají na dynamické interakce jako prezentace. Vezměte si například domovskou stránku veletrhu Vanity Fair s jejich funkčním blokem v horní části stránky. Současně je zobrazen pouze jeden příspěvek, ale nové články se zobrazují při přechodu nad konkrétní nadpis.

Automatická aktualizace miniatury i názvu s jednoduchou interakcí s ukazatelem. Jedna věc k poznámce je to může být velmi matoucí pro uživatele internetu, kteří nejsou obeznámeni s touto dynamickou technikou vznášení.

Ale na pozitivní straně tato technika bude šetří místo skrytím přebytečného obsahu na stránce.

Snažte se myslet na představované post widgety jako černobílé. Jsou to jen sekce stránek, které slouží k zobrazení nejzajímavějších nebo nejoblíbenějších článků. Technika (y), kterými splníte tento úkol, může být vždy otevřena pro diskusi.

Komplexní magazín používá plnohodnotnou prezentaci pro jejich představený widget. Každý příspěvek má zobrazený náhled spolu se spodním gradientem pro typografický kontrast.

Ale místo umístění jednotlivých miniatur vedle sebe, články dynamicky prostřednictvím okna prezentace. Navigaci lze nastavit automaticky nebo pomocí šipek. Tento design šetří spoustu místa a udržuje uživatele více ochotný komunikovat se stránkou.

Zabalit

Neexistuje žádný správný nebo špatný design, pokud jde o uváděné post displeje. Všichni mají mnoho podobných rysů, ale každý časopis používá svůj vlastní styl pro organizování obsahu.

Doufám, že tento příspěvek nabízí praktické tipy, které můžete použít při navrhování vlastního widgetu. Pokud se někdy cítíte uvíznutí, podívejte se na inspiraci do jiných časopisů. Najít rysy, které se vám líbí, a zjistit, jak je replikovat, aby směs do svého vlastního časopisu designu.