Собираем страницу из стандартных блоков
После всех настроек мы можем перейти к работе с блоками на первой странице.
Tilda это конструктор сайтов.
И как и в любом конструкторе у нас есть набор элементов, из которых можно собрать что угодно.
Эти элементы:
- Текст
- Картинки
- Видео
- Опросники и тесты
- Кнопки
- Блоки кода
- Форма заявки
Tilda это конструктор сайтов.
И как и в любом конструкторе у нас есть набор элементов, из которых можно собрать что угодно.
Эти элементы:
- Текст
- Картинки
- Видео
- Опросники и тесты
- Кнопки
- Блоки кода
- Форма заявки
Текст
Tilda уделяет много внимания типографике. Поэтому большинство текстовых блоков можно использовать без каких либо изменений вроде корректировки размера или вида шрифта.
Но в целом можно корректировать 3 параметра:
- Размер
- Цвет
- Межстрочное расстояние
При работе с текстом, стоит обратить внимание на ресурсы, на которых размещается много контента для чтения и взять их за референс.
Важный момент:
Не стоит растягивать текст на всю ширину страницы, особенно если пользователь сталкивается с большим количеством текстового контента.
8 колонок это оптимальный вариант.
Но в целом можно корректировать 3 параметра:
- Размер
- Цвет
- Межстрочное расстояние
При работе с текстом, стоит обратить внимание на ресурсы, на которых размещается много контента для чтения и взять их за референс.
Важный момент:
Не стоит растягивать текст на всю ширину страницы, особенно если пользователь сталкивается с большим количеством текстового контента.
8 колонок это оптимальный вариант.
Картинки
Подход аналогичный как и с текстом.
Вам не надо ничего менять, достаточно использовать стандартные блоки тильды.
При этом существуют всевозможные галереи и разные варианты размещения картинок.
Например если вы собираете свое фото портфолио, то этом может выглядеть вот так:
Вам не надо ничего менять, достаточно использовать стандартные блоки тильды.
При этом существуют всевозможные галереи и разные варианты размещения картинок.
Например если вы собираете свое фото портфолио, то этом может выглядеть вот так:
Но где найти качественные картинки для размещения?
Видео
При необходимости на тильде можно оформить полноценный онлайн курс. Чисто вставляя видео из Youtube с доступом по ссылке.
Вот например страница проекта Russol которая собрана на Tilda.
Здесь они размещают переведенные видео стартап акселератора YCombinator в свободном доступе.
Вот например страница проекта Russol которая собрана на Tilda.
Здесь они размещают переведенные видео стартап акселератора YCombinator в свободном доступе.
Опросы и тесты
В Tilda можно собирать обратную связь от пользователей несколькими способами:
1
Голосование
Хорошо подходит для опросов аудитории, когда вы проводите количественные исследования
2
Тест
Для закрепления знаний или можно использовать в виде визарда для навигации между разделами
3
Лайки и дизлайки
Работает как и в любой социальной сети. Иконки загружаете самостоятельно или можно использовать стандартные смайлики.
Закрепим, то как вы умеете использовать разные варианты контента?
Стандартные блоки
Ответьте на три вопроса чтобы закрепить навык.
| Начать тест |
Ситуация: Вам необходимо рассказать о своем отношении к какому-то факту и передать эмоции.
Какой формат донесения информации выберете?
Какой формат донесения информации выберете?
В тексте достаточно тяжело описывать свои эмоции и это требует очень наработанного навыка. Есть способ проще.
Не совсем. Когда речь идет именно о вашем отношении к чему то, то стоит рассказать о контексте и высказать эмоции. А это проще сделать в другом формате.
Именно. Ничего не позволяет передать ваши личные эмоции лучше чем видео.
| Продолжить |
| Проверить |
| Показать результаты |
Ситуация: Вам необходимо рассказать о том как взаимосвязаны между собой несколько элементов. Например как должны взаимодействовать различные подразделения в компании.
Какой формат донесения информации выберете?
Какой формат донесения информации выберете?
Очень тяжело проследить взаимосвязь и увидеть всю картину целиком
Точно! Схема отлично подойдет.
Очень тяжело проследить взаимосвязь и увидеть всю картину целиком
| Продолжить |
| Проверить |
| Показать результаты |
Ситуация: Вам необходимо рассказать о фактах или ситуации, но без необходимости указывать ваше отношение к ней. Например вы рассказываете о действиях сотрудников при пожаре.
Какой формат донесения информации выберете?
Какой формат донесения информации выберете?
Верно. Факты проще всего воспринимаются в тексте. И больше вероятность что в критической ситуации человек быстрее воспримет всю информацию, если она будет в тексте.
Разбирать инфографику бывает очень интересно. Но не в том случае, когда решения надо принимать быстро.
Это очень долгий формат донесения информации. Человек должен быть готов к тому что придется потратить много времени на то чтобы воспринять все то, что в тексте заняло бы 2 минуты.
| Продолжить |
| Проверить |
| Показать результаты |
Оу. Что то пошло не так.
Стоит еще раз освежить контент в памяти
| Пройти еще раз |
Могло быть и лучше
Почти все правильно, но чуть-чуть не хватило. Ничего страшного, ведь совершенство требует терпения.
| Пройти еще раз |
Отлично!
Можно со спокойной душой переходить к следующему разделу.
Прокрути чуть ниже и продолжи:)
Прокрути чуть ниже и продолжи:)
| Пройти еще раз |
Твое мнение важно. Все анонимно. Не сдерживай себя.
Дополнительная подборка статей про то как правильно оформлять контент: