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

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

Уютное рабочее место

О профессии

Чтобы вам стало понятнее, как именно проходит процесс дизайна, давайте рассмотрим его на самой простой схеме: дизайнер–клиент. Этапы:

  1. Общение с клиентом: к вам обращаются с запросом сделать сайт. Вы делите ваше общение на три основных части:
    • финансовая: как будет производиться оплата, предоплата/постоплата, выбор платежной системы, почасовая оплата или фиксированная сумма и т.д.
    • техническая: выбор графического редактора (определяет какой исходный файл вы передадите, после окончания работы), тех.требования от верстальщика/программиста, адаптивный дизайн под разные устройства (десктоп, планшет и смартфон) и т.д.
    • смысловая, она же главная: знакомство с клиентом и его делом, основная проблема и цель, которую решает сайт, техническое задание от самого клиента (выбор структуры сайта, визуальных составляющих), ограничения, сайты-примеры и т.д.
  2. Оценка: после переговоров, вы оцениваете объём работ в часах, получая при этом точную или примерную стоимость.
  3. Работа на бумаге: важный этап не только для новичков, но и для уже опытных дизайнеров. С помощью карандаша и бумаги можно схематически накинуть основные блоки/страницы сайта. Это делает следующий шаг более быстрым.
  4. Работа в графическом редакторе: вы полностью отрисовываете сайт с помощью инструментов выбранной вами программы.
  5. Правки: бывают почти всегда, это нормально и этого не следует боятся. Клиент может попросить как поправить определенные детали макета, так и переделать полностью некоторые блоки или страницы.
  6. Утверждение дизайна, получение оплаты, отправка исходных файлов.

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

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

Обучение на курсах

Курсы могут стать очень хорошим толчком в профессию, но никогда на 100% не дадут вам начальные знания. Всегда нужно будет искать, читать, смотреть, учиться и работать самостоятельно. Например, на данный момент, практически для всех подобных курсов порогом вхождения являются знания одного или нескольких графических редакторов.

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

  1. Развивают больше ответственности за результат: вы ходите в аудиторию, делая при этом усилия; показываете свои первые работы реальным людям, видите их реакции и эмоции.
  2. Более тесный контакт с преподавателем: опять же, личное общение, возможность вживую обсудить интересующие вас вопросы, обратиться за помощью, получить обратную связь.
  3. Быстрый вход в дизайн-комьюнити: есть большие шансы, что вас как новичка могут заметить и предложить стажировку в компании. Также, при условии успешного окончания курсов, вы сможете использовать рекомендацию от своего преподавателя. Рекомендация от человека, который работает в этом же городе весит намного больше, чем от персонажа из сети.

У онлайн-курсов есть свои преимущества:

  1. Возможность индивидуально подобрать график своего обучения. Если вы работаете или учитесь параллельно, то плавающий график может очень помочь.
  2. Возможность обучаться у топовых дизайнеров. Если в вашем городе не развита эта ниша, найти годные курсы достаточно проблемно. Зато онлайн-режим не знает географических границ.

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

Как выбрать курс?

  1. Обращайте внимание на требования
    Не пренебрегайте информацией о курсе, все условия должны подходить на 100%. Это касается ваших входящих знаний и определенных навыков. Например, если в условиях написано что вы должны владеть программой Photoshop или Figma, то будьте готовы выучить ее до старта курса. Или если среди необходимых навыков указано базовое умение рисовать, то вы должны уметь делать это. Также курсы могут быть разбиты по уровням: для новичков или уже практикующих дизайнеров.
  2. Репутация
    Посмотрите отзывы о школе и преподавателе в инете, попросите совет и мнение у знакомых действующих дизайнеров. Также важно посмотреть работы преподавателя, попытаться оценить общий стиль, успешность проектов. Я не советую выбирать слишком знаменитого или занятого на нескольких других работах преподавателя. У такого человека минимум времени, а помимо уроков он вовсе недоступен.
  3. Продолжительность
    Адекватные курсы по веб-дизайну должны длиться от трех до шести месяцев. За это время можно освоить базовые основы, которые положат начало вашей карьеры в этой сфере. Если меньше – вы просто не успеете усвоить материал и провести достаточное количество практических занятий. Если больше – на вас пытаются заработать, умышленно растягивая занятия.
  4. Цена
    В 2017 году курсы обошлись мне в $500. Вам следует учитывать, что я проживаю не в мегаполисе, а в обычном городе Украины. На данный момент, оправданной ценой за курс будет сумма от $300 до $1 000. В остальных случаях, вы будете переплачивать либо за продолжительность, либо за "громкое имя" школы или преподавателя, которое может ничего не дать на практике.
  5. Программа обучения
    Программа курса обязательно должна быть в открытом доступе, чтобы вы могли оценить, какие реальные знания вы сможете получить во время учебы. Кроме того, оценить уровень подготовки и соотношение теории и практики. Именно во время выполнения домашних заданий и практических уроков вы будете получать необходимые для работы навыки.

Онлайн уроки

Мы живем в очень крутое время, когда на ютубе можно найти видео практически на любую тему. Есть невероятное количество хороших каналов, на которых бесплатные видео-уроки помогают ознакомиться со сферой дизайна и IT, получить необходимые скилы практически во всех графических редакторах. Советую начать с Figma или Sketch (если у вас Mac), освоить Adobe Photoshop и базовые знания по Adobe Illustrator. Этого будет достаточно чтобы приступить к обучению веб-дизайну.

Тайм-менеджмент на минималках

Решила отдельно остановиться на теме управления своим временем. Именно постоянная нехватка времени, неумение правильно спланировать свою загрузку по днях и элементарная лень, не позволила 70% моих дизайн-однокурсников начать работу в этой профессии. Конечно же, среди них были и такие, кто понял, что данная сфера не его формат. Но большинству просто не хватило терпения и упорства, чтобы достичь своих целей.

Мои советы начинающим веб-дизайнерам:

  1. Ищите возможности, а не отмазки
    Сколько раз я слышала от всех: “Я не успел, у меня на работе завал”, “Я не сделала, потому что воспитываю ребенка, а это знаете нелегко”, “Я не сделал, сейчас тяжелый период”. Зачем же тогда вообще было идти на курсы? Если вы на 100% не уверены, что сможете посвящать этому занятию хотя бы 2 часа в день, даже не начинайте.
  2. Четкие временные рамки
    Возьмите себе за правило, что к примеру три раза в неделю, во вторник, четверг и субботу, с 18:00 до 20:00 вы занимаетесь веб-дизайном. И отводите на это следующих три месяца. Никто и ничто в эти два часа не должны отвлекать вас от этого занятия, а перенос возможен только по экстренным причинам. Относитесь к этому сразу же как к работе, а не как к чему-то не серьезному.
  3. Телефон и еда – в сторону
    Перед занятиями обязательно покушайте, решите все свои дела и отложите телефон, а лучше переведите его в авиарежим. Вас ничего не должно отвлекать. Все мы знаем как мало можно успеть, постоянно просиживая в социальных сетях или отписывая друзьям в мессенджере. Это же касается и окружающей обстановки, если мы говорим о самостоятельном обучении - лучше всего оно дается в одиночестве.
  4. План для каждого занятия
    Перед началом самостоятельного обучения накидайте себе план. Чем подробнее он будет, тем лучше. Например с ссылками на видео и статьи. Если же это домашнее задание, старайтесь сделать его как можно лучше. Когда я ходила на курсы, всегда старалась сделать больше, чем мне задали, найти какую-то интересную идею или поработать над деталями.
  5. Борьба с ленью
    Лень очень коварна, она готова прийти к нам в любую минуту. А наша задача гнать ее всеми силами и методами. Запомните одно: “детать через силу” – это нормально. Это совсем не означает, что это занятие – не ваше. Наш мозг к сожалению нацелен экономить энергию, а обучение требует огромное ее количество. Именно поэтому нам так тяжело учиться, запоминать и использовать навыки впервые.

Итоги: 5 маст-хев и вы теперь Junior Designer

  1. Понимать основную цель работы дизайнера – помощь людям в решении проблемы, а никак не творчество ради творчества.
  2. Знать основные графические редакторы (Figma, Sketch, Photoshop, Illustrator…) и уметь пользоваться их инструментами.
  3. Знание теории веб-дизайна: UX/UI, типографика и сетки, теория цвета, композиция и организация сайтов и интерфейсов, тренды.
  4. Общие знания верстки: HTML и CSS и понимание работы сайтов и приложений.
  5. Первые работы в портфолио.

UX/UI чеклист

Недавно я написала расширенный список тем, которые должен знать начинающий UX/UI дизайнер. Сюда же входит и веб-дизайн. Кроме самого списка я пишу уроки по указанным темам, поэтому это может послужить замечательным подспорьем для начинающих. Именно такой вижимки необходимой информации мне не хватало, когда я начинала. Поэтому настоятельно рекомендую к ознакомлению!

Дизайнерские книги

Подписывайтесь на меня в Instagram – @frusia.pro – будьте в курсе анонсов новых уроков, смотрите проверки домашек в сторис, задавайте вопросы, а также вас ждет множество полезных постов про дизайн.


Веб дизайн Обучение дизайну
Октябрь 2019


Что ещё почитать

Что нужно знать начинающему UX/UI дизайнеру. Полный список. Roadmap

Ежедневные задачи UX/UI дизайнера. Программы для дизайна

Основы Figma II. Группы. Cлои. Пипетка. Импорт изображений. Делимся проектом

Дизайн. Интерфейс. UX и UI

Основы Figma III. Фреймы. Сетки. Направляющие. Компоненты

Основы Figma I. Регистрация. Интерфейс. Первые шаги. Навигация и свойства объектов


Оставьте комментарий



Комментарии

Марина · 8 апреля 2020 16:52  
Спасибо! Было очень полезно почитать! Именно вот в таком простом доступном виде всегда не хватало информации, что нужно будет делать, что это за профессия, как к ней придти и какие по факту функции нужно будет выполнять в этой профессии и т.д.
Любовь Фурсеева · 10 апреля 2020 17:45  
Марина, спасибо вам за отзыв!
Татьяна · 6 августа 2021 12:34  
Большое вам спасибо! Вы очень доходчиво объясняете, у вас талант к преподаванию:)
Люба Фурсеева · 8 августа 2021 23:35  
Татьяна, спасибо!
Fokko · 9 ноября 2021 22:31  
Спасибо.
Люба Фурсеева · 14 ноября 2021 16:35  
Fokko, пожалуйста
Оbpilv · 19 ноября 2021 02:28  
Спасибо, ваш сайт очень полезный!