практика для веб дизайнера
Где искать стажировки начинающим дизайнерам
Пожалуй, главный критерий, по которому наиболее объективно можно оценивать дизайнера — это его портфолио. Однако как ему взяться, если дизайнер только начал свой путь в профессии? Логомашина рассказывает о том, где и как дизайнеру можно найти стажировку мечты.
Стажируясь в студии или агентстве, начинающий дизайнер сможет познакомиться с внутренней «кухней»: узнать, как проходят переговоры с клиентом, как возникают идеи, как проекты дорабатываются и что происходит на итоговой презентации.
Составьте профессиональный wish-list: выпишите 5-6 компаний, в которых вам бы хотелось работать. Если вы плохо знакомы с игроками на рынке дизайна, то самое время это исправить: посмотрите профили студий на Behance, загляните в отраслевые рейтинги, изучите победителей международных профессиональных конкурсов вроде Каннских львов или Red Apple.
На сайтах вроде HeadHunter, Grintern или Работа.ру время от времени можно найти стажировки, на которые берут практически с нулевым опытом: главное, чтобы вы владели основными программами и были заинтересованы в профессиональном росте. Особенно советуем обратить внимание на Superjob: там объявлений о стажировках на порядок больше, потому что их любой работодатель может опубликовать бесплатно.
Помимо основных сайтов с вакансиями существуют и профильные ресурсы, именно для дизайнеров: например, designer.ru. Несмотря на то, что на нём обычно размещают «серьёзные» вакансии, начинающим дизайнерам откликаться на них можно и нужно: просто укажите в сопроводительном письме, что ваша цель — стажировка.
Платформа создана как раз-таки для того, чтобы разорвать порочный круг «без опыта не берут на работу — для того, чтобы получить опыт, нужно работать». Сайт даёт возможность не только найти стажировку в крупной компании, но и подкачать soft skills. И пусть для начинающих дизайнеров предложений не так много, но попробовать точно стоит.
Несмотря на то, что социальная сеть заблокирована в России, она остаётся одной из самых востребованных площадок поиска сотрудников в зарубежных странах. На Linkedin можно найти профильную стажировку в любой точке мира: и это отличная возможность для такой не привязанной к офису профессии, как дизайнер.
Добиться заветной стажировки в иностранной компании можно за четыре шага: создайте профиль, добавьте в него всю релевантную информацию о вас, вступите в профессиональные сообщества и не бойтесь проявлять инициативу (ладно, пять шагов: еще нужно скачать VPN).
Положить интересный кейс в портфолио и помериться силами с другими дизайнерами можно в отраслевых конкурсах и фестивалях, главным призом в которых зачастую становится стажировка в дизайн-студии или в отделе дизайна большой компании. Очень часто заметить и пригласить на практику могут не только победившего участника, главное — привлечь внимание своей работой. Искать конкурсы довольно просто: соответствующие разделы есть на сайте Школы дизайна Вышки и портале DesignNews.
Например, прямо сейчас открыта регистрация в Творческую антишколу дизайна самого крупного российского форума «Таврида», участники которой смогут добавить в портфолио несколько кейсов, попасть на стажировку в Mriya Architecture & Design Studio, принять участие в международном конкурсе Lexus Design Award (и провести неделю на берегу моря).
В профессиональных сообществах в соцсетях тоже можно найти информацию о стажировках. Подпишитесь сразу на несколько, чтобы точно не пропустить хорошее предложение:
Впрочем, использовать социальные сети можно и по-другому: найдите директора компании или руководителя департамента, где хотите стажироваться, и напишите ему о своём желании. Возможно, вам не ответят или попросят написать на почту, но есть большой шанс, что смелость вознаградиться.
Мы не так давно тоже запустили проект, который помогает дизайнеру за короткие сроки наполнить портфолио качественными проектами, выполненным для реальных заказчиков: Qiwi, Nimax, Тинькофф, ЦИАН и другие.
Каждый участник Практики попадает в одну из команд, в которой дизайнеры делятся опытом, поддерживают друг друга и развиваются гораздо быстрее, чем поодиночке. Раз в неделю проходит видео-разбор работ: так, в течение месяца можно совершенствовать свой проект, а затем оформить кейс и выложить на Behance.
Если вы гений, то, наверное, можно. За почти 7 лет существования Логомашины к нам на собеседование лишь однажды пришёл молодой дизайнер, которого не нужно было ничему учить, а его работы не уступали работам более опытных коллег.
Исключения только подтверждают правила, поэтому мы все еще уверены: самый быстрый способ роста для дизайнера — это стажировка в компании или студии. Наличие вокруг коллег и крутого арт-директора даёт возможность регулярно получать обратную связь и совершенствоваться.
Не забывайте, что первостепенная цель стажировки — получить опыт. Не пренебрегайте возможностями инвестировать свои время и силы в полезные контакты и успешное будущее.
Еще больше полезной информации для дизайнеров можно найти на нашем YouTube-канале, а также на страницах «Логомашина учит» в ВКонтакте и Instagram.
Вакансии для дизайнеров. Первая неделя сентября
Каждую неделю мы публикуем самые интересные вакансии и стажировки для дизайнеров. Встречайте свежую подборку!
В этом выпуске мы собрали предложения от mos.ru, Catzwolf, ВТБ и некоторых других лидеров рынка.
Вакансии:
Стажировки и вакансии для начинающих:
Из преподавателей русского языка и литературы — в редакторы. Интересуется дизайном, смотрит сериалы Netflix и любит путешествовать.
Ведущий продуктовый дизайнер на портал mos.ru
Mos.ru — главный портал Москвы, на котором есть городские новости, афиша культурных мероприятий, информация о мэре и правительстве Москвы, каталог электронных услуг для москвичей. Ведущий продуктовый дизайнер будет работать в команде медиапроектов портала.
Требования и условия
Откликнуться на вакансию можно в Telegram @PolinaZemskova, приложив резюме и портфолио.
Старший дизайнер в агентство Catzwolf
Digital-агентство Catzwolf разрабатывает креативные концепции и спецпроекты для крупных компаний, отмеченные наградами на российских и международных конкурсах — Tagline, ADCR Awards, Red Apple, Young Guns. В 2019 году агентство вошло в топ-5 рейтинга «Digital-Прорыв» Ruward.
Требования и условия
Откликнуться на вакансию можно в Telegram @evgeniasoul, приложив портфолио.
UX/UI-дизайнер в ВТБ
Банк ВТБ входит в группу компаний ВТБ. В 2019 году занял 6-е место в рейтинге лучших работодателей России по версии HeadHunter, а в 2020-м признан лучшим российским банком на конкурсе журнала The Banker. UX/UI-дизайнер будет работать в команде Digital Sales над цифровым привлечением клиентов на зарплатные проекты.
Требования и условия
Откликнуться на вакансию можно по адресу kozhevnikovaty@vtb.ru, приложив резюме, портфолио и указав тему письма «UX/UI-дизайнер команды Digital sales в стрим „Зарплатные проекты“».
Дизайнер FX эффектов в Prisma Labs
Prisma Labs — разработчик двух популярных мобильных фоторедакторов, создан командой из Mail.ru Group и «Яндекса». Приложение Prisma позволяет обрабатывать фотографии в стиле работ известных художников, в 2016 году стало приложением года по версии App Store и Google Play. В 2018 году компания запустила новый продукт — фотосервис Lensa улучшает селфи и портреты в одно касание.
Требования и условия
Откликнуться на вакансию можно по адресу r.makhankova@prisma-ai.com, приложив резюме и портфолио.
Креативный дизайнер в SHMA!
Креативное агентство SHMA! создаёт провокационные рекламные кампании и разрабатывает айдентику для крупных брендов. Много лет сотрудничает с Mercedes-Benz, Tele2 и Burger King.
Требования и условия
Откликнуться на вакансию можно по адресу sasha@shma.agency, приложив резюме, портфолио и указав тему письма «Креативный».
СТАЖИРОВКИ И ВАКАНСИИ ДЛЯ НАЧИНАЮЩИХ
Дизайнер-стажёр в агентство TBWA\Moscow
TBWA\Moscow — часть международной сети рекламных агентств TBWA\Worldwide, основанной во Франции в 1970 году, входит в холдинг Omnicom Group. Разрушает рекламные стереотипы и разрабатывает креативные концепции, используя изобретённый основателем агентства «Disruption-подход» — ассоциативное внедрение брендов в контекст окружающей их культуры.
Требования и условия
Откликнуться на вакансию можно по адресу ekaterina.volnistova@tbwa.ru, приложив портфолио.
Дизайнер-стажёр в Ozon
Ozon — один из старейших универсальных онлайн-магазинов в российском сегменте Сети, существует с 1998 года и входит в топ-5 интернет-компаний по версии Forbes. Стажёр будет работать в команде, занимающейся проектированием веб- и мобильных приложений для логистики.
Требования и условия
Откликнуться на вакансию можно на сайте.
Младший дизайнер в Cofix
Cofix — основанная в Израиле международная сеть кофеен формата coffee-to-go. В Москве первое заведение сети открылось в 2016 году, а уже в 2020 году, согласно исследованиям РБК, Cofix вошла в топ-5 крупнейших сетей кофеен России.
Требования и условия
Откликнуться на вакансию можно в Telegram @datekemeshko.
70+ лучших ресурсов о веб-дизайне
Проблема в том, что зачастую они написаны копирайтерами, которые не имеют дела с практикой. Поэтому мы пошли от обратного — обратились к экспертам и попросили их поделиться действительно нужными ресурсами из своей практики. Получилась полезная подборка — концентрат витаминов в мире разбавленных соков. Наслаждайтесь.
Обучение веб-дизайну — процесс, требующий большой насмотренности и постоянного отслеживания трендов. Как успевать следить за всем? Перед вами коллекция сайтов, с которых вы можете начать погружение в веб-дизайн.
Что читать, смотреть и слушать о веб-дизайне
Чтобы сделать сайт на Тильде, дизайнером быть не обязательно: вы собираете сайт из готовых универсальных блоков и даже шаблонов.
Однако для вдохновения и общего развития стоит посмотреть и почитать, что и как делают другие специалисты: какие решения используют, как проектируют интерфейсы сайтов, в какой последовательности размещают блоки, как комбинируют шрифты. Мы подготовили подборку сайтов по веб-дизайну, чтобы вы могли самостоятельно изучать отдельные темы.
Для вашего удобства мы свели все ресурсы в таблицы, разбитые по категориям.
Сайты и блоги
Рассылки
Сообщества
Подкасты и видео
Телеграм-каналы
Вот уже несколько лет мы обнуляем все наши знания: раньше, мы «рисовали» дизайн, теперь — «придумываем». Это первое, о чем мы читаем.
Вторая тема — управление творческими процессами. Sketch, Slack, Avocode, Invision и десятки похожих компаний вступили в борьбу за эффективность дизайнера, поэтому обязательно читайте их блоги, смотрите и слушайте выступления.
Внутренний Getpocket. Обычно интересные статьи, которые мне попадаются в сети, я собираю здесь. Получается ежедневный журнал, который удобно читать офлайн. В нем — десятки сайтов на русском и сотни на английском языках: блоги, заметки, журналы. Информация очень размазывается и ее тяжело найти в одном месте. Этими статьями я делюсь внутри CreativePeople с другими дизайнерами, чтобы мы могли обсуждать их и синхронизировать свои знания.
Отмечу несколько фаворитов, которые попадают в подборку достаточно часто.
Medium. Поиск по ключевым словам выдает интересные и свежие статьи. Отдельно стоит выделить два блога: Muzli и Nathan Curtis.
Sketchapp.me. Отличный ресурс, где коллеги собирают статьи по работе sketch. Все чаще публикуют статьи не про управление программой, а про эффективность вообще, про полезные фичи и ускорение дизайнера.
Vc.ru. Следим за новостями и переводами статей по UIX.
Блог Invision. Пишут про то, как добиваться эффективности в проектах, когда требуется коллаборация разных специалистов. Собственно, на этом принципе строится весь их продукт.
Дизайн-кабак. Неплохие подборки в виде еженедельных дайджестов.
Станьте начинающим
веб-дизайнером
Что вы получите в Практикуме
За 4 месяца обучения по 15 часов в неделю вы освоите основные инструменты веб-дизайна, а также научитесь работать с композицией, цветом и типографикой страниц, делать анимацию и понятный заказчику функционал.
Как проходит обучение
Первые практические шаги вы пройдёте под наблюдением профессионалов. Они дадут свежие знания, укажут на ошибки и поделятся историями успехов и неудач.
Теория в интерактивном учебнике
Мы верим, что учиться лучше на конкретных кейсах, и не заваливаем студентов теорией: вы изучаете короткие главы интерактивного учебника и подобранные нашими экспертами внешние ресурсы, а затем закрепляете теорию практическим заданием.
Самостоятельная работа
Теория — только часть обучения. Основные навыки вы получите, создавая лендинги для нескольких продуктов и заказчиков. Уметь рисовать и писать код необязательно, а если вы раньше не работали в графических редакторах — не страшно, мы научим.
Наставничество и поддержка
На протяжении всего обучения вам будут помогать наставники, преподаватели и дизайн-ревьюеры — веб-дизайнеры с большим практическим опытом. Наставники будут делиться знаниями и опытом. Дизайн-ревьюеры — проверять практические задания и предлагать улучшения. А преподаватели каждый день, включая выходные, будут отвечать на вопросы по теме курса.
Конец обучения — только начало
Завершив основную программу, вы сможете продолжить обучение на фриланс-треке. Чтобы помочь вам найти первые заказы на фрилансе:
— Мы научим собирать портфолио.
— Расскажем, как защитить себя от недобросовестных клиентов и как сформировать стоимость своих первых работ.
— Объясним, как писать заказчику и вести с ним дальнейшую коммуникацию.
— Поддержим на пути получения первых заказов.
Сколько стоит обучение
Вводная часть —
бесплатно
Бесплатная часть поможет познакомиться с устройством и содержанием курса получше, чтобы принять взвешенное решение.
Платное продолжение
13 000 ₽ помесячный платёж.
Итоговая сумма составит 52 000 ₽
50 000 ₽ при оплате сразу за
4 месяца обучения.
Программа обучения
Вводный курс
Вы узнаете больше об устройстве обучения в Практикуме, познакомитесь с возможностями интерактивного учебника и сделаете свой первый лендинг.
Знакомство с лендингами, основы композиции и типографики
Мы подробно разберём, какие задачи и креативные идеи воплощаются с помощью лендингов, а также познакомим вас с основами композиции и объясним, для чего веб-дизайнеру насмотренность и как её тренировать.
Расскажем больше о типографике и не только: объясним, как правильно делать текст удобным для чтения. Обучим основам работы в Tilda.
Результат:
Вы оформите статью в красивый лонгрид на Tilda.
Углублённое изучение Tilda и инструменты эффективной самопрезентации
Введение в Readymag, основы маркетинга
Начнём рассказывать о Readymag и дизайн-сетке: как правильно зонировать и располагать информацию по блокам, чтобы сайт был понятным для пользователя.
Расскажем об основах маркетинга: разберём терминологию и узнаем, как писать продающие тексты и анализировать целевую аудиторию, чтобы правильно с ней взаимодействовать.
Результат:
Сделаете лендинг со сбором заявок на покупку, который будет эффективным с точки зрения маркетинга (лидогенератор).
Коммуникация с заказчиком, работа с брифом, ТЗ, айдентикой и гайдлайнами
Продолжим обучать работе в Readymag: делать анимацию, интеграции и работать с кастомным кодом. Обсудим принципы работы с заказчиком: почему без внятного ТЗ невозможно предугадать результат и как отличить понятный бриф от плохого.
А ещё расскажем, как придерживаться визуального оформления бренда заказчика, грамотно структурировать информацию, и что такое юзабилити и эмпатия в дизайне.
Результат:
Соберёте лендинг для медицинской компании (продающая целевая страница).
Введение в Figma, вайрфрейминг
Начнём рассказывать о Figma: вы будете учиться работать с иллюстрациями и узнаете о вайрфрейме — макете сайта и его функций. Разберётесь с интеграциями в Tilda и переносом макетов.
Мы поможем освоить работу с маркетинговой аналитикой и копирайтингом: научим подключать метрики к посадочной и расскажем, как писать текст для конкретной целевой аудитории.
Результат:
Вы создадите лендинг для выезда на дизайн-выходные на Красной поляне, проанализируете его целевую аудиторию и напишете текст.
Принцип адаптивности, создание анимированного прототипа в Figma
Продолжаем рассказывать о работе с Figma: теперь вы будете делать анимированные прототипы — тестовые версии итогового лендинга с примерным функционалом. Разберёте продвинутые инструменты сервиса. Научитесь делать посадочную страницу одинаково удобной для доступа с мобильных устройств и компьютера.
Результат:
Запустите лендинг продажи премиального ЖК (мобильная и декстопная версия).
Дипломный проект
Закончив обучение, вы получите сертификат о прохождении курса, но для этого нужно сделать итоговую работу.
Итоговая большая работа станет главным проектом в портфолио. Мы предложим вам сделать лендинг франшизы и самостоятельно выбрать для него наиболее подходящие инструменты.
Фриланс-трек (по желанию)
После окончания основной программы можно пройти короткий курс, на котором вы оформите портфолио, а мы поможем вам начать работу с заказчиком и получить первые фриланс-заказы.
Начните учиться бесплатно
Наш бесплатный вводный курс — это возможность познакомиться с интерактивной платформой и понять, хотите ли вы продолжить обучение.
Часто задаваемые вопросы
Первый вариант — банковской картой. Вы можете платить, как вам удобно: единовременно или ежемесячно, то есть каждый месяц. Если вы захотите внести единоразовый платёж, обучение будет стоить дешевле.
Если вы решите оплачивать обучение ежемесячно, внесите сумму за первый месяц. Таким образом карта привяжется к вашему аккаунту. Далее платежи будут списываться автоматически каждые 30 календарных дней. Например, если вы заплатили 25 марта, то следующий раз деньги снимутся 24 апреля.
Второй вариант — через компанию. Юридические лица — резиденты РФ могут оплачивать курсы, переводя деньги с корпоративной банковской карты или расчётного счёта. Прочитать подробности и оформить заявку можно на странице Корпоративным клиентам.
Как «прокачаться» дизайнеру: советы и полезные ссылки от российских экспертов
В блоге на Хабре мы пишем о развитии веб-технологий и их практическом применении — ранее публиковали истории нетехнарей, которые изучили вёрстку и получили работу в сфере ИТ, и сегодня продолжим тему обучения. Ещё одна сфера, которая близко связана с вёрсткой, — это веб-дизайн. На этот раз мы попросили российских интернет-экспертов дать советы по профессиональному развитию для начинающих дизайнеров.
Денис Кортунов, директор по UX в Acronis
Дизайнеры должны постоянно учиться и «прокачивать» свои навыки. В этом суть профессии. Если перестал учиться или делать что-то новое, то ты мёртв как дизайнер. Таким образом, все «живые» дизайнеры знают, как и где учиться. Не думаю, что я могу им что-то полезное посоветовать. Но я попробую:
Антон Шинефт, дизайнер, работал над проектами Cossa.ru, ПостНаука
Прежде всего стоит уяснить, что дизайн — это весьма обширное поле деятельности, и если вы всё-таки решились пойти на этот отчаянный шаг, то будьте готовы тратить всё своё свободное время на это занятие. Впрочем, уверен, что это правило относится и к любым другим видам деятельности.
Обычно начинающие дизайнеры сталкиваются с проблемой «абстрактных» знаний, которые они находят малоприменимыми для себя. Невероятное количество лекций, околодизайнерских тем, мотивирующих и вдохновляющих материалов и исторических очерков. С опытом эти вещи станут более ценными, так как проблемы, которые затрагивают авторы в этих работах, на самом деле лежат за пределами дизайна — в том значении, в котором понимает это новичок. Хотя уверен, что даже у начинающих дизайнеров уже до начала обучения может быть сформирован целостный взгляд на предмет.
Суть такова, что какой бы сверхидеей и воображением ни обладал человек, без знания инструментов, техники и теоретической базы эти способности могут оказаться бесполезными. Следует выделить несколько областей, в которых стоит «прокачиваться», делая это параллельно, получая мультипликативный эффект. Все эти области переплетаются, и, обобщая знания, можно получить впечатляющий результат.
Что касается практического применения, то лучшего способа, чем попытки имитировать стиль, находить инструменты, чтобы сделать что-то похожее, не придумать. Только научившись разным приёмам, можно изобретать свой. На сегодняшний день дизайнеры имеют невероятный простор для творчества, изучения новых программ, не ограничиваясь стандартным пакетом Adobe.
Для того чтобы работать «не в стол», есть также огромное количество ресурсов. Мотивируя себя в том числе и выставленными сроками, можно попробовать поучаствовать в онлайн-конкурсах. Например, 99designs.
Разумеется, это требует выдержки и усидчивости. Знаю человека, который начинал практиковаться в дизайне на этом сайте и через три месяца нашёл постоянного клиента из США с контрактом.
Ну и конечно, Dribbble. Кстати, есть два приглашения. Отдам тем, чьи работы понравятся.
Павел Горшков, дизайн-директор Redmadrobot
Если говорить прежде всего о дизайне интерфейсов, то ещё несколько лет назад значительная часть дизайнеров были самоучками, зачастую с довольно хаотично сложившимся багажом знаний, полученных на практике. Сейчас ситуация изменилась: былого недостатка информации нет, а рынок подтянулся и наполнился профессионалами, готовыми поделиться своим опытом.
Самообучение по-прежнему остается вариантом для новичков, которые только начинают интересоваться дизайном интерфейсов, мы обычно рекомендуем следующие материалы:
Антон Шеин, руководитель службы дизайна поисковой выдачи Яндекса
В начале декабря Антон написал на «Хабре» статью, в которой рассказал и о том, с чего дизайнеру стоит начинать изучение веб-технологий. Приводим выдержки его ответов.
Должен ли дизайнер уметь работать с веб-технологиями?
Правильный вопрос: помогает ли владение веб-технологиями дизайнеру решать задачи? Да, помогает. Особенно если вы работаете в продукте, в котором важную роль играют данные.
С чего начать изучение веб-технологий?
Есть много интерактивных онлайн-курсов. Но, по-моему, начинать нужно не с них. Когда вы приступаете к занятиям боевыми искусствами, на первых порах вас не станут учить приёмам. Сперва вам нужно будет научиться бегать, отжиматься, приседать — то есть всячески подготовить своё тело к занятиям.
Так и здесь. Начать нужно с двух очень важных навыков:
В качестве тренажёра лучше использовать The Typing Cat или Клаварог. Остальные тренажёры — издевательство над психикой, и от них больше вреда, чем пользы.
Начав тренироваться печатать вслепую, не поддавайтесь соблазну переключиться обратно на привычный метод, даже если очень хочется. Скорость обучения от этого будет стремиться к нулю: так устроен мозг.
Навык полезен не только для кода. Начав печатать вслепую, вы будете экономить кучу времени на переписке.
Базовое умение читать на английском
При изучении кода у вас будет возникать много вопросов. Благодаря Stack Overflow на них есть ответы. Но они на английском. Кроме того, на английском — огромное количество хороших туториалов и статей. Если вы сможете их читать, учиться вам будет гораздо проще.
При этом не нужно идти на курсы или открывать толстый учебник. Ваш мозг — нейросеть. И если вы просто заставите себя читать ответы и статьи на иностранном языке, ваш мозг сам приспособится. С каждой статьёй вам будет всё легче понимать прочитанное. Хорошим помощником в изучении будет плагин для браузера, который переводит слова при выделении.
Ещё один способ научиться читать на английском — заставить себя смотреть сериалы без дубляжа. Для этого есть, например, замечательный сервис ORORO.TV.
Лучше начать с простых сериалов, так как «Шерлока» или «Теорию большого взрыва» смотреть будет тяжело. Сам я сильно продвинулся в английском, пока смотрел Lost во время тренировок. Там очень простой английский, а сюжет незамысловат настолько, что и без перевода понятно, что происходит.
Если вы овладели слепой печатью и умеете хоть немного читать по-английски, то можно идти дальше. Например, попробовать онлайн-курсы по технологиям. Их очень много, есть платные и бесплатные. [. ]
Но у курсов есть беда: они всё очень постепенно и медленно разжёвывают. Успеваешь заснуть, так и не дойдя до сути.
Бонус: несколько выступлений Антона по теме дизайна и прототипирования:
Михаил Шишкин, основатель и креативный директор брендингового агентства SHISHKI
Сегодня растет спрос на специалистов, которые не просто «прокачаны» в своей области, но и умеют смотреть по сторонам (T-shaped person). Чем шире кругозор, тем выше вероятность того, что в определенный момент свежая идея из другой области знаний обогатит текущий проект, поможет взглянуть со стороны или применить интересные новые решения из другой области.
Именно поэтому, я считаю, что современным дизайнерам стоит обязательно изучить основы вёрстки. Я бы выделил четыре основных причины, почему это обязательно нужно:
Вадим Макеев, веб-евангелист HTML Academy
В 2015 году я читал доклад «О чём смеются верстальщики» на конференции Design Prosmotr в Москве (см. видео и слайды). Кроме советов дизайнерам от верстальщиков, которые я собрал в Твиттере (именуйте слои, будьте готовы к данным и другие), я показал публике знакомый интерфейс для анимации в Photoshop и напомнил, как муторно делать анимацию и в каком дубовом формате GIF она оттуда выходит.
А потом сравнил его с простым фрагментом кода, циклично анимирующим фоновую картинку, где она описана простыми английскими словами:
Такая анимация получается лёгкой, плавной, настраиваемой и понятной верстальщику. Можете посмотреть прямо на слайдах, которые тоже свёрстаны.
В этом, кажется, и лежит ответ: не бросайтесь осваивать весь стек веб-технологий с нуля и до самых звёзд. Всего не знают даже самые опытные верстальщики. Начните решать свои задачи эффективнее, по задаче за раз.
За вдохновляющими примерами интерфейсов в коде идите на Codrops, пробуйте свои силы сами на CodePen и читайте всю серию A Book Apart — могу рекомендовать буквально каждую книгу, чего только стоит «JavaScript for Web Designers».