Брилијантне идеје и трендови за истакнуте виџете Феатуре Пост

Покретање успешног онлине часописа захтева солидну публику и пуно квалитетног писања. Али распоред часописа такође игра кључни фактор у ангажовању посетилаца. Једна од техника је стварање а феатуред постс видгет на врху почетне странице. Ово приказује најновије популарне чланке који идеално воде читаоце даље на сајт.

У овом посту бих желео да покријем технике дизајна које могу да се користе за креирање успешног виџета за постове. Иако овај видгет често најбоље функционише у распореду у стилу часописа, можете га примијенити и на мање блогове или веб-локације с динамичким садржајем.

Типографски контраст

Већина истакнутих порука се ослањају на сличице како би привукле пажњу. Ово често има облик позадинске слике везане за сваки наслов чланка.

Ова техника изгледа фантастично, али је тешко је изградити видљив контраст између типографије и динамичких позадинских слика. Проучавајући друге часописе, можете покупити суптилне технике како бисте побољшали читљивост.

Нект Веб је велики онлине магазин са истакнутим видгетима на почетној страници. Свака сличица се разликује по величини, али се сви користе тамни градијенти за побољшани контраст.

Наслови чланака су смјештени на дну минијатурних блокова на врху тамних градијента. Тхе лагани текст је лако конзумирати на тамној позадини, али не покрива ни целу слику.

Модерни напредак у ЦСС3 омогућава развојним програмерима да поново креирају ове ефекте са лакоћом. Фиксни градијенти су савршени ако их можете навести природно тече на врху сваке сличице и још покажите довољно слике да привуку пажњу.

Нешто другачија техника се користи на почетној страници дигиталних трендова. Овај пост видгет користи високе контрастне позадине иза текста да би сваки наслов био јасан и живахан.

Разлика је у томе што је свака позадинска боја 100% чврста. Не можете да видите целу слику сличице мали делови су изгубљени од погледа. Међутим, текст је јасно читљив, што може бити једнако привлачно за посјетитеље који се први пут спуштају на почетну страницу дигиталног тренда.

Проналажење одговарајуће количине контраста је тешко. Неке веб локације као што је ТецхЦрунцх покушавају да стављају текст поред сличице да би се овај проблем у потпуности уклонио.

Али ако вам се свиђа стил дизајна текста наслова на врху сличице коју желите размотримо како контрастни фактори улазе у једначину.

Спорадиц Имаге Сизес

Вредност додатног виџета за пост је садржај садржаја на врху странице. Асиметрија је одличан начин да се скрене пажња на нешто, ау овом случају величине асиметричних сличица раде одлично.

Узмимо за пример почетну страницу ЗДНет-а. У свом истакнутом видгету највећи чланак на левој страни користи најшири сличицу да заузме више простора и надамо се да ће привући више пажње. Остале истакнуте сличице падају у мање величине са мањим насловима.

Обратите пажњу на то како ова структура мреже природно води ваше око око странице. Поглед сваког посетиоца тежи да падне у једну одређену област, а затим се креће између сваке сличице све док нешто не искочи.

Такође ЗДНет места а дарк градиент на врху сваке сличице изградити типографски контраст за читљивији текст. У основи, то је један од најбољих дизајна пост видгет-а које сам икада видио.

Врло сличан стил дизајна може се наћи на ЦНЕТ-овој почетној страници. Највећа сличица заузима своје место са леве стране пошто већина посетилаца чита са леве на десну страну.

Када дизајнирате свој властити виџет за постове, не осјећате се обавезним да слиједите ту исту технику. Можете ићи са било којом величином сличица све док се уклапају заједно и формирају јединствен распоред мреже.

Прилагођени стилови минијатура

Дизајнерски избори се разликују од распореда до распореда тако да не постоји једно савршено решење. Истакнути виџети постова су дефинитивно сложенији за дизајн, тако да захтијевају проучавање и стрпљење да би се уклопили у прилагођени распоред.

Стил сваке сличице утиче на то како цео виџет изгледа вашој публици. Узмимо за пример истакнути стил видгет-а који се налази на Верге-у.

Свака сличица има шарени градијент на врху фотографије. Ово појачава контраст и побољшава читљивост, али и додаје одређени изглед веб-локацији.

Неки људи не воле овај стил зато што га сматрају непристојним или непривлачним. Али је такође прилично популаран међу читачима Верге-а и други дизајнери опонашају овај стил.

Али боје и фанци технике нису једини фактор који треба узети у обзир. Мреже и величине умањених сличица такође морају бити пажљиво одабране јер помажу у дефинисању укупног стила видгета за постове.

Можда је један од најбољих примера Масхабле дизајн који је прошао кроз многе фазе током година. Сада се сматра главним извором вијести, Масхабле ради на томе да угура велики број постова на почетну страницу ради лакшег претраживања.

Неки постови користе мале квадратичне сличице, док њихова главна табела поставља велики сличан баннер у пуном формату. Ово мора захтијевати додатни рад од уредника како би се осигурало да све постове имају одговарајуће фотографије у исправним величинама.

Али одмах након слетања на градилиште приметићете да је то даје осећај кредибилитета. Овај стил се осећа веома уобичајено и може га користити скоро сваки тип онлине магазина да би изградио поверење са читачком базом. Једини проблем је да пишете довољно садржаја да попуните страницу!

Мулти-Пост Видгетс

Неки виџети за постове приказују чланке у а статиц грид. Ово је често најпопуларнији избор јер може бити учинили су одговорни и лепо се уклапају у било који распоред.

Други видгети се ослањају на динамичке интеракције као што је слидесхов. Узмимо за пример почетну страницу Ванити Фаир-а са својим истакнутим пост-блоком на врху странице. Истовремено се приказује само један пост, али се приказују нови чланци када лебде изнад одређеног наслова.

И аутоматско ажурирање минијатуре и наслова са једноставном ховер интеракцијом. Једна ствар коју треба имати на уму је да то може бити веома збуњујуће за кориснике Интернета који нису упознати са овом динамичном техником лебдења.

Али са позитивне стране ова техника ће штеди простор на страници скривањем вишка садржаја.

Покушајте да не сматрате да су виџети постова црно-бели. Они су само секције страница које се користе за приказивање најзанимљивијих или популарних чланака. Техника (технике) помоћу којих остварујете овај задатак увијек може бити отворена за расправу.

Комплекс магазина користи комплетан приказ слајдова за свој истакнути видгет. Сваки пост има умањену сличицу заједно са доњим градијентом за типографски контраст.

Али уместо стављања сваке умањене сличице, чланци ток динамички кроз слидесхов. Навигација се може подесити аутоматски или контролирати линковима са стрелицама. Овај дизајн штеди много простора и омогућава кориснику да буде спремнији за интеракцију са страницом.

Упаковати

Не постоји исправан или погрешан дизајн када су у питању приказани постови. Сви они имају много сличних особина, али сваки часопис користи сопствени стил за организовање садржаја.

Надам се да овај пост нуди практичне савјете за кориштење при дизајнирању властитих видгета за постове. Ако се икада осјећате заглављено, потражите инспирацију у другим часописима. Пронађите особине које вам се свиђају и откријте како их реплицирати да би се уклопиле у свој дизајн часописа.