Како направити текстове за сајт да их прочита

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

Јер, без обзира на то колико је ваш садржај кул или колико је цоол ваша информација. Ионако ће вас оставити ако је текст лоше дизајниран. Само зато што нико неће схватити и сазнати да сте имали нешто корисно.

Како разрадити текст

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

Садржај

Садржај је потребан само ако је материјал дугачак. Биће чудно ако га додате за текст од 2000 знакова.

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

Направите табелу садржаја у облику линкова на елементе странице. Да би се то урадило, сваком титлу се додељује идентификатор, а сидро се поставља у линк у садржају. Изгледа овако:

На вашем сајту, то се може урадити преко визуелног едитора, али принцип ће бити исти - преписати идентификатор и додати линк са сидром.

Ако кликнете на такву везу, екран корисника ће се померити тако да се изабрана ставка налази на врху екрана. По подразумеваној вредности, нема анимације - можете је регистровати преко ЈаваСцрипт-а.

Реченице и параграфи

Реченице у тексту треба да буду различитих дужина - тако да ће имати ритам. Једна реченица је кратка. Други је мало дужи, али не превише. А трећи је толико дуг да се уклапа у неколико редова, и само га љубитељи Толстоја могу разумјети (шала).

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

Параграфи, попут реченица, морају бити различитих дужина.

Нема тачних бројева, као што су: реченице треба да имају 3-5 речи, а параграфи треба да буду 350 знакова или 4-5 редова. Немојте размишљати о таквим стварима - боље се концентрирајте на значење реченица и ријечи.

Нумерисане и означене листе

Листе се користе за преоптерећење реченица са огласима. На листама можете:

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

Означене листе треба да буду 3 или више поена. Кратке листе изгледају нормално само ако имају неколико реченица. Али нумерисане листе изгледају добро са 2 бода.

Нумерирање се може користити у листама типа "Кс типс" или упутствима корак по корак како би се читалац могао вратити на потребне савете или кораке. То значи да се нумерисане листе користе када је конзистентност важна - у супротном можете користити означене.

Информације у листама се лакше уочавају и лакше их се чита. Чак и ако особа пређе преко текста, постоји велика вероватноћа да ће прочитати листу.

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

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

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

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

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

У другим случајевима, ставите тачку.

Табеле, графикони и инфографика

Слажем се, чак и најједноставнији граф или табела може уклонити гомилу текста који је тешко читати, перципирати и памтити. Прочитајте овај одломак:

Да би ископали јаму А, требало је 5 радника који су га ископали за 2 дана. Преко ископа Б је радила двоструко више радника који су управљали за исти период. Отвори су једнаки запремине (30 м3), али улогу је имала разлика у типу земљишта и терена - камен за ископ Б и земљиште за ископ А.

То је прилично једноставно, али читање траје неко време. Табела се може прочитати много брже, а информације из ње ће бити боље запамћене:

Дитцх А

Дитцх Б

Воркерс

5

10

Терм

2 дана

2 дана

Волумен јаме

30 м3

30 м3

Тип тла

Гроунд

Роцки

(Не бацајте папуче, ја нисам градитељ).

Један поглед је довољан да схватимо шта је шта.

Инфографика уопште може да постане посебан материјал, ако приступимо његовом стварању са истом одговорношћу као и Алекеи Алекандров у материјалу стратегије садржаја.

Сидебарс

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

Или можете пренијети корисника на страницу с услугом, као што сам горе.

Слике, аудио и видео

Помоћу ових елемената можете додати видљивост текста. Лакше је једном показати нешто него описати цијело вријеме. На пример, Стивен Кинг је говорио о правилу број 1: "Покажи, не реци":

Боље је направити слике исте ширине, ако је могуће. Ако снимате снимке екрана, уверите се да је текст јасно видљив. И немојте користити фотографије, посебно у корпоративним блоговима. Уобичајено центрирање.

Аудио и видео такође позитивно утичу на материјал. На пример, додао сам две датотеке у чланак о аудио уредницима како бих их приказао у акцији. Датотеке се могу учитати на ваш сајт и репродуковати помоћу ХТМЛ5 - за то користите ознаку "".

Видеозаписи се могу уметнути са ИоуТубе, Вимео и других сличних хостинг сајтова. Биће добро покренути видео снимак из правог тренутка, ако је велики, а ви само требате показати пасус.

Корисне информације већ од 0:00

Препоручљиво је да потпишете сва три елемента. Можете направити шалу са сликама или само дати објашњења. Наслов звука или видео записа треба да буде написан оно што корисник види или чује - може се направити изузетак ако је видео садржај јасан из прегледа или сте га описали у тексту.

Немојте да се ови елементи аутоматски репродукују. Страница ће трошити више ресурса, а корисницима ће сметати.

Субхеадс

У класичном цопивритингу, поднаслови су постављени за титлове. Понекад чак нису ни описали шта ће бити у наредном делу текста. Дакле, не би требало да то радите - уместо тога, титлови би требало да покажу читаоцу шта да очекује.

У овом чланку, поднаслови су семантички, али можете додати интриге или неке важне мисли. На пример, можете назвати наслов "Како направити титлове", или можете "Кс примјера дизајна титла" или "Титлови су застарјели - хитно их престајемо користити".

Тект селецтион

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

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

Ознака се може користити за истицање онога што треба да запамтите (као у студентским годинама). Сада се готово не користи на Интернету, ја особно користим овај алат врло ријетко.

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

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

Линкови и акроними

Текст мора нужно бити перелинковка да се повећа време које корисник проведе на сајту. Али везе морају бити правилно издате:

  • Користите сидра - не стављајте линк као текст, боље је да га прикључите на било коју реч или реченицу. И ова реч треба да обавести корисника где ће ићи. На примјер: "Погледајте наш вебинар за провјеру текста."
  • Подвући - тешко је пронаћи везу ако није подвучена.
  • Да анимирамо - када лебдите мишем преко везе, курсор треба да се промени у руци са кажипрстом (У ЦСС-у се ово ради на следећи начин: курсор: показивач;). Ово је неопходан минимум, који је регистрован у подразумеваним претраживачима, али можете прописати да доња црта нестаје када лебдите.
  • Атрибут регистра титле - овај атрибут је писан текст који се појављује када прелазите преко везе. Можете додати објашњење или нешто смешно.

Скраћенице такође прописују наслове, али не воде никуда. Користе се да нешто објасне или дешифрују скраћеницу. У том случају, корисник мора да схвати да се када се миш помера, нешто догоди. У блогу наглашавамо скраћенице са тачкастом линијом.

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

Споилерс

Споилери су елементи иза којих можете сакрити текст. Желе да их користе на страницама Ф. А. П. Изгледа овако:

Користе се да би сакрили нешто од читаоца: спојлери сцена, велики део текста или линк. Главно правило је да корисник разуме да се спојлер може отворити да види његов садржај.

Емотицонс или Емоји

Зашто тако озбиљно? :-) У чланцима можете користити емотиконе, али их не можете злоупотребити. Такође, они су лоши за оне који већ дуго блоговају блогове и никада нису користили емотиконе - превише драстична промена.

Додајте такве предмете врло пажљиво.

Постови са друштвених мрежа

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

Суптилна уметност брања слика за постове на друштвеним мрежама: 9.5 правила //т.цо/0вКПкнЈП1х # цм # смм # дизајн # веб дизајн

- Тектерра (@ВебТектерра) 10. мај 2018

Ова метода има своје предности: не морате да снимате снимке екрана, не морате да бринете о квалитету текста и тако даље. Али ту је и минус - потребно је да повежете додатне скрипте на сајт, а то може успорити преузимање. И неће бити могуће комуницирати са постовима ако су избрисани или ако социјална мрежа „падне“.

У принципу, ако додате 1-2 постова по страници, разлика у брзини преузимања бит ће безначајна.

Различите странице

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

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

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

Постоје правила дизајна картица, страница са контактима, грешка 404 и тако даље.

Дизајн

Додавање свих ових елемената неће имати смисла ако се текст не може прочитати због вашег дизајна. За угодно читање препоручује се:

  • Тамни фонт на светлој позадини. Немојте користити црну или белу боју, јер стварају превише контраста - очи се брзо умарају. Боље је да се позадина учини моно - без шаблона и других ствари.
  • Величина фонта је 14-18 пиксела, размак линија је око 150%.
  • За мониторе, санс сериф фонт је боље прилагођен.

Ово је неопходан минимум за дизајн, али у ствари постоји много више препорука.

Уобичајене грешке

Текст се најчешће не разабире. Али погледај чуда дизајна:

Овај текст се лако чита јер садржи селекције, поднаслове и параграфе. Али то је написано са само једном реченицом.

Друга грешка - буст са регистрацијом. Превише елемената се појављује у кратким текстовима који отежавају читање:

Неко заборавља да између елемената мора бити довољно простора:

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

А које грешке у дизајну сте срели? Поделите их у коментарима - додаћемо најинтересантније у чланак! как-оформлиат-тексти-длиа-саита-цхтоби-икх-цхитали
#
Десигнед би

Погледајте видео: Carlos Maza And Youtube Vs Steven Crowder #VoxAdpocalypse Is Here (Јануар 2020).

Loading...

Оставите Коментар