Как стать веб-дизайнером: советы, основанные на личном опыте

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

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

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

About the profession

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

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

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

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

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

Курсы могут стать очень хорошим толчком к профессии, но никогда на 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 – будьте в курсе анонсов новых уроков, смотрите проверки домашних заданий в сторис, ставьте свои вопросы, а также на вас ждет множество полезных постов о дизайне.

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

Типографика в UX/UI дизайне. Полный гайд для изучения

Цвет в UX/UI дизайне. Полный гайд для изучения


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

Поставьте ползунок в фиолетовую зону

Комментарии

Люба Фурсеєва15 октября 2024 16:39  
Юлія, будь ласка! Дякую за відгук і успіхів вам у вивченні дизайну
Юлія15 октября 2024 14:15  
Дуже крута та велика робота Вами зроблена, і ця стаття, і курс по UX/UI дизайну. Все по ділу, чітко, систематизовано. Щиро вдячна Вам.
Люба Фурсеєва14 октября 2022 11:11  
Марина, дякую
Марина13 октября 2022 23:12  
Гарна особиста стаття, дякую
Люба Фурсеєва2 октября 2022 16:54  
Роман, дякую, рада, що вам сподобалось
Роман2 октября 2022 16:51  
Гарні рекомендації для початківців
Люба Фурсеєва1 октября 2022 20:22  
Анастасія, будь ласка, дякую вам за відгук та вітаю з покупкою! Я дуже рада, що ви маєте нарешті можливість навчатись
Анастасія1 октября 2022 19:23  
Дякую за роботу!)
Я знайшла Ваш курс щє весною, але в мене тоді не було а ни ПК, а ні ноутбука, взагалі нічого, тому задалася ціллю придбати девайс для навчання) І ось сьогодні я нарешті можу приступити до вивченея курсу, ура!) Інформація доступна, дуже гарно написано, щє раз дякую за те що Ви робите ☺️
Люба Фурсеєва2 мая 2022 12:08  
Діана, привіт, дуже приємно, що ви залишили такий детальний та крутий відгук! Дякую!

Дарья, Оbpilv дякую.
Діана30 апреля 2022 11:26  
Доброго дня! Я побачила ваш безкоштовний курс тільки візуально та прочла одну статтю, але ще не дійшла до самого курсу і хочу подякувати!!! Бо..це ВАУ!
Я давно працюю у сфері маркетингу, та обожнюю коли люди вкладають душу у те, що роблять. Тепер я хотіла б перейти у мир дизайну, ваша можливість додає бажання і мотиваціі! Дякую ще раз :) ❤️
Дарья26 февраля 2022 16:41  
Спасибо большое! Всё просто, а значит понятно. Очень не хватало такой информации для самообучения.
Оbpilv19 ноября 2021 02:28  
Спасибо, ваш сайт очень полезный!
Люба Фурсеева14 ноября 2021 16:35  
Fokko, пожалуйста
Fokko9 ноября 2021 22:31  
Спасибо.
Люба Фурсеева8 августа 2021 23:35  
Татьяна, спасибо!
Татьяна6 августа 2021 12:34  
Большое вам спасибо! Вы очень доходчиво объясняете, у вас талант к преподаванию:)
Любовь Фурсеева10 апреля 2020 17:45  
Марина, спасибо вам за отзыв!
Марина8 апреля 2020 16:52  
Спасибо! Было очень полезно почитать! Именно вот в таком простом доступном виде всегда не хватало информации, что нужно будет делать, что это за профессия, как к ней придти и какие по факту функции нужно будет выполнять в этой профессии и т.д.