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

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

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

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

А теперь обо всем по порядку.

Конечно же самым главным практическим навыком будет знание вашего инструмента, программы в котором вы будет разрабатывать макеты. Сегодня у вас есть возможность выбирать чем пользоваться: SketchApp, Figma, AdobeXD и конечно Adobe Photoshop. У каждой программы свои особенности, плюсы и минусы, я советую вам изучить каждую программу и найти ту, в которой вам будет работать наиболее приятно. 

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

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

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

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

Теперь перейдём к теоретическим навыкам, к тому что необходимо знать и как учиться и развиваться в веб-дизайне.

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

К главным знаниям относятся:

Интерфейсы и сетка

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

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

Уже давно существует такой термин как Mobile first – это способ разработки веб-сайта с учетом того, что он будет использоваться пользователями мобильных устройств. Еще осенью 2015 года в Google число запросов с мобильных устройств равнялось числу запросов с персональных компьютеров.

Типографика

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

Колористика

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

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

Технологии

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

Верстка

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

Копирайтинг

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

Психология

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

Продажи

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