Решён
С чего начать изучение веб-дизайна? Какие сервисы и книги?

Сергей Козлов • Веб-дизайн •
9k
8

Хочу освоить веб-дизайн с нуля. Рисовать умею средне (в детстве ходил в художку), с компьютером дружу, но в дизайне полный ноль.

С чего начать изучение веб-дизайна? Какими сервисами стоит воспользоваться? Что прочесть?

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

Цель - через год-полтора выйти на фриланс или джуном в студию.

FigmaUI/UXВеб-дизайнОбучениеФриланс

8 ответов

Лучшие Новые Старые
Решение
102
Эксперт • 1 ответ

Окей, распишу роадмап. Сам прошел этот путь 4 года назад, сейчас работаю в продуктовой компании.

Этап 1. Основы (1-2 месяца)

Инструмент: Figma (бесплатная, индустриальный стандарт).
Задача: научиться пользоваться инструментом на базовом уровне.

Ресурсы:

  • Официальный YouTube канал Figma - туториалы от создателей
  • Курс "Figma для начинающих" на YouTube от Figma Tips (бесплатно)
  • Книга "Не заставляйте меня думать" Стива Круга - база по юзабилити

Этап 2. Насмотренность (параллельно с этапом 1)

Задача: понять что такое хороший дизайн.

Ресурсы:

  • Dribbble, Behance - смотреть работы топовых дизайнеров
  • awwwards.com - лучшие сайты мира
  • mobbin.com - референсы мобильных приложений

Каждый день минимум 30 минут просто смотришь и анализируешь.

Этап 3. Копирование (2-3 месяца)

Задача: научиться воспроизводить чужие работы.

Находишь понравившийся сайт и полностью копируешь его в Figma. Пиксель в пиксель. Это не воровство, это обучение. Так учатся все.

Этап 4. Теория UI/UX (параллельно)

Книги:

  • "Дизайн привычных вещей" Дональда Нормана
  • "100 главных принципов дизайна" Сьюзан Уэйншенк
  • "Интерфейс" Алана Купера

Курсы:

  • Google UX Design Certificate на Coursera (платный, но стоит своих денег)
  • Бесплатный курс по UX на Interaction Design Foundation

Этап 5. Свои проекты (3-4 месяц)

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

Этап 6. Портфолио (5-6 месяц)

3-5 кейсов на Behance с описанием процесса. Без портфолио на работу не возьмут.

По срокам: год-полтора до фриланса - реально, если заниматься каждый день по 2-3 часа. На джуна в студию можно выйти и через 8-10 месяцев если повезет.

39
Участник • 1 ответ

Figma. Все остальное вторично. Photoshop для веб-дизайна уже почти не используется, Sketch только под Mac.

Figma бесплатная, работает в браузере, там же и прототипы можно делать. Освой ее на 100% и уже этого хватит для старта карьеры.

34
Участник • 2 ответа

Я бы начал с понимания что такое UI и что такое UX, это разные вещи.

UI (User Interface) - визуальная часть: кнопки, цвета, шрифты, иконки.
UX (User Experience) - логика взаимодействия: как пользователь решает свою задачу, какой путь проходит.

Можно быть крутым UI дизайнером и слабым в UX, и наоборот. Для фриланса достаточно UI. Для работы в продуктовой компании нужен UX.

Подумай куда хочешь и выбирай фокус.

58
Эксперт • 6 ответов

Скажу как есть. Рынок веб-дизайна переполнен джунами которые прошли курсы за 3 месяца. Конкуренция бешеная.

Чтобы выделиться нужно либо:

  • Узкая специализация (только лендинги, только финтех, только мобилки)
  • Умение кодить (CSS, базовый JS)
  • Понимание маркетинга (конверсия, A/B тесты)

Просто "красиво рисовать макеты" уже недостаточно. Нейросети типа Midjourney и Framer AI отъедают нижний сегмент рынка.

Не пугаю, просто учитывай это при планировании.

20
Эксперт • 1 ответ

еще совет: заведи инстаграм или телеграм-канал и выкладывай туда свои работы с самого начала. даже учебные.

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

0
Участник • 4 ответа

Приглашаю на наш курс "Веб-дизайнер с нуля до PRO" в онлайн-школе! 8 месяцев обучения, диплом, помощь с трудоустройством. Первый месяц бесплатно, потом рассрочка. Пиши в личку за подробностями.

5
Участник • 3 ответа

а базовый html/css надо знать или дизайнеру это не нужно? везде по разному пишут

Гость

Желательно. Хотя бы понимать как верстается то что ты нарисовал. Иначе будешь рисовать нереализуемые макеты

Написать ответ

Визуальный редактор (WYSIWYG)
Премодерация гостей

Вы отвечаете как гость. Ваш ответ будет скрыт до проверки модератором. Чтобы ответ появился сразу и вы получали репутацию — войдите в аккаунт.

Или войдите в систему
Будьте вежливы и соблюдайте правила платформы.