Привет.
Как и все остальное, начинать изучать веб-дизайн следует с основ. Если кратко, то вот список тем, которые надо изучить:
- Какие типы сайтов бывают и чем они отличаются друг от друга.
- Из каких блоков и элементов могут состоять страницы и какие у них могут быть состояния. Пример блоков: различные виды меню, шапки, сайдбары, слайдеры, фильтры в каталогах, подвалы и т.д. Примеры элементов: кнопки, чекбоксы, радиобаттоны, тогглы инпуты и т.д.
- Изучить программу Figma. Есть много уроков на Ютубе.
- Основы композиции. Визуальная иерархия, визуальный вес, якорные объекты, доминанта, правило близости. Правило внутреннего и внешнего.
- Сетки и направляющие в дизайне сайтов. Зачем нужны, как использовать.
- Типографика. Что такое гарнитуры и шрифты. Чем отличаются текстовые и акцентные шрифты. Как подбирать шрифтовые пары. Правило близости и иерархия. Интерлиньяж и длина строки. Выравнивание и выключка.
- Принципы адаптивного дизайна.
Начните с изучения инструментария программы Figma. Пробуйте копировать чужие работы, обращая внимание на размеры, отступы, цвета, композицию и т.д. (это не для портфолио, а для тренировки)
Тренируйте насмотренность, изучая лучшие работы behance, аwwwards и на сайтах топовых студий.
Подпишитесь на дизайн сообщества и регулярно читайте их.