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

Рубрика: Дизайн

823

Рейтинг статьи: 5

кто он наш художник

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

Читайте также:  Кто такой банкир и что он делает

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

Умение создавать шедевры – это, пожалуй, единственное, что роднит художника и дизайнера. Дело в том, что веб-дизайнер занимается воплощением КОММЕРЧЕСКОГО проекта в реальность, а не просто пытается выразить красоту своего внутреннего мира или прекрасное вокруг.

Плюсы профессии

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

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

Процесс разработки (скетчи) дизайна бизнес-журнала UpDate для МегаФон

Кто такой web-дизайнер, и что он делает?

Хочу сразу разложить по полочкам, чтобы было предельно понятно, о чем идет речь.

Создание веб-сайтов — слышали о таком? Наверняка, слышали. Так вот, для того, чтобы создать сайт требуется труд нескольких специалистов:

● Веб-дизайнер создает макет, рисует иконки, логотип, располагает блоки;

● Верстальщик пишет HTML-код, то есть, приводит сайт в работу;

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

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

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

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

Читайте также:  Профессия таксист описание для детей. Таксист — интересная профессия

Вот сферы, в которых может проявить себя любой веб-дизайнер:

● Создание макетов и дизайн элементов отдельных страниц и форм веб-сайтов;

● Дизайн страниц Вконтакте;

● Дизайн групп Фейсбук;

● Дизайн и оформление аккаунтов Инстаграм;

● Логотипы и оформление каналов YouTube;

● Создание логотипов для онлайн-бизнесов,

и многое-многое другое.

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

Минусы профессии

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

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

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

Средняя зарплата веб-дизайнера в России:

Ну, а теперь давайте посмотрим, сколько может зарабатывать веб-дизайнер.

В среднем веб-дизайнеру с опытом работы от 1 года, готовы платить от 45 до 75 тысяч рублей.

Средняя оплата веб-дизайнеру с опытом работы от 1 года
Средняя оплата веб-дизайнеру с опытом работы от 1 года

Читайте также:  Политолог: Отмена примата международного права в Конституции снизит внешнее воздействие на Россию

Веб дизайнеру без опыта работы готовы платить от 25 до 40 тысяч рублей.

Веб дизайнерам без опыта работы готовы платить от 25 до 40 тысяч рублей
Веб дизайнерам без опыта работы готовы платить от 25 до 40 тысяч рублей

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

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

Где учиться на веб-дизайнера: вузы, курсы и самообразование

Диплом в профессии веб-дизайнера не играет ключевую роль. Среди высшего образования в России многие отдают предпочтение Британской высшей школе дизайна. В регионах трудно найти вуз со специальностью, а где есть — могут быть устаревшие учебные планы и мало реальной практики.

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

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

Фото с офлайн-курсов Red Collar

Изучаем веб-дизайн

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

Вы можете смотреть их как на английском, так и на русском. Не понравился один канал — переключились на другой.

В этом и проблема. Часто случается так, что начинающие специалисты (в любой сфере, кстати), прыгают сначала от одного блоггера к другому, а потом и с одной ниши на другую (вчера изучали язык программирования Java, а сегодня уже решили стать PHP-разработчиками, завтра их потянет в разработку мобильных приложений).

Если вы настроены серьезно, можете пройти обучение в Школе дизайна и иллюстрации Юлии Первушиной. Вы будете впечатлены сразу, как только перейдете на этот сайт.

Специалист уровня, который может создать подобный сайт, — не создать, а просто нарисовать, — даже на фрилансе может зарабатывать и до, и от 100 тысяч рублей в месяц.

Иллюстраторы, кстати, в зарубежном Интернете берут 30-50 долларов за час работы. Поэтому если вы владеете английским, почему бы не научиться веб-дизайну или искусству иллюстрации?

Чем занимается веб-дизайнер

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

Например, при создании Mogney мы перепробовали кучу вариантов, хотели сделать что-то невероятно сложное. Остановились на обратном — простом, но нетривиальном. Mogney — приложение оплаты по QR-коду для рынка Калифорнии, и мы прямо показали QR-код в послойной анимации. Благодаря опыту и насмотренности, мы выбрали лучшее решение, сайт выстрелил на рынке и получил много признаний по миру.

Что должен знать и уметь специалист по веб-дизайну

Исследование немного старое: сейчас процент мужчин снизился, но в остальном +- так и осталось. (спасибо IDBI за инфографику)

Чтобы сделать удобный и функциональный сайт хороший мастер:

  • знает и применяет в работе теорию цвета, типографику и другие составляющие основы дизайна;
  • делает сайт удобным для всех пользователей: продумывает UI/UX;
  • владеет инструментами для веб-дизайнеров: Adobe PhotoShop, Paint.net, GIMP, Corel DRAW и Adobe Illustrator, NotePad++, FineReader. В некоторых случаях использует специальные программы: Colormania, Adobe Flash, GIF Animator;
  • знает специфику работы с HTML, CSS;
  • правильно оформляет дизайн-макеты для последующей вёрстки;
  • умеет разрабатывать рекламные мероприятия на сайте, знает маркетинг и методы привлечения новых пользователей (покупателей);
  • имеет отличный художественный вкус и стиль;
  • работает с изображениями по модели при помощи компьютерных программ;
  • хорошо знает русский язык.

Веб-дизайнер всегда в курсе новинок в своей сфере, постоянно учится и прокачивает свои навыки.

Эстетические навыки

Эстетика – это сложная штука. Похоже, что отличная цветовая схема для одних людей может выглядеть совершенно странно для других. Шрифты, которые для вас в этом месте смотрятся «как раз», могут совершенно не понравиться заказчику. Это кажется очень, очень субъективным, но все же в каждом из этих аспектов есть свои правила, о которых мы с вами сейчас и поговорим.

Сочетание шрифтов и типографика

как стать веб дизайнером самостоятельно - сочетание шрифтов и типографика

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

Чтоб провести вас «от А до Я», предлагаю просмотреть книгу Эмиля Рудера «Типографика» . Чтение может быть довольно долгим, потому для желающих сразу же приступить к практике – короткое видео по теме, а так же гайд по определению шрифтов по картинке (это если вдруг вы уже нашли хороший пример текста, и хотели бы идентифицировать его шрифт).

Читайте также:  Должностная инструкция кастелянши (швеи)

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

Многие люди, включая меня, выбирают свои шрифты из Google Web Fonts. Шрифты Google можно «встраивать» в сайт, и это довольно удобно. Более того, можно пользоваться готовыми комбинациями шрифтов:

    Если вы хотите создать свои собственные пары шрифтов Google, попробуйте «Комбинатор веб-шрифтов». Это инструмент, который позволяет вам быстро просматривать комбинации шрифтов в режиме реального времени, меняя шрифт, размер, цвет, ширину строки.

Если Google шрифтов мало, то можно заглянуть на WebDesignerDepot, Fonts-online, и другие сайты.

Теория цвета и цветовые схемы

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

Из обязательных инструментов – Adobe Color CC

веб дизайн с чего начать - теория цвета и цветовые схемы

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

Композиция и общая организация

Как стать веб дизайнером без знаний основ композиции? Да никак! Для меня эта часть является едва ли не самой важной. Ведь можно подобрать прекрасные шрифты, отличную цветовую схему, а потом банально напороть с правильным расположением блоков, иерархией и пропорциями и получить «отвратительнейшее блюдо из отличных продуктов».

веб дизайн с чего начать - композиция и общая организация

Уровни и карьера веб-дизайнера

Начало карьеры — это первый проект, который ты делаешь для кого-то. Заказ может быть с фриланс-рынка, или даже от твоего друга. Суть в коммуникации, так как с этого начинается жизненный цикл дизайнера: ты учишься решать реальные бизнес-задачи по техническому заданию, общаться с клиентом, анализировать свои шаги и объяснять свои решения.

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

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

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

Жизненный цикл дизайнера в агентстве

Где и как искать работу веб-дизайнеру?

Тем, кто хочет работать оффлайн, подойдут специализированные сайты. Например, на hh предлагают 267 вакансий по России.

Дизайнер интерфейсов Саша Окунев подсказывает, что стажировки в крупных компаниях помогут найти первые заказы. Такие мероприятие проводят в Яндексе, mail.ru, VK.

Составление портфолио по веб-дизайну

Визитная карточка дизайнера — это презентация работ. Антон Антонюк, арт-директор проекта «Совесть» рассказал, как лучше создать портфолио:

  1. Оформление должно быть наглядным, но не избыточным, не отвлекающим от работ.
  2. Большое значение имеет структурированность, порядок, типографика и грамотность.
  3. Чтобы сделать портфолио больее привлекательным для работодателя, в начале располагают крутые и сложные проекты.

Резюме, сопроводительное письмо и собеседование

При поиске работы понадобятся портфолио, резюме и сопроводительное письмо. Многие компании проводят собеседование с понравившимися кандидатами.

Резюме оформляется по стандартной форме. Старший дизайнер Live Typing Елена Гальцина рекомендует в сопроводительном письме изложить, над какими проектами кандидату понравилось работать, что еще он хочет изучить и почему компании выгодно взять на работу именно его. Также желательно перечислить отзывы предыдущих работодателей и свои ожидания по заработку (если не указан оклад).

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

Надеяться нужно на свое портфолио и свои навыки. Важно владение базовыми программами типа Figma и Adobe Photoshop, ProtoPie или Principle для анимации. Часто просят показать пять лучших работ. Здорово, если резюме представлено в виде хорошего имиджевого сайта, но можно собрать портфолио на Behance или вести аккаунт в Инстаграм, чтобы работодатель или заказчик могли отследить актуальность ваши проектов. Можно презентовать работы в формате видео или анимации.

Также развивайте софт-скилы: если вы фрилансер, вы сами себе менеджер проектов и общаетесь с заказчиком, а значит должны уметь слушать, презентовать, объяснять. Это же понадобится и при работе в агентстве.

Добавить комментарий

Adblock
detector