Структура
Определить страницы, навигацию и содержание.
В чём состоит навык
Дизайн сайтов — проектирование структуры, внешнего вида и взаимодействий веб-сайта с учётом задач пользователей и проекта.
В каких профессиях пригодится навык
Эти профессии связаны с навыком в каталоге KURSEZ. Конкретные задачи зависят от специализации и места работы.
Связанные профессии
Где пригодится
Визуальная система
Согласовать типографику, цвета и компоненты.
Проверка
Проверить сценарии и отображение на разных экранах.
Подготовка, навыки и инструменты
Определите назначение сайта, ключевые сценарии и состав страниц. Соберите материалы и ограничения по содержанию, устройствам и доступности.
Связанные навыки
Связанные инструменты
Курсы для развития навыка «Дизайн сайтов»
ProductStarСоздание сайтов на Tilda
Мини-курс ProductStar о создании сайтов и лендингов на Tilda без кода: блоки, Zero Block, адаптивность, интеграции и собственный итоговый проект.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
ProductStarВеб-дизайн в Figma
Мини-курс ProductStar для начинающих веб- и UX/UI-дизайнеров: интерфейсы в Figma, компоненты, адаптивные макеты и интерактивные прототипы.
14 990 ₽
При оплате частями
1 499 ₽ / мес. · 10 мес.
ProductStarПроектирование и создание дизайн-систем в Figma
Мини-курс ProductStar о работе в Figma и создании дизайн-систем: компоненты, прототипы, визуальные основы и передача макетов разработчикам. Школа заявляет проект и две практические работы.
19 900 ₽
При оплате частями
1 990 ₽ / мес. · 10 мес.
SkillboxFigma с нуля до PRO
Макеты и интерактивные прототипы в Figma, организация артбордов и библиотеки стилей. Инструментальная подготовка для цифрового дизайна.
39 334 ₽Цена без скидки: 71 517 ₽
Стоимость курса
6 556 ₽ / мес.
Что важно знать о навыке «Дизайн сайтов»
Дизайн сайта начинается с вопросов о посетителях и задачах, которые сайт должен поддерживать. Затем определяют страницы, навигацию и содержание, а также визуальные принципы: сетку, цвет, типографику и повторяющиеся компоненты.
Работа не заканчивается статичным макетом одного экрана. Нужно учитывать длинные тексты, различные устройства, состояние ошибок и доступность. Дизайнер проверяет решения вместе с разработчиками и, когда возможно, с будущими пользователями.
Для практики спроектируйте небольшой учебный сайт из нескольких страниц. Нарисуйте карту переходов и макет главного сценария, затем адаптируйте его к узкому экрану. Проверьте, может ли человек найти основную информацию без дополнительных объяснений.