Брилянтни идеи и тенденции за изтъкнати джаджи за публикация на функции

Изпълнението на успешно онлайн списание изисква солидна аудитория и много висококачествено писане. Но оформлението на списанието също играе решаващ фактор за ангажираността на посетителите. Една техника е да се създаде a черта джаджа в горната част на началната страница. Това показва най-новите популярни статии, които да водят читателите в сайта.

В този пост бих искал да покрия техники за проектиране, които могат да бъдат използвани за създаване на успешна черта джаджа пост. Въпреки че тази джаджа често работи най-добре в оформление в стил на списание, можете да го приложите и за по-малки блогове или уебсайтове с динамично съдържание.

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

Повечето популярни постове разчитат на миниатюрни изображения, за да привлекат внимание. Това често е под формата на фоново изображение, свързано с всяко заглавие на статия.

Тази техника изглежда фантастично, но е трудно да се изгради забележим контраст между типографията и динамичните фонови изображения. Чрез изучаване на други списания можете да вземете фини техники, за да подобрите четливостта.

Следващият уеб е голямо онлайн списание с видна джаджа на началната страница. Всяка миниатюра варира по размер, но всички те се използват тъмни градиенти за подобрен контраст.

Заглавията на статиите се поставят в долната част на миниатюрни блокове върху тъмните градиенти. Най- лекият текст е лесен за консумация на тъмен фон, но не покрива и цялото изображение.

Съвременните постижения в CSS3 позволяват на разработчиците да пресъздадат тези ефекти с лекота. Фиксираните градиенти са перфектни, ако можете да ги накарате поток естествено отгоре на всяка миниатюра и все пак покажете достатъчно изображение да привлече вниманието.

На началната страница на Digital Trends се използва малко по-различна техника. Този пост джаджа използва висококонтрастни твърди фонове зад текста, за да направи всяко заглавие отчетливо и жизнено.

Разликата тук е, че всеки фонов цвят е 100% твърд. Така не можете да видите цялата снимка на иконата малки части се губят от погледа. Но текстът е ясно четлив, което може да бъде също толкова привлекателно за посетителите, че се приземяват на началната страница на Digital Trends.

Намирането на точното количество контраст е трудно. Някои уебсайтове като TechCrunch се опитват да поставят текст до миниизображението, за да премахнат изцяло този проблем.

Но ако ви харесва стила на дизайн на заглавния текст отгоре на миниатюрата, която искате да направите разгледаме как контрастните фактори в уравнението.

Спорадични размери на изображението

Стойността на приспособлението за публикации е съдържателно съдържание в горната част на страницата. Асиметрията е чудесен начин да се обърне внимание на нещо, а в този случай асиметричните размери на миниатюрите работят чудесно.

Вземете например началната страница на ZDNet. Най-голямата статия в лявата страна използва най-широкото миниизображение, за да заема повече място и да се надяваме, че ще привлече повече внимание. Другите включени миниатюри попадат в по-малки размери с по-малки заглавия.

Забележете как тази структура на мрежата естествено води окото ви около страницата. Погледът на всеки посетител има тенденция да падне в една определена област, след това да се движи между всяка миниатюра, докато нещо изскочи.

Също така ZDNet места a тъмен градиент отгоре на всяко миниатюрно изображение изграждане на типографски контраст за по-четлив текст. В основата си това е един от най-добрите функции на джаджата, които някога съм виждал.

Много подобен стил на дизайн може да бъде намерен на началната страница на CNET. Най-голямата миниатюра заема своето място от лявата страна, тъй като повечето посетители четат от ляво на дясно.

Когато създавате своя собствена джаджа, не се чувствате задължена да следвате същата техника. Можете да отидете с всякакви размери на миниатюри, стига те да се впишат заедно и да образуват унифицирана мрежа.

Собствени стилове на миниизображения

Дизайнерските решения варират в широки граници от оформлението до оформлението, така че няма едно идеално решение. Избраните джаджи за постове определено са по-сложни за проектиране, така че те изискват проучване и търпение, за да се поберат в персонализирано оформление.

Стилът на всяка миниатюра засяга начина, по който изглежда цялата аудитория. Да вземем за пример стила на притурката, намерен на The Verge.

Всяка миниатюра има колоритен градиент в горната част на снимката. Това повишава контраста и подобрява четливостта, но също така добавя известен усет към уебсайта.

Някои хора не харесват този стил, защото го смятат за красив или непривлекателен. Но също така е доста популярно сред четците на Verge, а други дизайнери имитират този стил.

Но цветовете и фантастичните техники не са единственият фактор, който трябва да се вземе под внимание. Решетките и размерите на миниатюрите също трябва да се избират внимателно, тъй като те помагат да се определи цялостният стил на джаджата за популярни постове.

Може би един от най-добрите примери е дизайнът на Mashable, който е преминал през много фази през годините. Сега смятан за основен източник на новини, Mashable работи, за да натовари голям брой публикации на началната страница за лесно сърфиране.

Някои публикации използват малки квадратни миниатюри, докато основната им таблица с фиксира големи икони с пълен размер на статията. Това трябва да изисква допълнителна работа от редактора, за да се гарантира, че всички публикации имат подходящи снимки с правилни размери.

Но веднага след кацане на сайта ще забележите, че това дава усещане за доверие. Този стил се чувства много мейнстрийм и може да се използва от почти всеки тип онлайн списание, за да изгради доверие с читателската база. Единственият проблем е да се напише достатъчно съдържание, за да запълни страницата!

Мулти-пост джаджи

Някои включени джаджи за публикации показват статии в a статична мрежа. Това често е най-популярният избор, защото може да бъде направени отзивчиви и се смесват добре във всяко оформление.

Други джаджи разчитат на динамични взаимодействия като слайдшоу. Вземете за пример началната страница на панаир за суета с техния чертан блок в горната част на страницата. Само една публикация се показва по време, но се показват нови статии, когато се показва над определено заглавие.

Както миниизображението и заглавието автоматично се актуализират с просто взаимодействие с мишката. Едно нещо, което трябва да се отбележи, е, че това може да бъде много объркващо за интернет потребителите, които не са запознати с тази динамична техника за навигиране.

Но от позитивната страна ще бъде тази техника спестяване на пространство на страницата, като скриете излишното съдържание.

Опитайте се да не мислите за включените джунджурии пост като черно-бели. Те са само раздели на страниците, използвани за показване на най-интересните или популярни статии. Техниката (ите), чрез която можете да изпълните тази задача, винаги може да бъде отворена за дебат.

Списанието Complex използва пълен дисплей за слайдшоу за техните функции. Всяка публикация има представена миниатюра заедно с долния градиент за типографски контраст.

Но вместо да поставяте всяка миниатюра една до друга, статиите поточно динамично през кутия за слайдшоу. Навигацията може да се настройва автоматично или да се контролира чрез стрелки. Този дизайн спестява много място и поддържа потребителя по-готов да взаимодейства със страницата.

Завийте

Няма правилен или грешен дизайн, когато става въпрос за показани дисплеи. Всички те споделят много подобни черти, но всяко списание използва свой собствен стил за организиране на съдържанието.

Надявам се, че този пост предлага практически съвети, които да използвате, когато проектирате своя собствена джаджа. Ако някога се почувствате заклещени, погледнете към други списания за вдъхновение. Намерете черти, които харесвате, и разберете как да ги възпроизведете, за да се слее в собствения си дизайн на списанието.