Курс по веб-дизайну · Урок 9 из 24
3D-графика, композиция и текстуры на Тильде
Автор курса — Данил Фимушкин.
Выпуск запланирован · 04.01.2027 · 19:00 МСК
Видео будет добавлено после подготовки выпуска. Ниже — программа и задания для самостоятельной работы.
Программа урока
Теория
- Как задавать вопросы на программе и в жизни?
- Как искать информацию по созданию сайтов в интернете?
- Правила для корректной формулировки вопросов
- Удобный сервис для создания снимков экрана с анимацией и без
- Основные ошибки в создании дизайн-концепций?
- Что такое композиция в веб-дизайне?
- Правила композиции на сайтах
- Равновесие в композиции одностраничных сайтов
- Ошибки в композициях шапок сайтов
- Вертикальное и горизонтальное равновесие в вебе
- 2 основных видов композиции
- Разбор шапки сайта с ошибками
- Еще несколько сайтов с классными фотографиями и иллюстрациями в одном стиле для использования в сайтах бесплатно
Делаем вместе (по видео)
- Создание композиции в Zero Block
- Работа с правилом равновесии в Zero Block
- Как выравнивать элементы по вертикали и горизонтали?
- Как использовать сетку для исполнения правил композиции?
- Выравнивание заголовка, текста, кнопки и картинки
- Правая и левая композиции зеро-блоков на Тильде
- Создание текстур для сайтов с помощью веб-сервиса
- Как применять текстуру к 3d объекту в онлайн-сервисе?
- Создание паттерна с помощью авторской фотографии
- Использование Яндекс Диска для загрузки и обмена файлами
Практика после урока
1. Повторите страницу с готовыми иллюстрациями, настройте анимацию и адаптируйте композицию под разные экраны.
2. Создайте пять текстур, экспортируйте их и соберите в одну папку.
3. Подготовьте две другие дизайн-концепции с тем же текстом и шрифтом. Выберите одну и оформите всю страницу в этом стиле.
4. По желанию сфотографируйте интересный объект и сделайте текстуру из собственного снимка.
Тильда для практики курса · партнёрская ссылка
Материалы курса в Telegram
