Инструкции
March 26, 2021

С чего начать изучение дизайна интерфейсов?

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

Для начала вот тебе информация от "Хабр Карьера" о зарплатах дизайнера интерфейсов в России:

  • Начальный уровень: 35000 - 70000 р.
  • Средний уровень: 70000 - 130000 р.
  • Продвинутый уровень: 130000 - 170000 р.

И это не предел. Можно пойти еще дальше, став авторитетным дизайнером, задающим тренды. Можно открыть свою студию дизайна, или запустить стартап. Возможности открываются широкие.

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

Дизайнер интерфейсов, или по-другому UX/UI дизайнер (User Experience — пользовательский опыт / User Interface — Пользовательский интерфейс) — это человек, который разрабатывает внешний облик сайтов, мобильных приложений и приложений на различных цифровых экранах (смарт часы, бортовые компьютеры авто, цифровые стенды и т.п.). Дизайнер интерфейсов заботится о том, какой опыт/впечатление получает пользователь от работы c интерфейсом.

Так с чего же начать?

В сети сейчас бесчисленное множество платных курсов по дизайну. Я тебе дам ссылки на хорошие курсы. Но прежде хочу сказать, что я не советую тебе эти курсы, если ты умеешь доставать нужную информацию в сети сам, определяя для себя вектор развития. Это очень важный, или даже самый важный навык, без которого стать хорошим дизайнером или программистом будет очень трудно. Задался вопросом, что такое UX/UI? Не стоит сразу бежать к дизайнеру с этим вопросом, ты намного быстрее об этом узнаешь запросом в google "Что такое UX/UI". Буквально несколько минут серфинга, и ты уже в курсе, что это и с чем едят (на самом деле, это не едят). В отличие от знакомого дизайнера, google ответит на твой вопрос здесь и сейчас. Задавай вопросы людям только тогда, когда ты не можешь найти ответы в интернете.

Хочешь, чтобы тебя вели за руку? Тогда держи хорошие курсы

Bang Bang Education

https://bangbangeducation.ru/

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

UPROCK

https://www.school.uprock.ru/

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

SKVOT

https://skvot.io/ru/

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

Skillbox

https://skillbox.ru/course/profession-ux

Наверное, ты уже слышал про Skillbox, потому, что их рекламу слышно из каждого утюга. Здесь знания более поверхностные, в отличие от BangBang, но выйти на средний уровень можно быстрее. После курсов придется читать еще много книг, чтобы стать профи.

Яндекс практикум

https://praktikum.yandex.ru/interface-designer

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

Можешь сам?

Тогда ты воин и у тебя есть потенциал.

В первую очередь, зайди сюда https://dribbble.com и сюда https://www.behance.net. Это самые популярные сайты с работами дизайнеров со всего мира. Здесь ты можешь завести свое портфолио и выкладывать первые работы, но это позже. Для начала тебе нужно развить чувство вкуса (хотел написать "юмора"). А это производная от насмотренности. Смотри работы лучших дизайнеров, смотри много, каждый день. Найди на сайте раздел дизайнеров и отфильтруй их по нужному направлению и рейтингу. Разглядывай их работы в деталях, постарайся увидеть отличительный характер каждого из этих топовых дизайнеров.

Дальше идем читать статьи, книги, смотреть ролики, изучать инструменты, в которых ты будешь работать.

  • https://www.surgebook.com/egorkomarov/book/osnovi_web_dizaina — Очень хороший гайд по основам дизайна. Это небольшая онлайн книга, которая поможет тебе быстро пробежаться по истории веб-дизайна, узнать, какие инструменты для дизайна популярны, освоить базовые правила веб-дизайна просто и без воды. Здесь же ты найдешь ссылки на хорошие книги для углубленного изучения.
  • https://brzg.notion.site/brzg/b5192d09cfa4496f822d981a58bcced4 — Большущая библиотека полезного по дизайну. Лучшие практики, книги, дизайн-челленджи, ресурсы, вдохновение, фигма.
  • https://bangbangeducation.ru/books — Список хороших книг о дизайне, типографике, архитектуре, искусстве, фотографии, кино, которые собрали преподавателями школы bang bang education.
  • https://www.evernote.design/ — Крутой сайт, где собраны ссылки на полезные ресурсы: инструменты, иконки, иллюстрации, цвета, паттерны, вдохновение и тд.
  • https://almanac-rus.readymag.com — классный сайт с приятным дизайном, где рассказывают об основах дизайна: типографике, сетке, цвете и анимации.
  • https://rus.paratype.ru/encyclopedia — классификация шрифтов и другие полезные знания от Paratype
  • https://uxplanet.org — универсальный ресурс для всего, что связано с пользовательским опытом.
  • https://skillbox.ru/media/design/9_napravleniy — 9 направлений, в которых веб-дизайнеру нужно развить себя.
  • https://www.skillshare.com/design — Если ты уже знаешь английский. Хороший ресурс с множеством видеокурсов по дизайну разных направлений.
  • https://www.designbetter.co/ — Бесплатные книги, подкасты и статьи от Invision о методах, которыми пользуются лучшие в мире команды дизайнеров.
  • https://designpub.ru/этапы-разработки-интерфейса-baf666d6ad8f — Коротко об этапах разработки интерфейса.
  • https://deadsign.ru — Сайт с множеством полезных статей про дизайн.
  • https://ux.pub — Этот сайт позволит тебе оставаться в курсе всего нового в мире дизайна.
  • https://bureau.ru/projects/book-typography — Оооочень хорошая книга про основы типографики и верстки с акцентом на макетировании для экрана. Она платная, но можно найти бесплатно в PDF.
  • Много различных книг в формате PDF мы собрали у себя на диске. Налетай https://yadi.sk/d/EgTAKb6aW1JXBg?w=1
  • https://tilda.education — Еще один сайт с полезными статьями про дизайн. Там же можно найти и курсы, но я не ручаюсь за их качество.
  • https://designpub.ru — Дизайн Кабак. Много интересных и полезных статей от дизайнеров про дизайн.
  • https://uxplanet.org — Если ты все еще знаешь английский, забугорный сайт с полезными статьями.
  • http://www.quickandlazy.appspot.com — Краткий обзор типографики.
  • https://skvot.io/ru/blog — блог школы Scvot с качественными и полезными статьями по разным направлениям дизайна.
  • https://www.youtube.com/playlist?list=PLaIuVNKRYUyEoKnY0UwapHPk8fEaREHPA — Бесплатный видеокурс "Figma". Здесь тебе помогут освоить самый популярный инструмент для разработки дизайна.
  • https://frusia.pro — Небольшой сайт, на котором автор пишет полезные статьи и составляет различные подборки для начинающих дизайнеров.
  • https://www.awwwards.com — Самый известный международный конкурс сайтов с лучшими дизайнами. Здесь можно смотреть дизайны уже в деле, т.е. готовые сайты. Кстати, ингуши уже покоряли пьедестал этого конкурса. Дизайн моего брата, Тамерлана Азиева, выиграл в нескольких номинациях, включая номинацию "Сайт дня" https://www.awwwards.com/sites/tentwenty-digital-agency. Сейчас он числится в жюри Awwwards.

Практика

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

Очень полезно копировать работы лучших дизайнеров. Зайди на тот же dribbble или behance, выбери для себя из списка хорошую работу, предварительно отсортировав все по рейтингу и начинай копировать пиксель в пиксель. В процессе копирования ты начнешь понимать, почему автор сделал именно так, а не иначе. У тебя начнут вырабатываться интуитивные навыки, которые обязательно нужно подкреплять теорией.

Согласись, не так уж и сложно копировать чужой дизайн. Но попробуй сделать что-то подобное сам. Да, неважно получается. Отсюда мораль — владение инструментом (Photoshop, Sketch, Figma) не делает тебя дизайнером. Без теоретических знаний основ дизайна ты сможешь быть, разве что, оператором компьютера, который делает то, что ему говорят.

Также полезно участвовать во всевозможных конкурсах. Ни в коем случае не бойся проигрывать, и не расстраивайся, когда будешь проигрывать. Вот хороший сайт с конкурсами для дизайнеров https://godesigner.ru.

Боевой опыт

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

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

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

Критика

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

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

Английский язык

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

Т1ехьар алар

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

А теперь, иди к своей цели!

P.S. Статью буду со временем дополнять ссылками и рекомендациями.

Подписывайся на канал нашего сообщества @ingternet.