Какими инструментами пользуются дизайнеры в 2022 году
4 марта компания Adobe объявила о прекращении всех продаж в России. Свободное продление лицензий доступно только действующим корпоративным клиентам канала продаж VIP, индивидуальные клиенты могут провести оплату только картами, не зарегистрированными на территории РФ и Белоруссии.
Adobe был и остаётся швейцарским ножом для любого дизайнера. Его продукты позволяют работать как с созданием и редактурой векторных и растровых изображений, так и с анимацией, типографикой и видео. С помощью единой среды софтов изображение из одной программы легко переносится в другую без конвертации и потери качества. Богатый функционал ежегодно обновляется, включает в себя новые инструменты и фишки. Из дополнительных плюсов: разработчики постоянно лечат ошибки, допущенные в предыдущих версиях, а служба поддержки оперативно реагирует на любые проблемы пользователей.
Самая большая рекомендация для всех дизайнеров — найти способ пользоваться Adobe. Как вариант, найти знакомых или неравнодушных людей с картой международных банков и привязать её к вашему профилю.
Доступность: доступен только бесплатный функционал софта, приобретение расширенных функций недоступно в России
9 марта корпоративные аккаунты российских организаций и доступ к платным сервисам заморозила и Figma. Однако бесплатный тарифный план остался доступен для пользователей. Его вполне достаточно для закрытия большинства задач при работе с векторными и растровыми изображениями. А для UX/UI-дизайнеров это и вовсе один из основных инструментов.
С помощью Figma можно создавать прототипы сайтов и приложений, элементы интерфейса, иллюстрации, презентации, плакаты, баннеры и многое другое. Одно из основных преимуществ этого софта заключается в возможности работать в браузере, сохранять и просматривать работы в облаке без скачиваний, а также экспортировать файлы в формате svg, который позволит открыть их в дальнейшем в любом другом редакторе и продолжить работу.
Возможно, в Figma будет довольно сложно подготовить макет для печати, но создать логотип, фирменный стиль, карточки для маркетплейсов или дизайн соцсетей — вполне комфортно.
Помимо классических и привычных Adobe и Figma дизайнеры Иви используют программы для создания 3D: Cinema 4D с подключёнными Octane и Redshift. На них мы создаём трёхмерную визуализацию, иконки, иллюстрации для продукта и коммуникаций. Оплаченная лицензия подходит к концу, поэтому мы ищем варианты остаться в легальном поле или найти эффективную замену программе по 3D
Доступность: лицензионный софт доступен для российских пользователей
Это не самая простая, довольно нагруженная, но очень мощная программа, которую нередко сравнивают с Adobe Illustrator. С его помощью можно выполнять большой объём задач по работе с графикой, анимацией и фото. В основном этот софт используют те, кто готовит материалы под оперативную полиграфию: плакаты, баннеры, листовки, календари, визитные карточки.
СorelDraw подходит для моделирования объектов, создания векторных изображений и контента для сайтов. Софт поддерживается на разных операционных системах и синхронизируется с облаком. Его основной минус в сложном для новичков, непонятном на уровне интуиции интерфейсе, отсутствии инструментов для инфографики и частых ошибках при экспорте файлов. Практически всегда в таких случаях Corel искажает цвета, добавляет ненужные поля — программа требует сноровки.
Доступность: лицензионный софт доступен для российских пользователей, есть бесплатная версия для браузера
Когда-то в Sketch рисовали буквально все, но со временем про него забыли. Однако это доступный инструмент, идеально подходящий для визуализации трёхмерных объектов. Здесь можно создавать 3D-модели архитектурных сооружений, предметов интерьера или персонажей для компьютерных игр. К тому же у него очень понятный и лёгкий в использовании интерфейс, а также есть большая доступная для просмотра библиотека работ других дизайнеров.
Доступность: лицензионный софт доступен для российских пользователей при оплате картами, выпущенными за пределами РФ
Readymag — веб-сервис для создания презентаций, лендингов, лонгридов и цифровых журналов с анимационными элементами, который преобразует пользовательский дизайн в код. Редактор предоставляет возможность загружать собственные шрифты, регулировать громкость аудиоматериалов, встраивать видео и совместно работать над одним файлом. Он имеет довольно современный интерфейс и функциональный виджет-бар, тем не менее от пользователя требуются хотя бы базовые знания графического дизайна, потому что программа имеет и свои сложности. Основные заключаются в отсутствии русифицированной версии, особенностях конструктора и адаптации креативов под разные версии устройств.
Уход Adobe не критично сказался на проектах (пока, во всяком случае): для рабочих задач я в основном использую Figma — 90%, изредка Adobe Photoshop и Illustrator. В личных проектах примерно тот же набор инструментов. В Ozon продолжает работать ранее купленная подписка на Adobe, а на личном компьютере у меня стоят пиратские версии пакета. Я понимаю, что это нелегально и неэтично, но, к сожалению, профиты от использования перевешивают.
Больше всего мне нравится Figma, и сейчас там становится всё больше и больше плагинов, которые с оговорками могут заменить многие функции того же Photoshop. Как альтернативу Illustrator я могу рекомендовать InkScape – это бесплатное ПО с аналогичным функционалом.
Самый главный мой совет — не отчаиваться и адаптироваться, искать новые „фишки“, которые могут ускорить и упростить рабочий процесс, ведь для дизайнера важно развиваться в своих скиллах
Стоит осторожно относиться к ожиданиям запуска в ближайшее время качественных локальных программ. Это связано с тем, что маленькие проекты развиваются медленно. Даже если подписка на сервис платная, как правило, заработок с небольшой аудитории не сможет обеспечивать работу штата, который, в свою очередь, мог бы улучшать и развивать софт ежедневно.
В любом случае дизайнерам, которые хотят продолжать работать, стоит быть более гибкими и пробовать разные инструменты вплоть до небольших онлайн-редакторов. А также читать отраслевые Telegram-каналы, которые пишут о том, что нового происходит и появляется в мире дизайна. Например, Intelligent Design, /designer, «Полезное дизайнеру», канал Ильи Бирмана, «Оди» или «Дизайн Бро».
Программы графического дизайна для Windows
Lunacy
Planner 5D — Планировщик интерьера
Gravit
Sure Cut A Lot
Greeting Card Builder
Мы используем собственные и сторонние файлы cookie для рекламы, доступа, аналитики и социальных сетей. Любое действие, кроме блокирования файлов cookie, а также и запрос услуг, связанные с файлами cookie, заключают соглашение для установки и использования данных файлов. Прочитайте нашу Политике Конфиденциальности.
8 Популярных программ и сервисов для дизайна. Что выбрать?
Предлагаем Вам подборку инструментов для разработки сайтов, с их основными преимуществами и слабыми местами.
Все представленные сервисы разделены на две группы по основному функционалу: к первой относятся площадки по созданию дизайна — Figma, Adobe XD, Sketch, Pixso, InVision — с помощью них вы не соберете сайт, но разработаете его прототип и дизайн-макет. Вторая группа сервисов с более расширенным функционалом, здесь дизайнер может создать сайт с нуля: от прототипа до реализации — Pixli, Webflow и Tilda.
А также мы собрали полезные сервисы для подбора шрифтов на сайт, сервисы с бесплатными иконками, графические онлайн-редакторы, конструкторы инфографики и мемов.
Figma, Adobe XD, Sketch, Pixso. InVision: разработка дизайна и прототипов
Figma
Figma — Помимо основного функционала предусмотрены легко подключаемые плагины для множества целей: «Если вы можете создать сайт, вы можете создать плагин».
Figma – это универсальный инструмент для совместной работы над интерфейсом. С помощью Figma можно решить множество задач: прототипирование, построение карты сайта, создание презентаций, прорисовка макета сайта или приложения. Все эти действия можно выполнять в команде – достаточно поделиться ссылкой, и над одним проектом будут работать несколько человек одновременно.
Figma — это самый распространенный инструмент работы для графических дизайнеров и дизайнеров интерфейсов. Огромное количество компаний применяют его для решения корпоративных задач различной сложности.
Многопользовательский режим редактирования
Разработчики Figma включили в интерфейс возможность создания команды пользователей, задаваемую для проекта буквально в два клика. Теперь несколько дизайнеров могут работать над одним проектом параллельно без путаниц с версиями и правками и бесконечных взаимных пересылов. Кроме того, для каждого участника определяется его личный уровень доступа.
Разработчики могут легко взаимодействовать с дизайнером с первых этапов наполнения макета: для них доступна выгрузка спецификаций и активов, а ещё пользователь может запросить фрагменты сгенерированного кода для CSS, iOS и Android.
Автоматическое сохранение и история данных
Figma делает акцент на том, что пользователю также не придётся тратить время и прерывать свою работу ради сохранения или экспорта – программа всё сделает сама. Вы не потеряете промежуточные версии, т. к. они автоматически загружаются в облако. Вы можете вернуться к любой из них, продублировать или создать новую вручную, или увидеть историю внесения правок в файл: кто, когда и что именно изменил в макете.
В процессе работы над проектом присваивайте отдельным элементам общие стили и, когда будет необходимо изменить всю группу элементов, вы сможете внести изменения в весь макет за один раз.
Vector Networks и Arc показали дизайнерам новый уровень работы с пером и круговыми элементами, на котором работа с опорными точками стала ещё проще. А расширенные возможности OpenType помогают сделать шрифт индивидуальным, и даже эксклюзивным.
Интерфейс предполагает использование в одном проекте несколько видов сеток, в которых пользователь может настроить цвет, ширину и зафиксировать эти параметры.
Figma располагает линейкой тарифов, на момент публикации статьи это: Professional за $12-$15 долларов в месяц, Organization за $45 в месяц с расширенным функционалом, а также бесплатной версией, наиболее полной в сравнении с аналогичными программами. Некоммерческая версия предполагает три основных ограничения:
До 2 редакторов;
30-дневное хранение истории версий.
Программа предъявляет серьезные требования к видеокарте и объёму оперативной памяти;
Отсутствие микровзаимодействий при анимации;
При помещении рабочего файла в черновик, каждый может стать владельцем этого файла.;
При работе с текстовыми слоями могут возникать проблемы;
Есть трудности с импортом файлов, возможны ошибки.
С марта 2022 года Figma заморозила аккаунты Российских компаний, и продажу услуг в России.
Adobe XD
Многопользовательский режим работы
В 2019 году в обновлениях к программе добавили функцию совместного редактирования, благодаря которой в режиме реального времени с проектом, лежащим в облаке, могут взаимодействовать несколько дизайнеров. Пользователь сможет видеть, кто из приглашенных дизайнеров активен и какие элементы сейчас редактируют его коллеги.
Режим совместного использования (Share mode) позволит вам передавать проект заинтересованным лицам, управляя правами доступа: есть функция защиты паролем. Использование артбордов будет легко отслеживать благодаря возможности уникальных имён для каждой ссылки.
Для каждого элемента интерфейса теперь можно задать несколько вариативных состояний, рассчитанных на различные типы взаимодействия с пользователем (Hover, Pressed, Disabled, Success.) , благодаря этому дизайнеру не нужно прописывать несколько компонентов для разных сценариев, а включить варианты в набор состояний компонента.
Облегчить и ускорить работу над проектом поможет опция повтора сетки (активируется сочетанием Ctrl + r), позволяющая копировать группу объектов или целый слой.
Auto-animate у Adobe XD отличается высокой скоростью и легкостью настройки, при этом еще нет возможности точного управления.
Создание и управление прототипами при помощи собственного голоса Голосовые триггеры и воспроизведение речи дают возможность прототипировать с помощью голоса. Эта функция уникальна и не реализована ни в одном другом сервисе.
Пользователи могут самостоятельно писать плагины для Adobe XD на JavaScript, HTML и CSS. Кроме того, многие плагины Sketch были перенесены разработчиками в Adobe XD.
Совместимость с другими инструментами
Adobe XD создан на открытой платформе и совместим со многими другими инструментамине только из Adobe CC.
К функции импорта файлов из Sketch добавлена возможность конвертировать существующие библиотеки Sketch в облачные документы XD, чтобы интегрировать Sketch Libraries без конфликтов.
Нет возможности тестировать прототипы на устройствах Android;
Нет доступа к программе без подписки (платной) в Adobe Creative Cloud;
Ошибки в лицензионных установочниках.
Нет встроенного управления CSS кодом для передачи разработчикам;
Недостаточно настроек при работе с текстом;
Некоммерческая версия имеет жесткие ограничения: доступен только один активный общий проект, с которым взаимодействуют 1-2 редактора. Подключается одна активная общая ссылка.
Необходимо платить за чрезмерное количество экспорта.
Sketch
Sketch — векторный графический редактор, представленный Голландской Bohemian Coding. У Sketch, как и у фигмы есть свое комьюнити, он также поддерживает множество различных плагинов для упрощения работы, со схожей функцией возможности командной работы и показа проектов в режиме реального времени.
Дополнительно к этому в Sketch есть глубокая интеграция с нативными средствами macOS: поддержка iCloud, Time Machine, автосохранение, нативный рендер шрифтов, трансляция макетов на мобильное устройство и многое другое.
Свободная рабочая поверхность
Интерфейс площадки предполагает максимальную лаконичность, разработчик видит только те инструменты настройки, которые могут быть применены к активному на данный момент элементу. Эта особенность помогает быстрее разобраться в программе и не путаться в доступных функциях.
Площадкой предусмотрена возможность создания библиотек для передачи элементов между несколькими макетами Sketch.
Экспорт графических элементов реализован на площадке лучше, чем в любом другом аналоге. Программой предусмотрена выгрузка для каждого из элементов готового дизайна в нескольких разрешениях.
Для площадки предусмотрено около 30 интеграций со сторонними сервисами, что позволит разработчики подключить к готовому проекту максимум пользовательского функционала.
Вокруг Sketch собрано большое дизайнерское сообщество, общение в котором поможет вам получить много полезной информации о работе с программой.
Реализован только как онлайн-программа для Mac OS, не имеет версии десктоп;
Условно-бесплатное приложений, через 30 дней пробного периода его действие закончится. Стартовая цена $99. Действует ежегодное продление лицензии: поддержка обновлений действительна в течение года после покупки. Бесплатной версии программы нет.
Проект можно передать только команде в Sketch Cloud;
Файлы Sketch необходимо сохранять или передавать вручную.
Нет возможности создавать постоянные цветовые палитры;
Отсутствует прямой редактор CSS кода;
Нет встроенной системы комментариев;
Для улучшения функций Sketch необходимо установливать различные плагины.
Хаотичное управление историей версий. При наличии длинного списка компонентов и глубоких слоев необходимо тщательно редактировать компоненты, чтобы избежать смешивания слоев.
Совместная работа доступна только в более дорогом тарифе.
Pixso
Pixso — новый наиболее схожий инструмент с Figma, обладает идентичным функционалом на бесплатной основе. Это векторный инструмент, разработанный и опубликованный компанией Pixso Technology (Китай, Гонконг).
Pixso — платформа для работы в команде. Позволяет выстраивать рабочую цепочку с этапа создания продукта и проектирования, до исследований и разработок, совмещает в себе весь процесс создания прототипов, проектирования и отправки редакторам. Поддерживает формат многопользовательской совместной работы, облачной синхронизации файлов в реальном времени, с функциями рисования и разметки.
Совместимость с другими форматами
Pixso поддерживает импорт файлов Figma, Sketch, Adobe XD, Axure. Пользователь может легко переключится из других инструментов на Pixso.
Все участники проекта могут совместно работать над одним и тем же файлом. Работая в Pixso, сотрудники могут писать комментарии по проекту и получать онлайн отзывы от коллег.
Позволяет создавать интерактивные и высококачественные прототипы, а также моделировать окончательную форму продукта.
Через Pixso можно отправить файл проекта по ссылке, с помощью которой каждый участник может просматривать данные и оставлять комментарии. Не нужно повторно импортировать и экспортировать файлы. Экономит время.
Персонализированное частное развертывание. Безопасность данных организации.
В отличие от бесплатной пробной версии Figma, которая позволяет создавать только 3 файла, Pixso дает бесплатный доступ к основным функциям.
Совершенно новый инструмент с небольшими багами.
Хромает организация файлов и визуальная составляющая.
Недостаточно настроек при работе с текстом;
InVision Studio
Studio — платформа от InVision для проектирования графических интерфейсов. Выпускалась как дополнение к Photoshop, но благодаря нескольких удачным фишкам пользователи уже давно знают её как самостоятельный сервис.
Анимация и интерактивные прототипы: именно функционал работы с анимацией и прототипами на заре сервиса помог ему выйти из статуса «дополнения» в отдельную площадку. В InVision дизайнер может анимировать статичные изображения без написания кода. А создание переходов в прототипе требует минимального количества настроек со стороны дизайнера.
Есть внутренняя функция импорта полноценных файлов. sketch, в стартовом окне пользователь даже увидит список недавно открытых им скетч-файлов для удобство выбора и загрузки. Но возможность обратной загрузки не прописана.
Вложенные компоненты друг в друга:
Благодаря возможности вложенных компонентов у пользователя есть всё для создания дизайн-систем и сложных интерфейсов. К тому же, «резиновый» интерфейс адаптируется под разные типы устройств автоматически, а у дизайнера есть возможность проверки отображения макета на экранах разных форматов уже на этапе создания.
Оверрайды компонентов:Корректировка экземпляров не требует детач, а значит, пользователю не придётся разрывать связь элемента с мастером и вернуть его можно будет одним кликом.
Отсутствие онлайн-версии программы. Необходима установка декстопа как на Windows, так и на Mac OS;
Отсутствие общих стилей;
Отсутствие библиотеки компонентов для разных проектов;
Не реализован многопользовательский режим, для командного редактирования проекта;
Могут возникнуть проблемы с публикацией проекта, процесс идёт долго; при большом количестве элементов программа может «подтормаживать» или отключаться.
В бесплатной версии есть возможность работы только над 1 проектом. Стоимость платных версий стартует с $15.
Pixli, Webflow, Tilda: Ваш сайт от идеи до пользователя
Pixli
Pixli – профессиональная платформа для визуального digital-дизайна и frontend-разработки. Сервис позволяет собрать адаптивный прототип или дизайн макет любой сложности. Сервис на данный момент является абсолютно бесплатным. При этом у пользователя нет ограничений на количество проектов и доступа к функционалу. Многопользовательский доступ к аккаунту Одновременная работа над проектами реализована на платформе через многопользовательский доступ к аккаунту, над проектом может работать несколько человек, однако, к сожалению, не реализована функция веб-сокетов, что не позволяет вести редактирование в режиме online. В остальном функций для совместной работы хватает:
Возможность делиться дизайном
Возможность добавлять членов команда
Возможность работать над проектами собственной командой под своим лейблом
Реферальная программа для получения комиссий от оплат хостинга, клиентов компании
Возможность продавать сделанные шаблоны другим пользователям в online магазине проекта
В Pixli вы ограничены лишь полетом собственной фантазии. Подключение собственного доменного имени и SSL-сертификата. Легко подключите собственный домен и SSL сертификат. Недостатки:
В текущей версии не реализован функционал E-commerce;
Количество шаблонов ограничено;
Интеграции с другими сервисами не прописаны;
Порог входа в сервис достаточно высок, а Lite режим все равно не позволяет использовать его новичку, надеемся, что разработчики активно работают над этим, тогда сервис ждем большое будущее (мнение автора может не совпадать с мнением редакции)
Webflow
Стартап, при запуске делавший упор на формальное отсутствие необходимости кодинга: пользователь может создать проект, совершенно не используя кодинг. Но и вставка кода у желающих не вызовет затруднений.
Большая библиотека шаблонов
Для работы с программой пользователь не только может обойтись без написания кода, но и воспользоваться огромным выбором настраиваемых шаблонов. Единственный минус — практически все они платные.
Сборка проекта из элементов
На боковой панели редактора пользователь может найти все возможные варианты элементов (нестилизованные элементы для встройки HTML, слайдеры, кнопки, вкладки, формы, видео и изображения), чтобы собрать из них страницу.
При разработке макета можно проверить его отображение на разных устройствах и настроить нужные элементы.
Функция CSS Grids
Создание сеток простое и полифункциональное, предусмотрена функция просмотра наложения сетки.
Расширенный функционал символов
Элементы дизайна можно превратить в символы, что существенно упрощает работу с повторяющимися конструкциями: быстрота повторного размещения, автоматическое изменение всех дублирующихся символов через редактирование одного.
Перед публикацией сайта вы можете защитить его паролем от нежелательных посетителей целиком или только для отдельных страниц.
Webflow позаботились о сохранности результатов работы дизайнера. На платформе действует автоматическое сохранение внесенных изменений и прописана возможность создания точек восстановления.
Webflow легко интегрируется Ecwid, Zapier, Shopify, PayPal, MailChimp, Google Analytics и другими, что позволяет добавлять на сайты опции сервиса: CRM, рассылки, страницу магазина (или другие платежные форматы), расширенную аналитику, внутренний поиск. Кроме работы с собственными шрифтами, программа предусматривает взаимодействие с Google и Adobe. Для интернет-магазинов доступны настройка процесса оформления заказа, интегрирование магазина в блог или блога в магазин. Инструменты аналитики и продвижения.
Несмотря на формальное отсутствие кодинга, конструкторский интерфейс может показаться сложным начинающим пользователям, особенно в сравнении с другими конструкторами (например, платформой Wix);
Проекты (не более двух) в бесплатной версии программы будут созданы и опубликованы на поддомене webflow. io. Объем виджетов существенно сокращён в сравнении с платной версией. Количество функций тоже уменьшено, например, не активен командный доступ;
Среди элементов сайта нет (и отсутствует возможность создания) кастомных селекторов;
При большим количестве элементов скорость работы редактора заметно снижается;
Слои элементов не накладываются;
Ограниченная история внесения изменений в проект даже на платных версиях.
Tilda Publishing
Конструктор сайтов, работа с которым может быть полностью построена на последовательном размещении блоков из библиотеки.
Лёгкость вёрстки и разнообразная библиотека
Разработчиками Tilda было отрисовано и добавлено в библиотеку более 480 блоков под все дизайнерские цели: от полноэкранных обложек до формы заявок. Вам достаточно собрать сайт, как конструктор и благодаря огромному количеству вариантов дизайн будет индивидуальным.
Все блоки из библиотеки уже адаптированы для изображения на разных устройствах, при верстке вам не придется об этом думать и корректировать их под разные платформы конечных пользователей.
Расширенные возможности редактирования элементов
На платформу встроен Zero Block — графический редактор, предоставляющий возможность профессиональным дизайнерам трансформировать все элементы сайта на свой вкус или создавать собственные блоки.
На платформу не только предзагружена библиотека шрифтов (но дизайнеры могут добавлять собственные файлы шрифтов, использовать TypeKit или Google Fonts), для каждого блока на Tilda прописаны пропорции контента: начертание, интерлиньяж, кегль для повышения читабельности и стильного преподнесения зрителю. Тренды в типографике и дизайне отражаются на актуальной базе шаблонов.
Для электронной коммерции предусмотрено не только отдельные сборки шаблонов и блоки, но и взаимодействие с различными платежными системами: оплата карточкой, мобильным телефоном, Яндекс. Деньгами или через PayPal. Передачу данных легко привязать к Google Drive или в CRM
Оптимизация и продвижение.
С заботой о цифровом маркетинге Tilda добавляет возможность создания посадочных страниц, представлены 12 сервисов для форм сбора данных. Владелец проекта всегда точно знает, как сайт будет выглядеть в поисковой выдаче или в социальных сетях, а для контроля трафика можно подключить Google Analytics и Яндекс. Метрику. Расширить функционал сайта на своё усмотрение можно через сервисы, интегрированные в Tilda.
Бесплатная версия площадки имеет существенные ограничения: вы можете разрабатывать только 1 проект с выделенным объемом памяти на сервере в 50Mb. Вам не будут доступны полная коллекция блоков, многие инструменты аналитики, SEO и добавление собственных шрифтов.
Все шаблоны одностраничные.
Кастомный CSS только для Zero Block Нет возможности редактировать стили стандартных блоков.
Ограниченный функционал элементов и отсутствие их стилей. Настройки отображения нельзя сохранять в стили, что усложняет работу над многостраничными проектами с группами повторяющихся элементов.
Медленная загрузка шрифтов в проект: даже при использовании «сторонних» баз шрифтов сначала происходит загрузка дефолтных.
Передача доступа для редактирования страниц доступна только в платных версиях.
Ограниченный экспорт сайта: для перевода сайта на свой хостинг понадобится экспорт, доступный только в тарифе Business.
Скорость загрузки сайта низкая из-за абсолютной позиционированности всех элементов.
Графические онлайн-редакторы, конструкторы инфографики и мемов
Сервисы подходят для кадрирования и редактирования готовых картинок, создания обложек для статей и красочной инфографики, объединения изображений в коллажи и создания мемов по шаблону.
Easel. ly — для работы с инфографикой;
Canva — для создания инфографики, флаеров, обложек и других картинок;
Online-fotoshop, Pixlr, Sumopaint — для работы с изображениями: позволяет кадрировать, вырезать фон, выполнять цветокоррекцию, объединять изображения и накладывать фильтры;
Online-image-editor — стандартный редактор, работает также с форматом gif;
PixBuilder Studio — редактор растровой графики, позволяющий создавать и web-графику;
Editor. pho, Fotor — фоторедактор с бьюти-инструментами для обработки кожи и добавления макияжа на фото;
Сервисы с бесплатными иконками
Иконки от дизайнеров. Можно скачать и использовать в меню, навигации, для выделения пунктов списка, кнопок. Некоторые иконки требуют указания авторства при размещении на сайте, советуем обращать внимание на лицензию перед скачиванием.
Подборка из 14 альтернативных сервисов для работы дизайнера
Если ты начинающий дизайнер, то стоит ознакомиться с разными инструментами. Это хорошо и просто для общего развития, и для поиска себя. Ведь не факт, что ты будешь работать в Фигме всю жизнь. Многие из нас так думали о Фотошопе, но теперь даже наши курсы включают в себя в основном Фигму (в том числе этот бесплатный). В целом протестировать разные инструменты будет неплохо. И если у тебя вдруг исчезнет доступ к твоей любимой программе, то ты сможешь воспользоваться другой. Вот подборка из наиболее распространенных инструментов:
1. Adobe Photoshop
Adobe Photoshop — конечно, начнем с него. Классика жанра, легенда в мире графического дизайна и обработки изображений. Даже глагол новый появился — “фотошопить”, хотя далеко не всегда обработка подразумевает использование именно этого редактора. Плюсы: популярность, продвинутый функционал, много языков пользователя, действительно богатый набор всевозможных туториалов, видео, лайфхаков и уроков. Есть плагины для расширения функций. Из минусов стоит отметить довольно высокую цену, огромный вес редактора (не на каждый ноутбук станет корректно и займет кучу места), сложность освоения для новичка без дополнительных пояснений. Есть бесплатный период 30 дней, который поможет определиться, стоит ли покупать подписку.
2. Sketch
Sketch — неплохая вещь, но только для Mac, поэтому сразу очевидно ограничение. Но в остальном стоит выбрать Sketch, если ты непосредственно разрабатываешь интерфейсы. Ни графику, ни иллюстрации, ни обработку фото. Это специализированный инструмент. Это как преимущество, так и недостаток. Если нужен универсальный функционал, то его тут нет. Но зато нет и ничего лишнего. Программа шустрая, легкая, удобная. Платформа часто выкатывает обновления. Стоит отметить простоту применения, доступную цену. Минус — отсутствие совместимости с продуктами Adobe, невозможность сохранять проекты в формате psd (только eps и svg) и открывать их в других программах. Плохо работать с объемными файлами. Скудные инструменты для рисования.
3. Adobe XD
Adobe XD — инструмент для проектирования различных проектов от лендингов до приложений. Снова встречаем ограничение по операционной системе — платформа функционирует только на windows 10 и Mac OS. Главные преимущества: крутые инструменты для анимации, имеет простой для верстальщика функционал. Минусы: довольно странный интерфейс, не очень удобный; есть баги, которые устраняют не очень-то быстро; неудобная работа с фреймами. Здесь широкая специализация сыграла злую шутку — никакие из возможностей не докручены на максимум. Но для универсального дизайнера такая платформа может быть вполне себе рабочим инструментом.
4. Photopea
Photopea — бесплатная альтернатива Фотошопу с подобным функционалом. Работает онлайн, в браузере. Это сразу плюс — не нужно ничего устанавливать, тем более иметь высокомощное оборудование и определенную операционную систему.
Для профессионалов может быть маловато возможностей. Но это отличное решение, если ты где-то далеко от рабочего компьютера и нужно срочно внести правки в проект. Просто открой его в любом браузере на первом встречном ПК и делай свое дело. Главное в этой задаче иметь доступ к оригиналу. Но если ты уже сбрасывал его заказчику или менеджеру, то в переписке все должно быть.
5. Adobe Illustrator
Adobe Illustrator — довольно разноплановый инструмент. Он подойдет для создания иллюстраций (о чем говорит нам название), типографики, логотипов, иконок, интерфейсов. Популярность — одно из главных преимуществ. На эту программу есть масса обзоров, тысячи уроков, подсказок. А еще с форматом .ai работают большинство студий и типографий. Совместимость с продуктами Adobe тоже пригодится. Возможности и функционал регулярно обновляют. Недостатки Adobe — нужно много оперативки для корректной работы, подписка не очень-то дешёвая. Но есть скидки для студентов и преподавателей. Есть бесплатный пробный период — всего неделя.
Подробно про работу в Иллюстраторе можно узнать на нашем совершенно бесплатном онлайн-курсе «Графический дизайнер: запуск». Там ты изучишь основы графического дизайна с нуля.
6. CleverBrush
Clever Brush Editor — еще один онлайн-инструмент, который можно просто открыть в любом браузере и ничего не устанавливать. Это векторный редактор, который отличается очень простым функционалом, хотя имеет довольно много возможностей. Есть собственная встроенная библиотека растровых изображений и векторов. Это решение для очень простых макетов — уровень не как у Paint, но после сложных профессиональных программ он его будет напоминать. Проекты сохраняются в форматах png, svg и jpg. Большое преимущество — элементы можно внедрять в качестве компонента JavaScript.
7. Gravit
Gravit — еще один векторный редактор. Бесплатный. Доступен в браузере и для операционных систем Windows, Linux, macOS и ChromeOS. Тут ты найдешь стандартные фигуры, сможешь добавить растровое изображение и текст. Есть разные эффекты и способы трансформации объектов. Сохранять проект можно только в svg, хотя импортировать данные в него можно и в EPS.
Это хорошее решение для работы с SVG-картинками. Если твои проекты завязаны в основном на этом — сервис подойдет. Не придется загружать специализированные десктопные программы, достаточно этой программы. Плюс — работать можно онлайн и офлайн.
В отличие от прочих векторных редакторов. Здесь возможности далеко не скудные, Gravit подойдет для работы с серьезными проектами. Безусловно, с полнофункцональной платформой он не сравнится, но для некоторых задач это и не нужно.
8. Affinity Designer
Affinity Designer — разработчики позиционируют этот продукт как профессиональный инструмент для создания векторной графики и иллюстраций. Хотя не все дизайнеры с этим согласны, надо сказать, что платформа стоит внимания. Подходит для macOS, iOS и Windows. Интерфейс напоминает Adobe Illustrator, в том числе благодаря удобной опции настройки порядка и числа инструментов на панели. Три режима работы: векторный, пиксельный и режим экспорта. (Export Persona).
Здесь не только базовый набор тулзов, но и вполне себе интересные предложения, которых может хватить для полноценной работы. Особенно если речь о создании иконок и иллюстраций. Для создания интерфейсов — 50 на 50. В зависимости от сложности. Для сложных технических проектов вряд ли подойдет, но это скорее касается промышленных дизайнеров, архитекторов и подобных специалистов. Для веб-дизайна нормально. Количество профессиональных инструментов не очень обширно, но зато нет того множества ненужных функций, которые бесят в более крупных сервисах.
9. Inkscape
Inkscape — редактор векторной графики с открытым исходным кодом. Есть русскоязычная версия. Вполне себе профессиональный инструмент по меркам промышленных стандартов, несмотря на отсутствие поддержки цветов PMS. Современный интерфейс, обширная рабочая область без лишнего нагромождения инструментов. Для создания и редактирования графических объектов это неплохая программа. Хорошее решение для сложных рисунков, логотипов, диаграмм, иллюстраций. Для остального может и не подойти.
10. Invision Studio
Invision Studio — довольно новый инструмент, бета-версия которого вышла только в 2018 году. Но сейчас он уже вполне доработан и позволяет создавать статичные и анимированные прототипы. Анимация — это главный козырь платформы. А еще шикарные возможности для проектирования разных микровзаимодействий, ховеров и переходов. Есть некоторые вопросы к механике, но в целом интерактивная анимация здесь реализована лучше, чем у конкурентов. Приблизительно в этом русле работают Sketch и Adobe XD, но Invision Studio все же выигрывает.
Что касается остальных возможностей в рамках дизайна — программа не имеет явных преимуществ. Подойдет для многих проектов. Отлично работает с адаптивным дизайном, функционирует на разных платформах, есть опция комментирования.
11. GIMP
GIMP — главный плюс этого редактора — бесплатный доступ. Основным назначением является графический дизайн и обработка изображений. Часто эту платформу сравнивают с Photoshop, так как их функции аналогичны, но по-разному реализованы. И если ты начинал с Photoshop, то GIMP покажется странным. И наоборот. Это как McDonald’s и KFC — у каждого есть свои особенности, свои фанаты и свой путь.
Минусы: нет поддержки цветовой модели CMYK, что сразу перечеркивает множество возможностей в области полиграфии. При работе с RGB ничем не уступает ФШ. Плюсы: стабильность работы, широкий функционал, частые обновления и дополнения, большинство тех же опций, что в Photoshop, но бесплатно. В интернете достаточно инструкций и уроков.
12. Krita
Krita — бесплатный редактор для растровой графики. Профессиональная рисовалка. Подойдет скорее графическим дизайнерам, гейм-дизайнерам и иллюстраторам, чем веб-дизайнерам. Не подойдет для редактирования готовых изображений — тут иллюстрации создаются с нуля. Широкий функционал, простой интерфейс.
Поддерживает многослойную обработку изображений, обладает обширным набором инструментов для цифровой живописи, рисовки скетчей. Поддерживается создание анимации.
13. Vectr
Vectr — инструмент для создания векторной графики. Редактор придумали те же ребята, которые выпустили Pixlr. Подходит и новичкам, и профи в работе с SVG. Широкий набор функций, но простой интерфейс. Внутри есть уроки — искать их в сети не придется. Простое создание изображений с нуля и работа с загруженными файлами.
14. Figma
Figma — наш любимый инструмент дизайна, который уже покорил мир. Совместный доступ, многофункциональность, удобство. Чтобы долго не рассказывать, просто посмотри бесплатные вебинары, на которых мы делаем дизайн сайта в Figma и верстаем его и выполняем дизайн 3 сайтов за 1 вечер в Figma.
Не важно, в какой программе ты работаешь. Всегда в приоритете качество, оригинальность, актуальность твоего дизайна и умение найти заказчиков. Мастерство приходит с опытом. А навыкам поиска клиентов и масштабирования своего дохода мы научим на онлайн-курсе «Upwork: большая игра».