• /

Что такое UX/UI и чем занимаются дизайнеры в этой сфере

Профессиональные UX- и UI-дизайнеры рассказали нам, чем они занимаются, сколько зарабатывают и как всему этому научились. А ещё делятся секретами: каких кандидатов они берут на работу и что для этого нужно уметь.
21 ноября 2025
26 минут
Из статьи вы узнаете:

UX и UI простыми словами

UX-дизайн («user experience» — пользовательский опыт) — это создание удобного и логичного для человека сайта, приложения или другого цифрового сервиса.
Если говорят «дурацкий UX», значит имеют в виду, что пользоваться сервисом неудобно
Основная задача UX-дизайна в том, чтобы пользователи получили позитивный опыт: справились со своей задачей быстро и без затруднений. Например, чтобы нужные функции не приходилось долго искать в настройках, а для регистрации в личном кабинете было достаточно ввести только номер телефона.
UX-дизайнер продумывает логичную структуру и удобную последовательность текстов, иллюстраций, кнопок, рубрик, категорий и так далее. Результат его работы — чёрно-белый макет, который показывает, как будут располагаться элементы.
Ещё 15 определений UX-дизайна
Как описывают UX мировые специалисты по созданию пользовательского опыта? Что они вкладывают в это понятие?
UI-дизайн («user interface» — пользовательский интерфейс) — это работа над внешним видом интерфейса: над цветами, иллюстрациями, анимацией, шрифтами, иконками и так далее.
Результат работы UI-дизайнера — цветной макет, где проработаны визуальные решения.
Цель UI — выразить характер компании с помощью дизайна, при этом доставив пользователям эстетическое удовольствие.
  • Артём Конаков
    CEO дизайн-студии UXART и автор телеграм-канала @konakov_blog
    Расскажу на примере. Представьте, что вы пришли в бар:

    UX — это ваше впечатление:
    • как быстро вас встретили,
    • удобно ли было сидеть,
    • насколько вкусная еда,
    • предложили ли разные варианты,
    • насколько громкая музыка,
    • легко найти туалет или нет, 
    • быстро ли вы расплатились.
    UI — это как всё выглядит:
    • красивая барная стойка,
    • стильные стаканы,
    • читаемое меню,
    • прикольные неоновые вывески,
    • приятные на ощупь салфетки.
    Другими словами, это мелочи, которые формируют визуальное восприятие.

    Аналогично в интерфейсах: UX — это удобство и понятность, а UI — визуал, анимация и красивость.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Чем UX/UI отличается от веб-дизайна

UX/UI-дизайн — широкое понятие. Включает в себя работу с разными типами продуктов: сервисами, приложениями, сайтами. Основной упор в UX/UI делают на исследования, аналитику, построение логики интерфейсов. Типичная задача обычно звучит как-то так: «Продумать, как пользователю удобнее выбрать и оплатить услугу на сайте».

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

Иногда разницы между веб- и UX/UI-дизайном нет. Задачи могут пересекаться: веб-дизайнер может выполнять исследовательскую работу, а UX/UI — заниматься простыми сайтами, а не только сложными цифровыми продуктами.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}

Примеры UX и UI в современных интерфейсах: над чем дизайнеры работают каждый день

Меню

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

Вход в личный кабинет

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

Оформление заказа

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

Тарифы

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

Карточка товара

Это элемент на странице интернет-магазина, который должен кратко рассказать о продукте. UX-дизайнеру следует выявить основные критерии, по которым пользователь выбирает. Эти характеристи он выносит на видное место. UI-специалисту нужно так расположить много карточек на странице, чтобы они не превратились в единое пятно.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}

Чем занимается UX-дизайнер

';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Отвечает за логику интерфейса. UX-дизайнер занимается предварительной работой до создания макета. Он анализирует данные и проводит исследования, например интервьюирует пользователей.
Допустим, задача — продумать фильтры для интернет-магазина. Категорий много, а вывести в меню надо самые популярные. UX-дизайнер посмотрит приложения конкурентов, пообщается с пользователями (проведёт опрос или интервью) и предложит решение.
Анализирует конкурентов. UX-дизайнер исследует готовые решения, которые есть в сфере. Потом он делает выводы, что из увиденного можно забрать в проект. Например, он может найти функцию на сайте конкурента и попробовать использовать в своём интерфейсе.
Строит архитектуру сайта. UX-дизайнер прописывает боли и пожелания клиентов и на их основе составляет JTBD. Он продумывает, с какой страницы и на какую пользователь сможет перейти.
Например, если это интерфейс с личным кабинетом и сложными функциями, то UX-специалист:
  • создаст онбординг (процесс знакомства с продуктом);
  • решит, какие будут настройки;
  • придумает, какие разделы будут в профиле;
  • решит, как между ними перемещаться.
JTBD — методология для составления сценариев интерфейса, которая основывается на задачах пользователя. Обычно это конструкция «когда… я хочу… чтобы». Для банковского приложения JTBD может звучать так: «Когда стою на кассе, я хочу быстро узнать баланс карты, чтобы убедиться, что мне хватает денег на покупки.»
Пример JTBD, который составляется для интерфейса личного кабинета автора онлайн-курсов.
Создаёт прототип дизайна. Обычно это чёрно-белый макет, где определяется структура блоков и основные элементы. На этом этапе UX-дизайнер смотрит, насколько интерфейс закрывает боли пользователей и проверяет, всё ли на месте.
Пример прототипа для экрана настроек курса.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Чем UX-дизайнер отличается от ux-исследователя?

В небольших компаниях часто ux-дизайнер занимается исследовательской работой: проводит интервью с пользователями, устраивает опросы и тестирует гипотезы. Исследователь не рисует прототипы, не продумывает логику и структуру интерфейса. Это полностью зона ответственности ux-дизайнера. Если разделять грубо, то где заканчивается общение с пользователями — там начинается работа UX-специалиста (в том случае, если в компании это отдельные должности).
UX-дизайнер отвечает на основные вопросы: удобен ли пользователю интерфейс? насколько легко решаются основные задачи? сколько действий приходится сделать для достижения желаемого результата? решает ли интерфейс первоначальные задачи?

Чем занимается UI-дизайнер

';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Отвечает за эстетику. UI-дизайнер занимается работой после утверждения прототипа, когда нужно готовить визуальные решения. Он изучает тренды, знает стилистику компании и в её пределах создаёт красоту.
Смотрит референсы. Он исследует ресурсы, где есть примеры работ других специалистов: Behance, Dribbble, Pinterest. UI-дизайнер ищет референсы на конкретные решения в интерфейсе: цвет, отступы, типографика, стиль, картинки.
Пример референсов, которые автор подбирал для создания дизайн-концепции.
Разрабатывает дизайн-концепцию, которую потом при необходимости согласовывает с клиентом. Например, UI-дизайнер делает интерфейс с большим количеством экранов. В этом случае он примеряет концепцию на одну страницу и смотрит, как её можно масштабировать на все остальные.
Дизайн-концепт одного из учебных проектов автора.
Готовит дизайн-систему (где-то могут называть UI-китом). UI-дизайнер продумывает внешний вид элементов, задаёт стили текста и цвета. Примеры дизайн-систем крупных компаний: ВК, Контур (раздел «Компоненты») и Росатом.
Дизайн-система — набор готовых элементов и правил. На них строится интерфейс: цвета, шрифт, отступы, элементы. Например, когда дизайнер создаёт макет формы, он берёт стандартное поле для ввода и меняет только контент внутри. То есть он не создаёт каждый раз новый элемент, а по возможности использует имеющиеся шаблоны.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
UI-дизайнер также может выполнять техническую работу, а не только отвечать за красоту. Например, он может готовить компоненты для вёрстки и создавать элементы макета, которые адаптируются под светлую и тёмную тему. UI-дизайн — иногда это комплексная визуальная и техническая работа.
UI-специалист отвечает на вопросы: а как это должно выглядеть? как акцентировать внимание на объекте? соответствует ли макет цветам и шрифтам бренда? сколько разных визуальных приёмов использовано? а надо ли столько?

Профессия UX/UI дизайнер

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

Что должен уметь UX/UI дизайнер

В последние годы дизайнер — это мультидисциплинарный специалист. Он может и с пользователями пообщаться, и прототип сделать, и концепцию придумать, и 3D самостоятельно создать. UX/UI тем более всё больше объединяется: нельзя продумывать логику без понимания стиля и наоборот. Дизайнер должен уметь делать интерфейсы с нуля до передачи в разработку, чтобы выделяться на фоне тысяч других специалистов.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Знает и применяет принципы UX. Он разбирается в следующем:
  • как пользователь хочет видеть интерфейс,
  • что посетителю сайта надо,
  • как пользователю быстрее достичь желаемого результата,
  • какие лучшие практики есть у конкурентов,
  • как переложить их на свой интерфейс.
Азбука дизайна: главные принципы и законы
Гид, после которого даже начинающий сможет сделать приличную картинку или веб-страницу
Знает и применяет визуальные принципы. Например, он должен соблюдать отступы между элементами, умело сочетать цвета в интерфейсе и не забывать о контрасте объектов. Он может обосновать свои решения, опираясь на законы и правила.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Что такое Фигма?
Гид по Фигме
для начинающих веб-дизайнеров
Умеет работать в Фигме. Он может создать макет интерфейса в программе и использовать технические навыки для ускорения работы. UI дизайнер должен применять компоненты, автолейаут, переменные и уметь создавать свою и пользоваться чужой дизайн-системой.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Специфика работы UX/UI дизайнера отличается в зависимости от места работы. В студии дизайнеру нужно постоянно переключаться между различными проектами. Он генерирует концепции, продумывает логику интерфейсов и работает с разными дизайн-системами. В корпорации обычно есть устоявшийся стиль, который надо поддерживать и развивать. Зачастую здесь требуется упор на логику, то есть UX.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}

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

UX/UI дизайнером можно стать разными путями. Например, одному легче изучать материалы самостоятельно, другому хочется получить подготовленную информацию, а третий хочет обучаться в сообществе специалистов. Свой путь в UX/UI можно начать следующими способами:
  • изучать самостоятельно по видеоурокам в интернете. Например, основную теорию по UX можно изучить на сайте NNG (Нильсен Норман Груп) — основополагающий ресурс с огромным количеством теории и исследований, на которые можно ссылаться;
  • пройти онлайн-курс, где последовательно подаются базовые знания. Но выбирать школу надо с умом: посмотреть работы учеников, написать им, почитать отзывы и заглянуть на эфиры спикеров;
  • устроиться на стажировку в компанию. Без опыта это сделать сложно, но крупные компании иногда набирают новичков;
  • получить профильное образование.
UX/UI дизайнер должен иметь примеры выполненных проектов. Это может быть даже учебный проект, но оформленный в виде готового макета. Например, чтобы устроиться в студию или корпорацию, ему придётся показать портфолио или хотя бы примеры выполненных работ.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Ваш путь будет сильно зависеть от места, на которое вы хотите устроиться. Если вы планируете работать фрилансером, то можно набрать проекты у знакомых «за отзыв» и дальше получать клиентов по сарафанному радио. Если хотите в студию, то лучше посмотреть их портфолио на сайте и понять, какие навыки им нужны. Если в корпорацию, то можно найти уже работающего дизайнера и написать ему в личные сообщения. Так вы узнаете, какие шансы на трудоустройство и что для этого нужно.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Если вы только погружаетесь в дизайн, то можете начать со следующего:
  1. Прочитайте «Ководство» Артемия Лебедева. Из книги вы узнаете основные принципы дизайна, изучите примеры из реальной жизни и погрузитесь в профессию.
  2. Вдохновитесь крутыми проектами на Behance и Pinterest. Для начала пытайтесь полностью перерисовать их в Figma, чтобы понять правила создания интерфейсов.
  3. Изучите материалы разных школ дизайна и студий в соцсетях. Часто они проводят открытые лекции и практические вебинары, где можно бесплатно начать развивать навыки.
  4. Погрузитесь в сообщество, Найдите дизайнеров, чьи работы вам нравятся: спросите, как они учились и что сейчас лучше изучать. Конечно, один может не ответить, а другой дать ценный совет.
  5. Пройдите бесплатные уроки по дизайну. У многих школ есть вводные занятия, с которых можно начать свой путь.

Зарплата UX/UI дизайнера

Она зависит от многих факторов: место работы, регион, тип занятости, уровень. Например, в корпорации в среднем с одним и тем же уровнем навыков UX/UI дизайнер получает больше, чем в студии. А junior-специалист в разы меньше, чем senior и lead.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
По средней зарплате есть разные исследования:
  • DREAM JOB. Средняя зарплата UX/UI дизайнера за 2025 год — 114 000 ₽, зарплатная вилка: 78 000 — 150 000 ₽;
  • GeekLink. Средняя зарплата дизайнера в зависимости от уровня: junior — 40 000 ₽, middle — 150 000 ₽, senior — 215 000 ₽, lead — 450 000 ₽;
  • Т—Ж. В исследовании отдельно не выделена профессия UX/UI дизайнера, но пишут про среднестатистическую для дизайнера — 140 000 ₽.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Зарплата дизайнера часто зависит от самоощущения и того, как он продаёт свои навыки. Исследования — лишь ориентир, с которым можно соотноситься: «в рынке» зарплата или нет.
';socialWrapper.insertAdjacentHTML('beforeend',phone);return;} else if(item.indexOf('mailto:')!==-1) {var email='';socialWrapper.insertAdjacentHTML('beforeend',email);} else if(item.indexOf('telegram')!==-1||item.indexOf('t.me')!==-1) {var telegram='';socialWrapper.insertAdjacentHTML('beforeend',telegram);} else if(item.indexOf('whatsapp')!==-1||item.indexOf('wa.me')!==-1) {var whatsapp='';socialWrapper.insertAdjacentHTML('beforeend',whatsapp);} else if(item.indexOf('viber.com')!==-1||item.indexOf('viber://')!==-1) {var viber='';socialWrapper.insertAdjacentHTML('beforeend',viber);} else if(item.indexOf('vk.me')!==-1) {var vkmessenger='';socialWrapper.insertAdjacentHTML('beforeend',vkmessenger);} else if(item.indexOf('m.me')!==-1) {var messenger='';socialWrapper.insertAdjacentHTML('beforeend',messenger);} else if(item.indexOf('skype')!==-1) {var skype='';socialWrapper.insertAdjacentHTML('beforeend',skype);} else if(item.indexOf('facebook.com')!==-1) {var fb='';socialWrapper.insertAdjacentHTML('beforeend',fb);} else if(item.indexOf('twitter.com')!==-1||item.indexOf('x.com')!==-1) {var twi='';socialWrapper.insertAdjacentHTML('beforeend',twi);} else if(item.indexOf('vk.com')!==-1) {var vk='';socialWrapper.insertAdjacentHTML('beforeend',vk);} else if(item.indexOf('instagram')!==-1) {var instagram='';socialWrapper.insertAdjacentHTML('beforeend',instagram);} else if(item.indexOf('tiktok.com')!==-1) {var tiktok='';socialWrapper.insertAdjacentHTML('beforeend',tiktok);} else if(item.indexOf('ok.ru')!==-1) {var ok='';socialWrapper.insertAdjacentHTML('beforeend',ok);} else if(item.indexOf('behance.net')!==-1||item.indexOf('behance.com')!==-1) {var behance='';socialWrapper.insertAdjacentHTML('beforeend',behance);} else if(item.indexOf('pinterest.com')!==-1||item.indexOf('pin.it')!==-1) {var pinterest='';socialWrapper.insertAdjacentHTML('beforeend',pinterest);} else if(item.indexOf('vimeo.com')!==-1) {var vimeo='';socialWrapper.insertAdjacentHTML('beforeend',vimeo);} else if(item.indexOf('youtube.com')!==-1||item.indexOf('youtu.be')!==-1) {var youtube='';socialWrapper.insertAdjacentHTML('beforeend',youtube);} else if(item.indexOf('snapchat.com')!==-1) {var snapchat='';socialWrapper.insertAdjacentHTML('beforeend',snapchat);} else if(item.indexOf('linkedin.com')!==-1) {var linkedin='';socialWrapper.insertAdjacentHTML('beforeend',linkedin);} else if(item.indexOf('hh.ru')!==-1) {var hh='';socialWrapper.insertAdjacentHTML('beforeend',hh);} else if(item.indexOf('soundcloud.com')!==-1) {var soundcloud='';socialWrapper.insertAdjacentHTML('beforeend',soundcloud);} else if(item.indexOf('github.com')!==-1) {var github='';socialWrapper.insertAdjacentHTML('beforeend',github);} else if(item.indexOf('dribbble.com')!==-1) {var dribbble='';socialWrapper.insertAdjacentHTML('beforeend',dribbble);} else if(item.indexOf('medium.com')!==-1) {var medium='';socialWrapper.insertAdjacentHTML('beforeend',medium);} else if(item.indexOf('zen.yandex.ru')!==-1) {var zen='';socialWrapper.insertAdjacentHTML('beforeend',zen);} else if(item.indexOf('rutube.ru')!==-1) {var rutube='';socialWrapper.insertAdjacentHTML('beforeend',rutube);} else if(item.indexOf('http://')!==-1||item.indexOf('https://')!==-1) {var website='';socialWrapper.insertAdjacentHTML('beforeend',website);}}
Читайте также:
Показать ещё
Бесплатный онлайн курс, который научит создавать эффективные посадочные страницы
Перейти на страницу курса
Курс, который научит вас продвигать свой сайт
Перейти на страницу курса
Теоретический курс Никиты Обухова по веб-дизайну
Перейти на страницу курса
Бесплатный учебник по веб-анимации с примерами и правилами использования
Перейти на страницу курса