Бесплатная школа UX/UI-дизайна с наставником

Ресурсы для облегчения работы дизайнеров. Часть 2

Автор статьи:
,

Введение

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

Ресурсы, которые помогут с выбором цветовой палитры для проекта

Хорошо подобранная цветовая палитра играет важнейшую роль в любом дизайн-проекте.

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

ColorSpace

mycolor.space

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

Khroma

miro.medium.com

Еще один сервис, который создан для подбора цветовой палитры. Khroma позволяет быстро находить и сохранять цветовые сочетания, основываясь на предпочтениях пользователя. Для начала дизайнеры выбирают 50 цветов из широкого спектра оттенков и тонов, а затем алгоритм подбирает варианты палитр. Это бесплатный сервис.

Colormind

colormind.io

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

Genius

genius.design

Данный сервис генерирует цветовые палитры, а также подбирает шрифты и другие компоненты дизайна. Работа ресурса построена на рекомендациях, которые Genius дает после анализа дизайн-проекта.

Ресурсы, которые помогут подобрать шрифтовые пары

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

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

Fontjoy

ph-files.imgix.net

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

Typotheque

typotheque.com

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

Fontpair

fontpair.co

Данный сервис представляет собой иллюстрированную библиотеку шрифтовых пар и галерею популярных бесплатных шрифтов. Все представленные шрифты из бесплатной библиотеки Google Fonts.

Сервисы генерации персонажей и лиц

Большую роль в дизайне играют персонажи: аватары и маскоты. Они хорошо привлекают внимание пользователя и создают у него ассоциацию с продуктом.

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

Random Face Generator

this-person-does-not-exist.com

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

UnrealPerson

unrealperson.com

Это бесплатный сервис, которые позволяет генерировать изображения людей, животных и прочих объектов.

Generated Photos

generated.photos

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

Сервисы, которые помогут с UI/UX

Данные сервисы помогут вам сделать удобный для пользователя дизайн.

VisualEyes

neuronsinc.com

VisualEyes — это сервис на базе искусственного интеллекта, которые помогает улучшить дизайн с точки зрения UI/UX. Благодаря технологии прогнозирования с точностью 93% этот сервис моделирует исследования по отслеживанию движения глаз и тесты на предпочтения, чтобы дизайнеры могли оптимизировать свои проекты. VisualEyes призван заменить трудоемкие и дорогостоящие исследования Eye Tracking, которые предоставляют тепловые карты внимания. Сервис совместим с Figma и Adobe XD. VisualEyes не имеет бесплатной пробной версии.

Artboard Studio

artboard.studio

Artboard Studio использует искусственный интеллект, позволяя дизайнерам создавать реалистичные макеты продуктов в кратчайшие сроки. Сервис предоставляет обширную коллекцию настраиваемых 3D-моделей продуктов, материалов и фонов.

Uizard

uizard.io

Uizard Design Assitant — ценный сервис для UI/UX-дизайнера. Он может преобразовывать наброски в полноценные редактируемые макеты, нужно просто загрузить фото и Uizard все сделает. Это очень удобная функция, так как позволяет дизайнеру быстро генерировать прототипы. Uizard также может генерировать тепловые карты, что поможет протестировать юзабилити. Сервис даже может написать текст для заголовков, подзаголовков, кнопок и основной части, таким образом, с минимальными затратами вы сможете презентовать детализированный прототип. Uizard может генерировать фирменный стиль, подбирает цветовые схемы и палитры на основе изображения или скриншота.

Сервисы для ведения и презентации проектов

Notion

images.ctfassets.net/

Ни для кого не секрет, что Notion это прекрасный сервис для организации рабочих процессов. Дизайнеры здесь не исключение. Это универсальный инструмент для совместной работы над проектом и управления задачами. Вы можете делиться страницами с коллегами и заказчиками, а также встраивать контент из различных приложений, таких как Figma, Whimsical, Miro и других.

Wonderslide

wonderslide.com

Wonderslide позволяет быстро создавать привлекательные презентации. Сервис способен создавать презентацию из ваших набросков. Wonderslide предоставляет возможность сделать 3 пробных слайда бесплатно.

Kroma

kroma.ai

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

Другие полезные сервисы

Fronty

fronty.com

Fronty — это сервис, который помогает дизайнерам создавать сайты без навыков программирования. Fronty уникален тем, что создает исходный код на основе загруженного пользователем изображения. Просто загрузите изображение дизайна вашей веб-страницы. ИИ определит различные элементы изображения, а затем автоматически сгенерирует HTML/CSS-код. Вы также можете использовать онлайн-редактор пользовательского интерфейса (UI) для изменения ваших веб-страниц. Fronty утверждает, что его код чист, оптимизирован по скорости.

AutoDraw

autodraw.com

Этот сервис от Google предназначен для рисования. Он генерирует рисунки, основываясь на набросках пользователя. AutoDraw способен предсказывать ваш стиль при рисовании и дополняет рисунок предметами в данном стиле. Данный сервис бесплатен и доступен на любом устройстве.

Builder.io и Magician

builder.io
s3-alpha-sig.figma.com

Два полезных сервиса, которые дополнят функционал Figma. Magician поможет создать дизайн-элементы, а Builder.io поможет перевести макет в код.

Заключение

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