Веб дизайнер

Часть вторая: Исследование

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

Вы должны чётко понимать, ПОЧЕМУ вы создаёте именно такую секцию, именно такие элементы, именно такой порядок на Web странице. Все ваши действия должны быть подкреплены железобетонным основанием. Довольно странно будет звучать объяснение на вопрос «Почему здесь эти круглешочки?» в виде — «Потому, что я где-то увидел такие и решил данную форму применить под ваш выдуманный контент, так как у меня не работает фантазия». Странно, не правда ли?

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

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

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

Наименование персоны	Что ценят в первую очередь?	Каковы цели посетителей?
Трактористка Глаша	Сроки постаки (не опоздать на посев) Удобство доставки в регион (жд, авто, авиа) Качество оборудования (чтобы не сломалось посреди поля) Простота подключения (консультации по сложному агрегату)
Персона #2	…..	…..
Персона #3	…..	…..

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

С чего начать обучение

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

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

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

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

Это особенно важно для регионов, где выбор курсов в офлайне может быть крайне ограничен

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

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

Как выбрать хорошего веб-дизайнера?

Итак, вы задались целью и нашли несколько подходящих кандидатур

На что обратить внимание, чтобы получить качественную работу?. 1

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

1. Образование. Представители старшего поколения до сих пор считают, что человек должен трудиться в той сфере, по которой получил образование. Желательно – высшее. Конечно, неплохо, если специалист закончил вуз по специальности дизайн, но практика показывает, что это совсем не обязательно. Достаточно хороших курсов – можно даже в онлайн-варианте. Главное – желание учиться, аккумулировать знания и опыт и применять их в работе.

2. Профессиональные умения – альтернатива высшему образованию. Это, во-первых, умение работать с графическими редакторами (Adobe PhotoShop, GIMP, Corel DRAW, Adobe Illustrator), инструментами для создания баннеров, интерактивных кнопок и другой анимации (Adobe Flash, GIF Animator), линейкой для измерения размера элементов (SPRuler, Code-V Ruler) и другими инструментами. Во-вторых – знание основ информатики и программирования. Да, дизайнер не пишет коды сайта, но работает в тесной связке с программистами – а значит, должен понимать, как все это делается. Очень часто веб-дизайнеры осваивают программирование и начинают создавать сайты с нуля и под ключ – от начинки до оформления.

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

4. Отзывы других клиентов. Сарафанное радио – великая вещь, которая способна одним махом как создать, так и погубить репутацию. Если у веб-дизайнера или студии есть сайт или паблик в соцсетях – почитайте отзывы и рекомендации клиентов. А еще лучше – забейте имя и название в поисковик и почитайте независимые отзывы

Также обратите внимание, как человек реагирует на критику и негатив. Косяки случаются у всех, и если человек извиняется, признает ошибки и старается исправить ситуацию – значит, все отлично

Если хамит, игнорирует и препирается с клиентами или вообще удаляет неугодные комментарии – бегите от такого подальше.

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

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

Как стать веб дизайнером?

1. Изучить рисование.

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

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

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

2. Изучить теорию веб дизайна.

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

Эти сайты визуально привлекательны и удобны для посетителей. Хороший дизайн, заставит посетителей оставаться на сайте и возвращаться на него снова.

Плохой дизайн, заставит их отправиться куда-то еще.

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

3. Изучить макетирование и проектирование.

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

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

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

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

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

4. Изучить UX дизайн.

Хороший UX дизайн (англ. user experience — опыт пользователя) заставит посетителей оставаться на вашем сайте. Плохой заставит их пойти к кому-то другому. Понимание принципов UX дизайна заставит ваш сайт вести себя так, как этого хотят и ожидают пользователи.

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

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

Хотя UX дизайнер, это обычно отдельная профессия, но тут нужно учитывать два аспекта:

1) В небольшой компании, может просто не быть второго специалиста. И тогда, и веб дизайн и UX дизайн, ложится на плечи одного сотрудника.

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

5. Научится пользоваться инструментами для веб дизайна.

Веб дизайнеру приходится работать со многими инструментами. В первую очередь, это конечно  Adobe Photoshop и Adobe Illustrator.

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

Уметь пользоваться специфичным софтом для создания макетов страниц (Mockingbird, Gliffy, Creately, Sketch и тому подобные.)

Хорошо знать HTML и CSS. Хотя вёрстка сайта, это не работа веб дизайнера, но HTML и CSS знать обязательно, поскольку веб дизайнеру приходится тесно сотрудничать с верстальщиками сайта.

Как стать дизайнером

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

Цель: за год стать дизайнером

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

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

Что это за профессия

При разработке сайта веб-дизайнер:

1. Создает макет будущего сайта

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

1. Определяет стилевое оформление сайта

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

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

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

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

Изучение веб дизайна с нуля: с чего начать

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

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

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

Рабочий процесс веб дизайнера на постоянной работе

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

Дизайнер получает ТЗ, в котором прописывается вся основная информация по сайту: зачем нужен сайт, какова цель сайта, какая структура должна быть у сайта, какая стилистика, какие цвета и так далее.

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

Чаще всего, брифом занимаются менеджеры проектов или арт-директора. Но бывает и так, что сам веб дизайнер должен общаться с клиентом, брифовать его и затем, на основе брифа, составлять ТЗ.

Далее по ТЗ создается прототип, который в последующем согласовывается с заказчиком. Если его все устраивает, то по прототипу отрисовывается финальный дизайн.

Более подробно об этапах создания дизайна можно прочитать в моей статье.

Веб-дизайнер — кто это?

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

Если программист следит за стабильностью работы сайта, то дизайнер озабочен качеством интерфейса и его общей эстетикой.

Специалист должен сделать не только красивый, но и интуитивно-понятный сайт, который будет отображаться правильно на компьютерах и других устройствах.

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

Веб-дизайнер: что это за профессия и какие обязанности в нее входят

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

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

1. Обсуждение концепции с заказчиком, учет пожеланий, разработка собственной идеи;
2. Разработка техзадания самому себе или разным исполнителям, согласование его с заказчиком;
3. Отрисовка первоначального макета сайта. На этом этапе дизайнер снова совещается с заказчиком, согласует цветовую гамму и различные нюансы;
4. Создание дизайна в специальной программе с детальной проработкой всех основных элементов: логотипа, иконок, шрифта, расположения текста и визуальных элементов. Заключительное согласование проекта с заказчиком;
5. Верстка сайта и сдача проекта.

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

Сколько зарабатывает веб-дизайнер

Состоянием на март 2018 года согласно данным trud.com средняя зарплата веб-дизайнера по России – 25 000 рублей. Самые высокие зарплаты у веб-дизайнеров в Москве и Московской области – до 60 000 рублей в месяц.

На 31 мая 2018 года было открыто 245 вакансий по России, из них в 39% вакансий указана зарплата 20-40 тысяч рублей.

HH.ru даёт несколько другую статистику – средняя зарплата веб-дизайнера по России — 50 000 рублей.

Что касается независимых специалистов-фрилансеров, то вилка цен на работы очень большая. Всё зависит от умений, амбиций исполнителя. Новички зарабатывают в месяц от 10-15 до 30 тысяч рублей. Мастера, которые на фрилансе не первый год, и обзавелись помощниками, могут зарабатывать не менее 100 тысяч рублей в месяц.

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

Как выбрать курсы веб-дизайна

Чтобы сделать удачный выбор курса web-дизайна, ответьте на следующие вопросы:

1. Кем именно вы хотите стать: веб-дизайнером начального уровня или специалистом с дополнительными знаниями верстки, программ анимации и т. д.?
2. Каким навыкам обучают в школе веб-дизайна? Сможете ли вы сразу приступить к работе, не обучаясь дополнительно?
3. Важен ли вам документ об окончании курсов веб-дизайна?
4. Подходит ли вам формат обучения, предлагаемый школой веб-дизайна? Вы усвоите материал лучше, прослушивая вебинары или читая лонгриды?
5. Важна ли вам обратная связь?
6. Сколько стоит обучение? Есть ли возможность рассрочки, если она вам нужна? Можно ли начать обучение, а оплату внести позже?
7. Какая длительность и темп обучения вам подходят? Вы хотите стать веб-дизайнером как можно быстрее или вам удобнее обучаться дольше, но в комфортном темпе?

Запишите ответы на эти вопросы и проанализируйте каждый курс.

Можно оставить несколько вариантов, которые нравятся, и уже из них выбирать более тщательно.

Веб-дизайн с нуля: самостоятельно или на курсах?

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

Однозначного ответа на этот вопрос нет — среди дизайнеров-самоучек и выпускников профессиональных курсов предостаточно как крутых специалистов, так и посредственных художников

Главное, на что следует обращать внимание ни выборе формата изучения веб-дизайна с нуля — ваше умение находить и структурировать информацию

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

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

Личные качества веб-дизайнера

Помимо определённых навыков, специалисту необходимо обладать следующими качествами:

коммуникабельность — чётко формулирует мысль, умеет работать в команде, находит подход к любому клиенту;

любопытство — ищет способы решения задач разными способами, пробует новые подходы;

аналитические способности — анализирует, структурирует и планирует работу

Выстраивает для себя пошаговую систему;

внимательность — концентрируется долгое время на решении определённой задачи, не отвлекаясь на мессенджеры, соцсети, уведомления;

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

ответственность — понимает важность вовремя делать работу, своевременно отчитывается перед клиентом;

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

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

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

Кто такой веб-дизайнер и что он делает

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

Что должен знать и уметь веб-дизайнер:

• основы графического дизайна;
• базовые правила композиции;
• основы работы с типографикой и цветом;
• модульные сетки;
• исследование аудитории;
• коммуникация с клиентами и разработчиками, передача проектов на верстку;
• работа, как минимум, в Photoshop и Figma. Хорошо, если дизайнер
• знает программы для создания анимации и иллюстраций;
  создание прототипов;
• создание дизайнов для разных типов устройств;
• презентация проектов заказчикам и их защита;
• аналитика и тестирование готовых интерфейсов.

Дополнительно советуем посмотреть видео, в котором руководитель веб-студии Filippova Design Софья Филиппова рассказывает об основных навыках веб-дизайнера.

Что надо уметь веб дизайнеру

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

Название	Название	Стоимость полная
«Дизайн в цифровой среде», Tilda	по выбору студента	7 000 руб.
Онлайн-курс обучения на веб-дизайнера, HEDU	24 ч.	2 900 или 31 200 руб.
«Школа дизайнеров», Бюро Горбунова	16 нед.	от 45 500 руб.
Факультет веб-дизайна, GeekBrains	12 мес.	8 250 руб./мес.
Профессия «Веб-дизайнер», Skillbox	по выбору студента	9 800 руб./мес.
Профессия «Веб-дизайнер», Moscow Digital Academy	6 мес.	82 900 руб.
	2 г.	140 000 руб. в год
«Веб-дизайнер», IMBA	3 мес.	60 000 руб./мес.
«Профессия web-дизайнер», Contended	7 мес.	120 000 руб.

Суть профессии

Графический дизайнер создаёт фирменные стили, визуал для рекламы, дизайн для сообществ в соцсетях, упаковок продуктов и мерча. Результатом работы могут быть:

• Брендбук — брошюра с рекомендациями по использованию логотипа, фирменных цветов и шрифтов компании.
• Дизайн баннера на сайт или рекламной листовки для печати.
• Вёрстка каталога, журнала или книги — для печати или электронных носителей.
• Шаблоны для постов в соцсетях, сторис или email-рассылок.
• Макеты для печати упаковок и сувениров.

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

В дизайне много расчётов — взгляните хотя бы на логотип Apple, который кажется на первый взгляд совсем простым:

Он спроектирован по принципу золотого сечения, и все изгибы в яблочке не случайны

Рутина — это вовсе не плохо: ведь если выжимать из себя креативные идеи 24/7, можно быстро перегореть. А дизайнер в каком-то смысле постоянно меняет виды деятельности, от придумывания эскизов до проработки мелочей

Однако важно понимать, что профессия требует не только творческого потенциала, но и много терпения, точности и аккуратности

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

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

Исследование немного старое: сейчас процент мужчин снизился, но в остальном +- так и осталось. (спасибо 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

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

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

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

Плюсы и минусы профессии

Плюсы

Минусы

Интересная творческая работа. Возможность освоить профессию с нуля , в том числе онлайн. Востребованность, поскольку людям всегда нужно одеваться, а значит, кто-то должен придумывать новые коллекции. Высокая зарплата. Возможность строить персональную карьеру, создать свой бренд. Можно работать удаленно на модные дома и производителей одежды. Командировки за границу за счет работодателей (на показы, выставки).

Высокая конкуренция, пока вы являетесь новичком и не известны в модной сфере. Ответственность. Рабочий день может быть ненормированным. Требуется многое знать и уметь, следить за трендами, чтобы оставаться востребованным.

«Дизайн от топовых студий стоит 350 евро за квадрат»

— Скажи честно: к каким вложениям готовиться, чтобы профессионально работать дизайнером интерьеров? Оплата курса — понятно, но есть и платные программы, и ещё какие-то инструменты…

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

— Насколько вообще обширна твоя будущая профессия? Ты сможешь дизайнить только интерьеры, или получится ещё что-то смежное делать — веб-дизайн, например?

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

— И после курса ты сможешь делать дизайн для любых интерьеров, верно? Не только для частных домов?

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

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

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

Вообще, цена работы дизайнера считается за квадратный метр. Как-то в чате мы обсуждали эту тему и звучала цифра в 200 рублей за квадрат. Это считается средним ценником, а верхнего предела нет. Топовые студии делают дизайн за 350–400 евро (!) за квадратный метр, и у них есть свои клиенты. Но клиенты идут в такие студии больше из-за громкого имени, конечно.

— То есть и в нише дизайна интерьеров рулит личный бренд. Ты уже понимаешь, как его прокачать?