Deprecated: Функция get_page_by_title с версии 6.2.0 считается устаревшей! Используйте WP_Query. in /var/www/html/web/wp/wp-includes/functions.php on line 6121
avatar-image

Лиза Шарипова

Продуктовый дизайнер

Опытный специалист в веб-, продуктовом, графическом дизайне и маркетинге, сотрудничала с EPAM и зарубежными стартапами. Реализовала успешные проекты по созданию сайтов и приложений, увеличив конверсию и охват, а также улучшила CTR на 10% в tutortop благодаря аналитике и работе с гипотезами.

Образование

  • Обучалась дизайну в Bang Bang Education, Skillbox
  • Проходила менторство от лид-дизайнеров Альфы и Авито
  • Углубляла свои знания по композиции и типографике у Сергея Гурова и Сергея Телидченко

Статьи эксперта

article-cover

Как сделать Figma на русском языке: полное руководство

Почему важен русский интерфейс в Figma Согласно исследованию компании UX Design Institute, дизайнеры работают на 24% эффективнее, когда используют программное обеспечение на родном языке. Это особенно важно для новичков и тех, кто только осваив...

article-cover

Как пользоваться Figma на телефоне: полное руководство

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

article-cover

Как добавить картинку в Figma: полное руководство

Как добавить изображение на макет Существует несколько способов импорта изображений в Figma, каждый из которых удобен в разных ситуациях. Давайте рассмотрим их подробнее. Первый способ: Drag & Drop Самый интуитивный и быстрый мето...

article-cover

Figma to HTML: Как преобразовать дизайн в рабочий код

Как экспортировать графику и иконки из Figma с сохранением качества Первое, с чем сталкиваются разработчики при работе с Figma – экспорт графических элементов. Прямой экспорт не только сохраняет качество, но и значительно ускоряет процесс верст...

article-cover

Как создать макет сайта в Figma: полное руководство для начинающих

Для чего нужна Figma Figma — это профессиональный инструмент для веб-дизайна, работающий в браузере. В отличие от Photoshop или Sketch, вам не нужно устанавливать тяжелое программное обеспечение, достаточно зарегистрироваться на сайте. Ключевые...

article-cover

Auto Layout в Figma: полное руководство для эффективного дизайна

Что такое Auto Layout в Figma? Auto Layout — это функция в Figma, которая позволяет создавать динамические фреймы, автоматически адаптирующиеся к изменениям их содержимого. По сути, это аналог flex-контейнеров в CSS, который автоматически регул...

article-cover

Профессия промышленный дизайнер: как стать востребованным специалистом в 2025 году

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

article-cover

Что такое иллюстрация

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

article-cover

Для чего нужен Adobe After Effects, возможности программы

Adobe After Effects — лучший друг и помощник дизайнеров интерфейсов, видеомейкеров, иллюстраторов. Программа подходит для создания рекламных роликов, эффектов, анимации для презентаций и веб-сайтов. Её широкий функционал помогает решать различные за...

article-cover

Дизайн — его основные виды и особенности

Дизайн обширен и интересен. Можно ли назвать его творческим методом или явлением, которое проникло во все области нашей жизни? С точки зрения философии каждого человека и вовсе можно назвать дизайнером — созидающим или творящим. Но это вносит ещё бо...

article-cover

Пошаговая инструкция по созданию глитч-эффекта в Фотошопе

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

article-cover

Что такое мудборд и для чего он нужен

Мудборд (Moodboard, «доска настроения») — один из методов представить дизайн, объединяющий в себе различные визуальные элементы, относящиеся к будущему проекту. Если говорить максимально простым языком, — это коллаж, создаваемый для того, чтобы прод...

article-cover

Что такое компьютерная графика

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

article-cover

Инструкция по созданию экшена в Photoshop

Благодаря Photoshop Action можно автоматизировать рабочий процесс. Записанные действия экономят время и позволяют создавать красочные эффекты одним кликом мыши. Сделать экшен довольно просто — в статье расскажем, как установить, записать и применить...

article-cover

Популярные способы для цветокоррекции в Photoshop

Даже у профессиональных фотографов не всегда получается сделать идеальные кадры в плане соотношения цветов — необходима дополнительная обработка и ретушь. Цветокоррекция позволяет сделать снимок или изображение более «живым», избавиться от пересвета...

article-cover

Простые и быстрые способы, как улучшить качество картинки в Adobe Photoshop

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

article-cover

Сайты для дизайнеров, которые стоит добавить в избранное

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

article-cover

Таблицы в Figma: как создать их быстро и эффективно

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

article-cover

Программирование для детей — топ лучших детских онлайн-курсов

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

article-cover

Как в Adobe Illustrator изменить размер монтажной области?

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

article-cover

Удаление фона в CorelDRAW — пошаговая инструкция

CorelDRAW или «Корел Дро» подходит для работы с векторными изображениями. В графическом редакторе можно делать постеры, баннеры, макеты, логотипы и другие дизайнерские проекты. Программу используют не только в графическом дизайне, но и в рекламе, бр...

article-cover

Threads — что это за новая соцсеть и как в ней продвигаться?

Практически ежегодно появляется новая платформа, которая даёт возможность абсолютно всем пользователям найти свою нишу и обрести популярность, даже если её не было в других соцсетях. Threads — новая социальная сеть, разработанная компанией Meta (*за...

article-cover

Популярные способы для быстрого определения CMS сайта

CMS или content management system — система управления контентом, которая позволяет добавлять необходимую информацию на сайт и работать с его параметрами. Её ещё называют движком. Если вы нашли красивый сайт, но не знаете, как посмотреть CMS, вам по...

article-cover

Как сделать заливку в Adobe Illustrator?

Adobe Illustrator или Иллюстратор — программа для работы с векторной графикой, которая помогает создавать и обрабатывать изображения. Её отличие от Photoshop в том, что здесь используются кривые линии, а не пиксели. Это расширяет возможности специал...

article-cover

Удаление фона с картинки в Photoshop — быстрые и проверенные способы

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

article-cover

Тень в Фигме: как сделать красивый эффект от объекта в Figma

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

article-cover

Первые шаги в Figma: настраиваем сетку на макете

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

article-cover

Дизайн в Figma: учимся пошагово работать со стилями текста и цвета

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

article-cover

Объединение слоёв в Adobe Photoshop: полное руководство

Adobe Photoshop славится своими широкими возможностями редактирования, и одним из его основных преимуществ является управление слоями. Объединение слоёв в растровом редакторе — важный навык, которым должен овладеть каждый пользователь Photoshop, что...

article-cover

Как рисовать линии в Figma: создаём дизайн пошагово

Фигма является одним из самых популярных инструментов для дизайна интерфейсов и прототипирования. Если вы хотите стать профессионалом в этой области и освоить этот популярный инструмент, рекомендуем курсы [course-inline-link image-url="https://cdn2....

article-cover

Секреты дизайна: как расположить круговой текст в Photoshop

Фотошоп — удобный и распространённый инструмент, который позволяет создавать профессиональные дизайнерские макеты для различны целей. Одним из интересных приёмов, который можно использовать для создания оригинального проекта, является размещение тек...

article-cover

Как вырезать объект из фото в Фигме — 3 способа

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

article-cover

Generative Fill в Photoshop — что это и как использовать

Создатели инструмента Generative Fill или «Генеративная заливка» предлагают испытать будущее. Вы можете попробовать его в работе для расширения изображений, создания новых объектов и удаления ненужных деталей. Adobe решили добавить в программу режим...

article-cover

Всё об анимации в Figma — создание, редактирование и работа с плагинами

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

article-cover

Как добавить шрифт в Figma?

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

article-cover

Как сохранить файлы в Figma — обзор разных форматов

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

article-cover

Как быстро сделать градиент в Figma — пошаговая инструкция

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