Наверное, у каждого дизайнера есть список полезных для работы сайтов. Мы решили поделиться своим выбором — и сделали собственную подборку интересных ресурсов для веб-дизайнеров: от стоков до новостных каналов и нейросетей. Она пригодится и начинающим, и опытным специалистам: первые смогут сориентироваться в многообразии существующих сервисов, а вторые — найти что-то новое для себя.
Pinterest, Behance и Shutterstock мы в этот список не включили — они и без того невидимо присутствуют везде, где водятся дизайнеры :)
Полезные сервисы
Сайты с инструментами, которые пригодятся в работе веб-дизайнера: стоки иконок и шрифтов, генераторы палитр и иллюстраций и другое.
Шрифты
FontSpace
FontSpace — сток с более 100 тысячами бесплатных шрифтов самых разных стилей, которые создают и загружают на платформу 3200 дизайнеров со всего мира. Прямо на сайте можно ввести свой текст и «примерить» на него разные шрифты. Здесь есть свои подборки шрифтов, возможность оставлять комментарии и общаться с другими пользователями. Из необычного — генератор смайликов с ленни фейс и инструмент для анализа текста, который отображает все символы unicode и дает возможность увидеть невидимые кодовые точки или неправильно представленные символы.
SnapFonts
Интересное расширение для браузера, которое позволяет посмотреть, как будет выглядеть сайт, если вы замените его шрифты на любые другие. Для работы со SnapFonts не нужно регистрироваться или что-то скачивать: достаточно установить расширение, перейти на любой сайт и выбрать один или несколько шрифтов из более 900 вариантов, которые предлагает сервис. Все шрифты на странице автоматически заменятся с учетом параметров по размеру и стилю — так вы сможете увидеть, как они будут выглядеть в реальности. Чтобы загрузить свой собственный шрифт, нужно будет подписаться на версию Pro.
Расширение доступно для браузеров Chrome, Firefox, Edge и Brave.
Цвета
Material Palette
Очень полезный для любых дизайнеров сайт, где можно сгенерировать цветовую палитру. Принцип работы прост: выбираете два любых цвета, после чего сервис выдает вам набор из восьми оттенков с кодами.
Khroma
Khroma — еще один сервис для подбора цветов, но созданный на основе искусственного интеллекта. Чтобы начать работу, нужно выбрать 50 оттенков, которые вам нравятся — на их основе нейросеть будет генерировать пары, подходящие под ваш вкус. Можно создавать бесконечные сочетания, для каждого из которых сервис выдаст коды, значения RGB, код CSS и рейтинг доступности WCAG.
Contrast.ratio
Инструмент, который помогает проверить контрастность цветов — очень полезно при выборе оттенка для шрифта на сайтах. Для проверки нужно ввести названия или коды двух цветов: сайт покажет, как они выглядят рядом, и рассчитает показатель контрастности. Чем он выше — тем лучше.
Иконки, иллюстрации, паттерны
Iconfinder
Крупнейший сток с иконками. Здесь можно найти более 7 миллионов иконок, стикеров, 2D и 3D-иллюстраций, и скачать их в PNG, SVG и AI. На сайте есть инструмент для поиска, фильтр по стилям и лицензиям — платные или бесплатные.
Pattern Generator от Beautiful Dingbats
Бесплатный ресурс для создания уникальных паттернов и текстур, которые можно использовать, например, при создании дизайна фона. Сам сервис напоминает конструктор, где нужно комбинировать разные цвета, узоры, стили и объекты. Шаблоны доступны для экспорта форматах SVG, CSS, JPEG, PNG и CSS.
Телеграм-каналы
Рассказываем о телеграм-каналах про дизайн, на которые подписаны сами — о новостях рынка, тенденциях, лайфхаках и кейсах. А еще здесь периодически публикуют анонсы мероприятий и обучающих курсов со скидкой для читателей.
UI/UX Designer - это канал проекта Design Glory — сообщества дизайнеров, которые делятся своим опытом, публикуют новости индустрии и интересные материалы — от логотипа для коронации Карла III от Джонни Айва до эксплейнера, как пользоваться сетками в Figma.
Адовый UX - примеры ужасного UX-дизайна. Здесь можно встретить не только веб-дизайн, но и UX в жизни — например, фотографию скамейки, построенной вокруг клумбы с кактусами. И посмеяться, и потренироваться ставить себя на место пользователя.
UX Notes - канал, который подбирает из разных источников свежие интересные статьи от гуру дизайна и публикует их краткое содержание — со ссылкой, если интересна полная версия.
Дайджест продуктового дизайна - канал Юрия Ветрова, дизайн-директора Mail.ru и лектора Британки, где он публикует большие подборки интересных статей о UI/UX и продуктовом дизайне. Из недавнего интересного — список обзоров на тренды 2023 года.
Нейросети
На днях появилась новость о новой нейросети, Galileo AI, которая может генерировать интерфейсы по текстовому запросу. Например, вы пишете «экран для запуска мобильного приложения о прогулках с собаками», и вуаля — у вас готовый экран. И что интересно — результат можно будет редактировать в Figma. Релиза Galileo AI пока не было, но открыта запись на получение раннего доступа.
Но веб-дизайнерам не нужно опасаться: в ближайшие 5-10 лет нейросети их точно не заменят. Почему — рассказывали в статье на VC. А пока искусственный интеллект может быть удобным вспомогательным инструментом в дизайне. Например, помочь в отрисовке фонов или стать заменой фотостоков для иллюстраций. Поэтому такими нейронкамии, как DALL-E, Midjourney или GauGAN, вполне можно дополнить нашу подборку ресурсов для веб-дизайнеров.