Рубрика: Дизайн
823
Рейтинг статьи: 5
Веб-дизайнер – это специалист творческой профессии, который умеет работать в специальных редакторах, воплощать свою идею в красочных образах в виде Интернет- страниц, размещать их на сайтах.
Читайте также: Кто такой банкир и что он делает
Этот работник должен иметь хороший вкус, разбираться в цветовой гамме и сочетаемости оттенков, уметь выстроить правильную композицию из графических элементов, а при необходимости нарисовать картинки, которые нужны заказчику.
Умение создавать шедевры – это, пожалуй, единственное, что роднит художника и дизайнера. Дело в том, что веб-дизайнер занимается воплощением КОММЕРЧЕСКОГО проекта в реальность, а не просто пытается выразить красоту своего внутреннего мира или прекрасное вокруг.
- Плюсы профессии
- Кто такой web-дизайнер, и что он делает?
- Минусы профессии
- Средняя зарплата веб-дизайнера в России:
- Где учиться на веб-дизайнера: вузы, курсы и самообразование
- Изучаем веб-дизайн
- Чем занимается веб-дизайнер
- Что должен знать и уметь специалист по веб-дизайну
- Эстетические навыки
- Сочетание шрифтов и типографика
- Теория цвета и цветовые схемы
- Композиция и общая организация
- Уровни и карьера веб-дизайнера
- Где и как искать работу веб-дизайнеру?
- Составление портфолио по веб-дизайну
- Резюме, сопроводительное письмо и собеседование
- Навыки веб-дизайнера: портфолио и soft-skills
Плюсы профессии
Первый плюс — востребованность веб-дизайна во всех сферах бизнеса. Сейчас компании не могут существовать без сайтов и рекламы, поэтому работа найдется всегда. Это может быть и сторона исполнителя, когда ты в агентстве разрабатываешь сайт по заказу, и штатного дизайнера компании: у крупных брендов есть даже свои отделы дизайна и разработки.
Второй — отсутствие привязанности к рабочему месту. Если ноутбук под рукой, то находиться можно где угодно. Но во многих агентствах, как и у нас, принцип офлайна: считаем, что только так можно делать крутые вещи, когда все на одной волне. Плюс командно удобно решать задачи, и ты более собран, чем на удаленке. Пока этот принцип отлично работает: мы первые в стране выиграли интернет-Оскар Webby, работаем с известными брендами и стеллаж ломится от наград за веб-разработку.
Процесс разработки (скетчи) дизайна бизнес-журнала UpDate для МегаФон
Кто такой web-дизайнер, и что он делает?
Хочу сразу разложить по полочкам, чтобы было предельно понятно, о чем идет речь.
Создание веб-сайтов — слышали о таком? Наверняка, слышали. Так вот, для того, чтобы создать сайт требуется труд нескольких специалистов:
● Веб-дизайнер создает макет, рисует иконки, логотип, располагает блоки;
● Верстальщик пишет HTML-код, то есть, приводит сайт в работу;
● Веб-разработчик добавляет формы, позволяет веб-сайту функционировать с пользователем и отвечать на его запросы. В народе таких разработчиков называют программистами. В целом, каждого, даже копирайтера, который целый день сидит за компьютером и «что-то делает» люди, далекие от онлайн заработков, называют программистом.
Таким образом, чтобы стать веб-дизайнером вам не понадобится знание языков программирования, понадобится умение рисовать. Да, и от руки тоже рисовать надо уметь. Хотя сейчас вся работа происходит с помощью мышки и клавиатуры.
Зайдите на любой веб-сайт и оцените его дизайн. Присмотритесь к сочетанию цветов, расположению блоков. Ваша задача — научиться создавать подобные дизайны.
Прежде чем мы перейдем к дальнейшему описанию этой профессии, обращу ваше внимание на то, что создание веб-сайтов и блогов как сфера понемногу уходит в прошлое, сейчас развиваются другие медиа. И если программирования, то есть, веб-разработки становится меньше, то дизайна — больше.
Читайте также: Профессия таксист описание для детей. Таксист — интересная профессия
Вот сферы, в которых может проявить себя любой веб-дизайнер:
● Создание макетов и дизайн элементов отдельных страниц и форм веб-сайтов;
● Дизайн страниц Вконтакте;
● Дизайн групп Фейсбук;
● Дизайн и оформление аккаунтов Инстаграм;
● Логотипы и оформление каналов YouTube;
● Создание логотипов для онлайн-бизнесов,
и многое-многое другое.
Как видите, наше онлайн-присутствие постоянно увеличивается, просто мы мигрируем с одних сервисов в другие. Это значит, что сфера деятельности веб-дизайнера постоянно расширяется.
Минусы профессии
Есть и минусы: даже выключив компьютер и встав из-за рабочего стола, ты будешь генерировать и генерировать идеи. Специально или нет, но ты уходишь с головой в задачу. Несомненно, веб-дизайн — творческая профессия, но иногда этого становится слишком много, так много, что ты начинаешь теряться в поиске идей и не видишь хорошего решения.
В таких ситуациях следует отвлекаться от работы и строить для себя график. Не срывать дедлайны, работать в специальное время и вырабатывать привычку отдыхать. Это поможет вовремя отключиться головой от проекта, и тем самым увеличит продуктивность.
Также минус в том, что очень низкий порог входа в профессию: для того, чтобы стать дизайнером, достаточно компьютера и мышки. Поэтому конкуренция на рынке труда очень высокая.
Средняя зарплата веб-дизайнера в России:
Ну, а теперь давайте посмотрим, сколько может зарабатывать веб-дизайнер.
В среднем веб-дизайнеру с опытом работы от 1 года, готовы платить от 45 до 75 тысяч рублей.
Средняя оплата веб-дизайнеру с опытом работы от 1 года
Веб дизайнеру без опыта работы готовы платить от 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
Помните, что теория цвета тесно связана с типографикой. Например, если цвет текста слишком близок к цвету выбранного фона, то его будет трудно читать и посетители, скорее всего, просто пройдут мимо этой части сайта, или же вовсе покинут его.
Композиция и общая организация
Как стать веб дизайнером без знаний основ композиции? Да никак! Для меня эта часть является едва ли не самой важной. Ведь можно подобрать прекрасные шрифты, отличную цветовую схему, а потом банально напороть с правильным расположением блоков, иерархией и пропорциями и получить «отвратительнейшее блюдо из отличных продуктов».
Уровни и карьера веб-дизайнера
Начало карьеры — это первый проект, который ты делаешь для кого-то. Заказ может быть с фриланс-рынка, или даже от твоего друга. Суть в коммуникации, так как с этого начинается жизненный цикл дизайнера: ты учишься решать реальные бизнес-задачи по техническому заданию, общаться с клиентом, анализировать свои шаги и объяснять свои решения.
Дизайнер-одиночка вынужден идти вслепую, тем временем как дизайн-студии предлагают двигаться в отработанном направлении и с поддержкой команды. Есть несколько этапов в жизни дизайнера:
- Первый ранг — стажер. Ты выполняешь несложные задачи, а результат представляешь в нескольких вариантах, потому что еще не готов показать именно тот единственный.
- Следующий уровень — младший дизайнер. Твердо стоишь на ногах, но все еще не можешь вести проект в одиночку.
- Старший или технический дизайнер имеет достаточный опыт, чтобы заниматься проектами единолично и курировать остальных.
- Самые высокие ступеньки — это ведущий дизайнер и арт-директор.
Кстати, у нас в агентстве многие дизайнеры выросли из стажеров. Например, я пришла полностью нулевой, и после пары месяцев уже вошла в штат как Junior. Так что это реальный шаг не только для практики, но и для будущей постоянной работы.
Жизненный цикл дизайнера в агентстве
Где и как искать работу веб-дизайнеру?
Тем, кто хочет работать оффлайн, подойдут специализированные сайты. Например, на hh предлагают 267 вакансий по России.
Дизайнер интерфейсов Саша Окунев подсказывает, что стажировки в крупных компаниях помогут найти первые заказы. Такие мероприятие проводят в Яндексе, mail.ru, VK.
Составление портфолио по веб-дизайну
Визитная карточка дизайнера — это презентация работ. Антон Антонюк, арт-директор проекта «Совесть» рассказал, как лучше создать портфолио:
- Оформление должно быть наглядным, но не избыточным, не отвлекающим от работ.
- Большое значение имеет структурированность, порядок, типографика и грамотность.
- Чтобы сделать портфолио больее привлекательным для работодателя, в начале располагают крутые и сложные проекты.
Резюме, сопроводительное письмо и собеседование
При поиске работы понадобятся портфолио, резюме и сопроводительное письмо. Многие компании проводят собеседование с понравившимися кандидатами.
Резюме оформляется по стандартной форме. Старший дизайнер Live Typing Елена Гальцина рекомендует в сопроводительном письме изложить, над какими проектами кандидату понравилось работать, что еще он хочет изучить и почему компании выгодно взять на работу именно его. Также желательно перечислить отзывы предыдущих работодателей и свои ожидания по заработку (если не указан оклад).
Веб-дизайнер — это творческая интернет-профессия. Динамично развивающаяся сфера требует от работников постоянного совершенствования, переподготовки и вдохновения. Создавать красивые веб-дизайн, оформлять красивые рекламные листы и баннеры научат в вузе, онлайн-школе или на курсах. Найти работу помогут правильно составленные портфолио, резюме и сопроводительное письмо.
Навыки веб-дизайнера: портфолио и soft-skills
Надеяться нужно на свое портфолио и свои навыки. Важно владение базовыми программами типа Figma и Adobe Photoshop, ProtoPie или Principle для анимации. Часто просят показать пять лучших работ. Здорово, если резюме представлено в виде хорошего имиджевого сайта, но можно собрать портфолио на Behance или вести аккаунт в Инстаграм, чтобы работодатель или заказчик могли отследить актуальность ваши проектов. Можно презентовать работы в формате видео или анимации.
Также развивайте софт-скилы: если вы фрилансер, вы сами себе менеджер проектов и общаетесь с заказчиком, а значит должны уметь слушать, презентовать, объяснять. Это же понадобится и при работе в агентстве.