Веб-дизайн сайтов бесплатное обучение с нуля для начинающих самостоятельно

В этой статье я вам дам пошаговый план, а также укажу основные материалы, которые нужно почитать и посмотреть, чтобы начать этой специальности.

Статья обновлена 14.06.2024. Добавлены ссылки на статьи по разработке дизайна сайта с нуля.

Этапы изучения web дизайна

Сейчас о поговорим о том, какие основы веб-дизайна существуют и что нужно изучать.

Насмотренность

Вы всегда должны понимать какой дизайн котируется на рынке. Что является восходящим трендом или трендом на пике, а что уже вышло из моды и использовать нельзя. Для это начинайте коллекционировать классные сайты, чтобы у вас всегда был набор сайтов, вдохновляющих на дизайн. Все начинающим я рекомендую начинать собирать свою коллекцию классных сайтов с https://ratingruneta.ru/web/

Изучить Figma

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

Задача – научится рисовать простые композиции и знать основные функции программы: текстовые контейнеры, фигуры, auto layout, компоненты. Примеры воркшопов по отрисовке элементов — вы можете посмотреть на моем YouTube канале.

Выстроить процесс создания макета сайта

С самого начала обучения описывайте для себя все действия, которые вы совершаете при создании дизайна в Фигме. Это поможет вам понять основные шаги в процессе работы.

Задача – создать список универсальных шагов, которые позволят вам создавать дизайн-макеты сайтов. Примеры шагов: анализ технического задания; создание визуальной концепции, создание прототипа, проверка групп в макете и т.д.

Я подготовил серию статей, которая посвящена разработке дизайн-макетов с нуля:

Анализ своего развития

Параллельно вы должны проводить анализ текущей ситуации. После каждого небольшого тестового проекта – анализируйте проблемы и ошибки, которые вы допустили. Выпишите действия, которые помогут их убрать. И внедрить обновленный дизайн-процесс для следующего проекта. Такое самообучение будет дольше, но принесет просто огромные результаты.

Принципы обучения

Регулярность. Лучше занимайтесь по 45 минут в день и каждый день. Но не по 4-5 часов на выходных. Это подтверждённый наукой факт, поэтому комментарии от меня будут лишними.
Получение обратной связи. Это может быть ваш клиент, ментор или друг, который также изучает веб-дизайн. В идеале это должен быть человек, который находиться на более высокой ступени в веб-дизайне. Вы не только получаете обратную связь, но и узнаете дополнительную точку зрения, что опять же расширяет ваше понимание.
Наличие плана обучения. Я рекомендую здесь отталкиваться от вакансий на рынке. Это самый верный и объективный источник информации. Вы будете не просто изучать новую сферу, а улучшать только те скиллы, которые нужны на рынке.