Как правильно оформить текстовые блоки на сайте Все способы наглядно и просто! Урок webflow №11

Покажу на примерах как правильно показывать текст на сайте, как сделать его удобно читаемым, расставить акценты и управлять вниманием посетителя сайта, что бы он читал сначала, то что нам нужно, а потом воспринимал второстепенную информацию и при этом не испытывал дискомфорта. Все нужно сделать логично, интуитивно понятно любому человеку и легким для восприятия. Данная задача не из легких, поэтому видео о получилось большое. Оформления текста на сайте, становится настоящей проблемой для не опытного дизайнера. Именно по этим блокам палится новичок и делать ему их очень не просто, поскольку зачастую получается сплошной кусок текста, который никто читать не будет. Поэтому нужно на этапе обучения уделать больше внимания для оформления самого распространенного типа контента на сайтах, а именно текста, из которых они и стоят по сути)) не и картинки еще, конечно же, но и как их правильно интегрировать в текст, я тоже покажу в данном ролике. Так что с вас лайк и комментарий, за одно из самых важных и полезных видео на канале))) Если дочитали описание аж до сюда — напишите в комментариях к данному видео ролику фразу — текст всему голова))) тогда я буду знать, что эти описания хоть кто-то читает))) а то будто пишу в никуда сейчас текст... ••••••••••••••••••••••••••••••• — Материалы с данного видео freelance-blog.webflow.io/course — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ ••••••••••••••••••••••••••••••• БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый (для новичка) • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм @artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/artstranger... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Обзор того что уже готово 01:52 Приступаем к вариантам оформления текста, самый простой и банальный вариант 04:26 Делим текст на 2 части и расставляем в порядке важности (управляем вниманием пользователя) 08:56 Показываю как сделать список (перечень пунктов) 19:50 Выделение текстового блока с помощью подложки и фона 23:38 А так же с помощью обводки 30:43 Делаем фон секции не от края до края, а стильнее)) с отступом от краев и при этом, что бы он адаптивился как нужно 33:48 Рассматриваем остальные варианты аналогичного блока 37:11 Добавляем картинку к блоку и рассматриваем разные вариации оформления текста с картинкой 47:07 Оформляем текстовый блок подобно блоку преимуществ или "о нас в цифрах" комбинируя блоки 55:23 Классический вертикальный список с фиксированным блоком сбоку 01:04:23 Добавляем фон для наших блоков с одной стороны 01:10:15 Еще парочка хороших вариантов на основе предыдущих 01:16:02 Добавляем больше дизайнерских изысков 01:37:42 Показываем текстовый блок в видео баннера, с кучей вариантов 01:34:33 Подводим итоги