Продолжаем знакомить вас с полезными ресурсами! Начнем с забавной игры, которая поможет проверить, насколько хорошо вы различаете антиквы и гротески, далее дадим парочку классных сервисов для самостоятельной работы: один пригодится для создания плавных градиентов, а другой — для вычленения цветовых палитр из любых изображений. Также покажем библиотеку с эстетичными и высококачественными мокапами и сайт с креативными примерами дизайна пользовательских интерфейсов (например, интерфейс гаджетов Базза Лайтера).
tothepoint
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2cd07002792001a114fa_66cc2caf5de91e950cbe967c_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2.webp)
Забавная игра для дизайнеров, созданная довольно серьезной компанией. Tothepoint — лондонская дизайн-консалтинговая компания, специализирующаяся на брендинге и эффективной коммуникации с 1991 года. Входят в топ-100 лучших дизайнерских агентств Великобритании.
Суть игры — быстро находить литеры с засечками и отстреливать их. С каждым новым раундом букв становится все больше, и они все разные: как начертание, так и сам символ. Выбирайте уровень своей экспертности, от джуна до синьора, и практикуйтесь в знаниях типографики! В любом случае, это интересный опыт, который разнообразит ваш перерыв между проектами на чашечку кофе.
Mockup Maison
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2cd07002792001a114f3_66cc2cbec262255da2c29323_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2-1.webp)
Если вы искали высококачественные и эстетичные мокапы, то советуем заглянуть в эту библиотеку. Всего на сайте представлено более 2000 PSD и видеомокапов, они разбиты по категориям, где вы можете выбрать продукт, место расположения и даже локацию.
Несколько мокапов можно скачать бесплатно, каждый последующий обойдется в 18$. Или выберите тематическую коллекцию, они обойдутся намного выгоднее (до 75%). Также этот ресурс можно использовать в качестве референсов и для прокачки насмотренности, контент там и правда отличный.
Ffflux
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2cd07002792001a114f7_66cc2ccbc262255da2c2a13f_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2-2.webp)
Данный генератор градиентов поможет вам создать плавные и органичные градиенты для фоновых изображений или отдельных элементов. Сервис прост в использовании: сначала выберите 2 цвета, а далее экспериментируйте с режимами наложения и размытия. Вы сможете сделать как простые, так и сложные градиенты, чтобы добавить ощущение движения в ваш дизайн.
Picker
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2d1da106de75a0900e9f_66cc2cf2bb2034d7ebcdac90_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2-3.webp)
Этот онлайн-инструмент поможет вам вычленить нужные цвета из любого изображения. Просто загрузите картинку или добавьте ее URL-адрес, который начинается с http..., а потом при помощи пипетке кликайте по отдельным областям. Палитра ограничивается 7-ю цветами.
Также доступна функция «увеличить», чтобы точнее выбрать цвет, и импорт готовой цветовой схемы. У каждого оттенка будет подписано шестнадцатеричное значение, чтобы вы могли его скопировать.
HUDS+GUIS
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2d1da106de75a0900ea9_66cc2d00d7ad822bd60a92f9_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2-4.webp)
HUDS+GUIS — сайт вдохновения для интерактивных дизайнеров. Здесь вы найдете самые креативные примеры дизайна пользовательских интерфейсов. И да, они не всегда реальные! Источниками служат как игры и фильмы, так и реальные концепции.
Фокус данного ресурса сосредоточен на взаимодействии людей с новыми технологиями. Например, вы можете ознакомиться с пользовательскими интерфейсами Базза Лайтера, от часов до центра управления полетами, или поближе рассмотреть примеры инновационных и скрытых гаджетов из серии фильмов «Миссия Невыполнима».
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/66cc2d1da106de75a0900ea6_66cc2d0c1938e241ca05c7ca_5%2520%25D0%25BF%25D0%25BE%25D0%25BB%25D0%25B5%25D0%25B7%25D0%25BD%25D1%258B%25D1%2585%2520%25D1%2580%25D0%25B5%25D1%2581%25D1%2583%25D1%2580%25D1%2581%25D0%25BE%25D0%25B2%2520%25D0%25B4%25D0%25BB%25D1%258F%2520%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B0%25D0%25B8%25CC%2586%25D0%25BD%25D0%25B5%25D1%2580%25D0%25BE%25D0%25B2-5.webp)
Еще больше полезных ресурсов для дизайнеров найдете на нашем сайте по этой ссылке. Мы собрали все сервисы в одном месте и рассортировали по темам для вашего удобства.