Меню

Избранное

Создание дизайна блоков

Изучите, как проектировать отдельные блоки веб-страницы и проверять их на разных экранах.

В чём состоит навык

Создание дизайна блоков — проектирование отдельных частей веб-страницы с содержанием, визуальной иерархией и необходимыми действиями.

Источник ↗

В каких профессиях пригодится навык

Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.

Связанные профессии

Где пригодится

01

Композиция блока

Расположить заголовок, текст, изображение и действие.

02

Настройка отображения

Проверить размер и положение элементов на разных экранах.

03

Проверка сценария

Убедиться, что содержание читается, а действия понятны.

Подготовка, навыки и инструменты

Определите назначение блока и его место на странице. Подготовьте текст, изображения и требования к отображению на разных устройствах.

Связанные инструменты

Курсы для развития навыка «Создание дизайна блоков»

Содержание

Что важно знать о навыке «Создание дизайна блоков»

Блок веб-страницы объединяет содержание для одной задачи: например, объясняет предложение, показывает примеры или предлагает действие. При проектировании определяют, что посетитель должен заметить и как блок связан с соседними частями страницы.

Текст, изображения и элементы управления должны сохранять смысл на разных размерах экрана. Один из способов реализации — редактор блоков конструктора сайта; в других проектах дизайн передают для разработки в коде. Визуальный макет сам по себе не подтверждает работоспособность формы или ссылки.

Для практики соберите учебный блок с заголовком, кратким текстом и кнопкой. Проверьте читаемость на телефоне и компьютере, а также назначение кнопки. При передаче в разработку опишите состояния и поведение элементов, которые нельзя показать одним статичным макетом.

Что посмотреть дальше

KURSEZ

Навыки, которые можно проверить

Откройте каталог навыков и найдите материалы по интересующей вас задаче.

Открыть
KURSEZ

Веб-дизайнер

Узнайте о связанных с профессией задачах и обучении.

Открыть
KURSEZ

Figma

Узнайте об инструменте и связанных с ним материалах KURSEZ.

Открыть

Настройки аналитики

Аналитика не подключена

Сейчас KURSEZ не отправляет данные в Яндекс Метрику. После её подключения здесь можно будет разрешить аналитику или отказаться от неё. Вебвизор использоваться не будет.

Каталог, избранное и переходы на сайты школ доступны без аналитики.