Briliantinės idėjos ir tendencijos, susijusios su „Feature Post“ valdikliais
Sėkmingam internetiniam žurnalui vykdyti reikia tvirtos auditorijos ir daug aukštos kokybės rašymo. Tačiau žurnalo išdėstymas taip pat vaidina lemiamą veiksnį lankytojams. Vienas iš būdų yra sukurti a skelbimų valdikliui puslapio viršuje. Tai parodo naujausius populiariausius straipsnius, kad idealiai būtų galima skaityti skaitytojus toliau į svetainę.
Šiame pranešime norėčiau padengti projektavimo metodus, kuriuos galima naudoti norint sukurti sėkmingą skelbimo valdiklį. Nors šis valdiklis dažniausiai geriausiai veikia žurnalų stiliaus išdėstyme, tai galite taikyti ir mažesniems tinklaraščiams ar dinaminio turinio svetainėms.
Tipografinis kontrastas
Dauguma rodomų įrašų remiasi miniatiūrų vaizdais, kad atkreiptų dėmesį. Tai dažnai būna fono paveikslėlis, susietas su kiekvienos straipsnio antrašte.
Šis metodas atrodo fantastinis, bet tai sunku sukurti pastebimą kontrastą tarp tipografijos ir dinaminių fono paveikslėlių. Mokydamiesi kitų žurnalų, galite pasiimti subtilius metodus, kurie padėtų pagerinti skaitomumą.
Kitas internetas yra didelis internetinis žurnalas, kuriame pagrindiniame tinklalapyje yra žinomų skelbimų valdiklis. Kiekviena miniatiūra skiriasi pagal dydį, tačiau jie visi naudojami tamsūs gradientai pagerina kontrastą.
Straipsnio antraštės pateikiamos miniatiūrų blokų apačioje ant tamsių nuolydžių. The lengvas tekstas yra lengvai vartojamas tamsiame fone, tačiau jis taip pat neapima viso vaizdo.
Šiuolaikiniai CSS3 pasiekimai leidžia kūrėjams atkurti šiuos efektus lengvai. Fiksuoti gradientai yra tobuli, jei galite juos pasiekti natūraliai teka ant kiekvieno miniatiūros ir vis dar parodyti pakankamai vaizdo atkreipti dėmesį.
Skaitmeninių tendencijų pagrindiniame puslapyje naudojama šiek tiek kitokia technika. Naudojamas šis skelbimo valdiklis didelio kontrasto kietas fonas už teksto, kad kiekviena antraštė būtų ryški ir energinga.
Skirtumas yra tas, kad kiekviena fono spalva yra 100% kieta. Negalite matyti visos miniatiūros nuotraukos mažos porcijos prarandamos. Tačiau tekstas yra aiškiai įskaitomas, kuris gali būti toks pat patrauklus lankytojams, pirmą kartą nusileidusiems skaitmeninių tendencijų pagrindiniame puslapyje.
Tinkamo kontrasto kiekio nustatymas yra sudėtingas. Kai kurios svetainės, pvz., „TechCrunch“, stengiasi visiškai pašalinti tekstą šalia miniatiūros.
Bet jei jums patinka antraštės teksto dizaino stilius ant miniatiūros, kurią norite apsvarstyti, kaip kontrastiniai veiksniai įtraukiami į lygtį.
Sporadiniai vaizdų dydžiai
Objekto skelbimo valdiklio vertė yra funkcijos turinys puslapio viršuje. Asimetrija yra puikus būdas atkreipti dėmesį į kažką, ir šiuo atveju asimetriški miniatiūrų dydžiai puikiai veikia.
Paimkite, pavyzdžiui, ZDNet tinklalapį. Savo pateiktame valdiklyje didžiausias straipsnis kairėje pusėje naudoja plačiausią miniatiūrą, kad užima daugiau vietos ir, tikiuosi, daugiau dėmesio. Kiti miniatiūros patenka į mažesnius dydžius su mažesnėmis antraštėmis.
Atkreipkite dėmesį, kaip ši tinklo struktūra natūraliai nukreipia jūsų akis aplink puslapį. Kiekvienas lankytojo žvilgsnis yra linkęs nukristi vienoje konkrečioje vietovėje, o po to pereiti tarp kiekvienos miniatiūros, kol kažkas šokinėja.
Taip pat „ZDNet“ pateikia a tamsus gradientas atverkite kiekvieną miniatiūros vaizdą sukurti tipografinį kontrastą geriau skaityti tekstą. Iš esmės tai vienas iš geriausių skelbimų valdiklių, kuriuos aš kada nors matiau.
Panašų dizaino stilių galima rasti CNET tinklalapyje. Didžiausia miniatiūra užima vietą kairėje pusėje, nes dauguma lankytojų skaito iš kairės į dešinę.
Projektuodami savo turinį pašto valdikliui nereikia jaustis įpareigoti laikytis to paties metodo. Jūs galite eiti su bet kokiu miniatiūrų dydžiu, kol jie susilieja kartu ir sudaro vienodą tinklelio išdėstymą.
Pasirinktiniai miniatiūrų stiliai
Dizaino pasirinkimas labai skiriasi nuo išdėstymo iki išdėstymo, todėl nėra jokio tobulo sprendimo. Teminiai skelbimų raštai neabejotinai yra sudėtingesni dizainui, todėl jiems reikalingas tyrimas ir kantrybė, kad tilptų į užsakymą.
Kiekvienos miniatiūros stilius veikia tai, kaip visą valdiklį žiūrima į jūsų auditoriją. Paimkite, pavyzdžiui, „The Verge“ rodomą „widget“ stilių.
Kiekvienos miniatiūros nuotraukoje yra spalvingas gradientas. Tai padidina kontrastą ir pagerina skaitymą, tačiau taip pat prideda tam tikrą nuoširdumą interneto svetainėje.
Kai kurie žmonės nemėgsta šio stiliaus, nes mano, kad tai baisus ar nepatogus. Bet tai taip pat gana populiarus tarp „Verge“ skaitytojų ir kiti dizaineriai imituoja šį stilių.
Tačiau spalvos ir išgalvotos technikos nėra vienintelis veiksnys, į kurį reikia atsižvelgti. Tinkleliai ir miniatiūros dydžiai taip pat turi būti pasirenkami atidžiai, nes jie padeda apibrėžti bendrą skelbimų valdiklio stilių.
Galbūt vienas iš geriausių pavyzdžių yra Mashable dizainas, kuris per daugelį metų vyko daugeliu etapų. Dabar laikoma pagrindiniu naujienų šaltiniu, „Mashable“ dirba, norėdamas lengvai naršyti daugelį pranešimų į pagrindinį puslapį.
Kai kuriuose pranešimuose naudojami maži kvadratiniai miniatiūros, o jų pagrindinis lyderis nustato didelį pilno dydžio miniatiūrą su straipsniu. Tam reikalingas papildomas redaktoriaus darbas, siekiant užtikrinti, kad visi įrašai turėtų tinkamas nuotraukas tinkamu dydžiu.
Bet iškart po iškrovimo svetainėje pastebėsite, kad tai bus suteikia patikimumo jausmą. Šis stilius jaučiasi labai populiarus ir gali būti naudojamas beveik bet kokio tipo internetiniame žurnale, kad sukurtų pasitikėjimą readerio baze. Vienintelė problema yra pakankamai turinio rašymas, kad užpildytumėte puslapį!
„Multi-Post“ valdikliai
Kai kurie skelbimų valdikliai rodo straipsnius a statinis tinklelis. Tai dažnai yra populiariausias pasirinkimas, nes jis gali būti puikiai reaguoja ir puikiai susilieja į bet kokį išdėstymą.
Kiti valdikliai remiasi dinaminėmis sąveikomis, tokiomis kaip skaidrių demonstravimas. Paimkite, pvz., „Vanity Fair“ pagrindinį puslapį, kurio puslapio viršuje yra skelbimų blokas. Vienu metu rodomas tik vienas įrašas, tačiau, rodant tam tikrą antraštę, rodomi nauji straipsniai.
Ir miniatiūros, ir pavadinimo automatinis atnaujinimas su paprasta sąveika. Vienas dalykas, kurį reikia pažymėti, gali būti labai painus interneto naudotojams, kurie nėra susipažinę su šia dinamiška hover technika.
Bet teigiamai, šis metodas bus sutaupyti vietos puslapyje, slepiant perteklinį turinį.
Stenkitės ne galvoti apie pateiktus skelbimų raštus kaip juodos ir baltos spalvos. Jie yra tik puslapių skyriai, naudojami kaip įdomiausi ar populiarūs straipsniai. Metodas (-ai), kuriuo (-iais) atliekate šią užduotį, visada gali būti atviras diskusijoms.
Kompleksinis žurnalas naudoja pilną skaidrių demonstravimą savo turimam valdikliui. Kiekviename pranešime yra matomas miniatiūros ir apatinio gradiento tipografinis kontrastas.
Tačiau vietoj to, kad kiekviena miniatiūra būtų išdėstyta šalia, straipsniai dinamiškai per skaidrių demonstravimo langelį. Navigaciją galima nustatyti automatiškai arba valdyti rodyklėmis. Šis dizainas taupo daug vietos ir padeda vartotojui labiau bendrauti su puslapiu.
Wrap Up
Nėra teisingo ar neteisingo dizaino, kai kalbama apie rodomus skelbimus. Jie visi turi daug panašių bruožų, tačiau kiekvienas žurnalas naudoja savo stilių, kad organizuotų turinį.
Tikiuosi, kad šis pranešimas siūlo praktinius patarimus, kurie bus naudojami kuriant savo skelbimų valdikliui. Jei kada nors jaučiatės įstrigę, tiesiog žiūrėkite į kitus žurnalus įkvėpimui. Raskite norimus bruožus ir išsiaiškinkite, kaip juos kopijuoti, kad susilietų į savo žurnalo dizainą.
