Skvot

Mag

Skvot Mag
Курсы по теме:

WEB DESIGN на личном опыте

Интервью со студентами: любимые темы, прикладные задания и главные инсайты.
card-photo
card-photo
Ханна
Руденко

Редактор в SKVOT

9 июля, 2021 / Дизайн / Статья

Веб-дизайн — это не про то, как двигать пиксели. Он про то, как дать человеку идеальный опыт — и пользовательский, и (желательно) эстетический. А для этого нужно понимать ДНК хорошего сайта: знать самое важное про архитектуру, сетки, шрифты и адаптивы.

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

 

«Иди по пунктам — и все получится»

Женя Карпова — 34 года — мультидисциплинарный дизайнер

Расскажи о своем бэкграунде.

Я получила диплом менеджера. Курировала разные проекты, а потом мне все надоело. Я перешла в дизайн — и в этой сфере уже примерно 8 лет. 

Мне всегда нравилось рисовать, но когда работала в менеджменте, мне это было не особо нужно. А когда ушла в дизайн, поняла: визуальное мне интересно и близко.

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

С какими мыслями ты зашла на курс?

У меня был опыт в веб-дизайне, но я достаточно давно им не занималась. Хотелось новых знаний и навыков. И еще мне очень нравятся ребята из Charmer. 

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

Страхов, что что-то не получится в профессиональном плане, у меня не было. Думала: «Даже если что-то не будет выходить — не страшно. Я же иду учиться». 

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

Какая тема понравилась больше всего?

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

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

Очень круто, что ребята объясняли многое на примере своих работ — это бесценно.

Какое задание показалось самым крутым?

Кроме итогового задания — лендинга для заказчика, — мне очень запомнилось задание по созданию мудборда. Мы должны были собрать три мудборда по трем (любым) стилистическим направлениям для Лувра, Greenpeace и «Аэрофлота». 

Для каждого сета нужно было взять максимум по семь картинок — а я только для одного Лувра выбрала 20. Мне казалось, что они выстраивают четкое представление, но на самом деле я просто увлеклась:

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

На разборе ребята смогли показать, что 20 картинками одного сета можно наполнить все три мудборда. И прямо на занятии показали, как все распределить: 

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

Главные takeaways курса.

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

Делать «дизайн здорового человека». Настя несколько раз говорила эту фразу, и мне она очень запомнилась. На практике легко можно увлечься и сделать овердизайн, а это никому не нужно. Теперь я время от времени замедляюсь и спрашиваю себя: «А то, что я делаю, — это дизайн здорового человека или нет?». 

Что в твоей жизни теперь?

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

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

«С менторами ты быстрее сделаешь качественный скачок»

Сергей Чуйков — 39 лет — веб-дизайнер

Расскажи о своем бэкграунде.

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

В 2018 году мы закрылись. Но попробовали — и получили колоссальный опыт. А потом была работа свободным дизайнером.

С какими мыслями ты зашел на курс?

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

За студией Насти Сокирко и Саши Гладких наблюдаю давно и внимательно, нежно их люблю. Мне очень нравятся культурные и образовательные сайты Charmer — «Искусство кино», «Полка», «Арзамас», музей «Гараж» — это важные работы, а не коммерция ради коммерции. 

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

Посмотреть курс

 

Что из теории понравилось больше всего?

Много говорили о том, что я уже знал, — и много о том, что стало для меня новым. Вообще, чем больше ты знаешь, тем больше не знаешь. Снова ныряешь в океан, а он глубже, чем казался.

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

А какое задание оказалось самым крутым?

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

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

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

На защите заказчик выбрал мою версию дизайна.

Главные takeaways курса.

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

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

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

Что в твоей жизни теперь?

Буду использовать все полученные знания и советы в личных проектах, которые долго ждали своего часа. 

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

«Самое важное — практика»

Люба Фомцова — 28 лет — веб-дизайнер

Расскажи о своем бэкграунде.

Диплом у меня по «управлению процессом перевозок», по сути, я — железнодорожница. Какое-то время делала татуировки (сейчас это как хобби). А когда пошла в декрет, заинтересовалась веб-дизайном — как работой, которую можно было бы делать удаленно. 

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

С какими мыслями ты зашла на курс?

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

Страхи тоже были, главный — что у меня недостаточно знаний (о работе в той же Figma), и непонятно, буду ли я справляться с заданиями. Но менеджер SKVOT сказала, что курс подходит и для начинающих. Как оказалось, на потоке были те, кто в Figma никогда не работал, — и они вникли в базу за неделю. 

У Саши и Насти очень легкое отношение — они не требуют знать «все горячие клавиши Figma». И это тоже помогло снизить градус напряженности. 

Что из теории понравилось больше всего?

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

В целом вся информация на курсе была важной — мы затронули все аспекты веб-дизайна. И отдельно хочется сказать про то, как здорово прокачалась насмотренность: ребята разобрали крутые примеры с массы ресурсов — siteinspire, the-responsive, awwwards и других. Работы на этих сайтах были для меня совершенно другим, новым уровнем. 

А какое задание оказалось самым крутым?

Лендинг. В этот проект я вложила много души — и времени, недельку точно (каждый день, по несколько часов). 

У моей группы было задание сделать ленд для книги. Я выбрала Balcony Chic — фотоальбом об украинских балконах. Название книги на обложке набрано очень прикольно, и мне хотелось использовать этот же прием в заголовках. И максимально уделить внимание разворотам книги. 

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

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

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

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

Главные takeaways курса.

Самое важное — практика. Нужно брать и пробовать. Можно часами смотреть видео, но пока не начнешь делать что-то руками и не получишь на свою работу фидбек — не научишься. Когда переделываешь, улучшаешь — добавляешь +100 очков к опыту. 

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

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

Что в твоей жизни теперь?

Здорово структурировались предыдущие знания, появилось гораздо больше навыков и крепкое базовое представление о полном цикле работы. И еще в портфолио добавились две хорошие работы, которые все до сих пор хвалят. 

Поделиться материалом