Дизайн  •  19 июня  2023  •  5 мин чтения

Муза для дизайнера: 30 полезных сайтов «‎в избранное»

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

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

Сайты для вдохновения дизайнера

Подобрали сайты, на которых можно следить за новыми проектами, специалистами, творческими студиями, на работы которых хочется и стоит равняться.
В Pinterest ищут референсы по цветовой гамме, отдельным графическим элементам и даже по настроению
Визуальная платформа для поиска идей и вдохновения. Пользователи сохраняют понравившиеся иллюстрации и фотографии в пинах-закладках профиля. Дизайнеры часто создают здесь собственные доски и делятся ими.
Dribbble сотрудничает с брендами, продвигающими идею важности дизайн-мышления, включая Apple, Google, Slack и другие известные компании
На сайте собраны портфолио дизайнеров и агентств со всего мира. Удобный поиск: например, есть фильтр downloads, где пользователь выбирает, в какой программе сделан дизайн (Figma, Adobe XD и так далее).
На Behance ищут исполнителей для своих проектов и небольшие агентства, и крупные компании
Интернет-платформа сообщества креативных профессионалов — дизайнеров, иллюстраторов, фотографов. Здесь выкладывают дизайны интерфейсов, анимацию, типографику, векторную графику и другое.
На Dprofile планируют размещать вакансии для дизайнеров, в том числе и эксклюзивные
Российский проект, входит в тройку самых популярных сайтов для дизайнеров (Dribbble, Behance — остальные два), развивающих дизайн-сообщество. Есть рейтинги лучших работ, а пользователи могут добавлять понравившиеся портфолио в избранное, чтобы при необходимости возвращаться к ним.
Важно учиться у лучших: в работах-призёрах конкурсов для дизайнеров часто отражён нестандартный подход

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

Если нажать на выбранный цвет или оттенок, появится подборка работ в этой гамме
Проект Designspiration из камерного закрытого сообщества дизайнеров, которые присоединялись на платформу по приглашению, вырос в проект с огромной базой коллекций дизайнов и иллюстраций.
На сайте World Brand Design Society можно подписаться на рассылку с самыми свежими новостями индустрии
Сообщество дизайнеров со всего мира. Проводят ежегодную премию. Поддерживают и глобальные агентства, и независимых фрилансеров, и начинающих талантливых студентов по всему миру.
На сайте 10 миллионов ежемесячных читателей, архив — 6700+ статей
Платформа о современном искусстве и средствах визуального дизайна, которую называют «‎Тейт Модерн интернета» (по аналогии с лондонской галереей модернистского и современного искусства). На ней делают подборки с работами как начинающих, так и признанных художников, стремясь сделать искусство доступным для всех.
Издание сотрудничает с 1000+ художников из 100 стран
Платформа цифрового искусства, рассказывающая о творчестве в широком смысле — о моде, о дизайне, о современном искусстве, о музыке и иллюстрации.

Работать с композицией, цветом, типографикой учат на курсах по направлению «Дизайн». Программа подойдёт как новичкам, так и практикующим профессионалам — дизайнерам, UX-писателям и UX-исследователям.

Выберите специализацию во время обучения на курсе «Дизайнер в IT»
Вы изучите основы дизайна, которые пригодятся любому творческому специалисту. А затем освоите одну из специальностей: дизайнер интерфейсов, графический дизайнер, веб-дизайнер или моушн-дизайнер

Сайты о веб-дизайне

Подборка полезных сайтов про дизайн, которые помогут быть в курсе последних новостей, учиться новым фишкам, а значит, работать эффективнее.
Работы на сайте публикуются бесплатно — это авторская подборка дизайнеров студии
Профессиональный ресурс для дизайнеров. Сайты отобраны и курируются Howells-Studio — цифровой студией Дэниела Хоуэллса, специализирующейся на дизайне и разработке веб-сайтов.
На сайте можно отсортировать работы по стилю — colourful, fullscreen, interactive, light
Httpster — витрина с сайтами с хорошей типографикой и дизайном. Каждый месяц публикуется небольшое количество работ: 15―20. Сайты, попавшие в каталог, подобраны и распределены по категориям основателем ресурса.
Хорошо структурированный сайт для веб-дизайнеров, где подборка обновляется каждый день
Поиск на сайте разбит по разным категориям: можно искать референсы по цветовой гамме, типографике, сфере деятельности компании и даже стилю работ — 3D, анимация, параллакс, и другим.
Основная идея ресурса — не создавать сайты с нуля, а использовать библиотеку компонентов

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

Представлены работы в разных стилях — от минимализма до поп-арт концептов
Онлайн-журнал с вдохновляющими видео и работами графических и веб-дизайнеров. «Чтим признанные имена и талантливых новичков, растим сообщество единомышленников», — говорят создатели ресурса.
Разнообразие выборки сайтов вдохновляет на эксперименты и внедрение новых идей в собственные проекты

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

Сайты для дизайнеров о шрифтах

Собрали подборку библиотек шрифтов и ресурсов о типографике и всём, что с ней связано.
Проект «Шрифтотека» — проект с бесплатными шрифтами: есть телеграм-канал и сайт

Качать бесплатные шрифты для проектов можно на Google Fonts, Behance или на сайтах студий. Например, проект «Шрифтотека» в телеграм-канале — это библиотека кириллицы.

Чтобы увидеть пояснение, как будет выглядеть шрифт, для каких целей подойдёт, нужно нажать на его название
Студия шрифтового дизайна TypeType. На сайте представлены шрифты проекта Free Fonts, которые можно использовать как в коммерческих, так и в личных целях без ограничений.
При выборе шрифта можно узнать, кто его разработал, в чём его особенности. На сайте подробно рассказано о типах лицензий
Один из крупнейших шрифтовых российских магазинов. Благодаря специально разработанной классификации шрифтов легко найти тот, что подходит под конкретный проект.
Образовательный ресурс, который поможет понять, как подбирать шрифты и создавать их самостоятельно
Электронный журнал и издательство «Шрифт». Авторы ресурса публикуют образовательный и исторический контент, интервью, новости. Пишут о шрифтах и типографике, о визуальной культуре.

Сайты для дизайнеров о цвете

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

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

На сервисе Spectrum можно скачать плагин Figma и применять цвета выбранной палитры прямо во время работы над проектом
Генератор цветов. Выбранный оттенок можно применить к иллюстрациям-референсам на сайте и увидеть, как цветовая палитра будет выглядеть в дизайне. «Это как получить набор из 56 оттенков карандашей, когда всю жизнь пользовался 12», — делятся в отзывах.
У TinEye есть расширения для Firefox, Chrome, Edge и Opera

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

В каждой из подборок есть подробное описание всех оттенков выбранной цветовой гаммы

Сервис, который позволяет выбрать нужную палитру по цвету, по тематике или по настроению. Например, выбирая пастельные оттенки, пользователь может дополнительно настроить фильтр по хэштегам — wedding, retro, monochromatic.

В библиотеке 500 наименований цветов: 12 базовых и их оттенки, есть возможность исследовать градиенты с плавными переходами цветов
Случайный генератор палитр предлагает тысячи цветовых схем, из которых можно выбрать подходящую для своих задач.

Сайты о UX-дизайне

В веб-дизайне важен не только визуальный стиль, но и создание функциональных и удобных продуктов. Поэтому дизайнерам важно анализировать готовые интерфейсы. Сделали подборку сайтов для поиска вдохновляющих идей для веб-дизайна.
На сайте представлены 100 000+ скриншотов для мобильных и веб-приложений
Библиотека дизайна цифровых продуктов, где дизайнеры могут найти вдохновение для создания собственных работ.
Фильтры поиска в Screenlane по экранам приложения — регистрация, меню приложения; элементы — календарь, аудиоплеер; категории — здоровье, медиа
Сайт, на котором представлены последние вдохновляющие идеи в области мобильного дизайна. Начиная с 2023 года автор сосредоточился на Page Flows и Page Collective.
В коллекции Uisources 2400+ шаблонов приложений, разработанных в Америке, Индии, Юго-Восточной Азии
Ресурс, где собраны скриншоты и видео экрана из популярных приложений — с необычным интерфейсом, встроенной геймификацией, с работой чат-ботов и другими инновационными решениями.
Сайт создан разработчиками Waldo — сервиса для автоматизации мобильного тестирования
Библиотека дизайна с архивом 200+ приложений. Собраны примеры, отвечающие тенденциям мобильного UX, референсы отдельных страниц — с кратким описанием и ссылкой на приложение. Библиотека дизайна с архивом 200+ приложений. Собраны примеры, отвечающие тенденциям мобильного UX, референсы отдельных страниц — с кратким описанием и ссылкой на приложение.
Типовые паттерны дизайна для UI-проектирования разбиты по категориям и тематикам для быстрого поиска нужного варианта
На сайте представлена подборка паттернов — повторяющихся решений, сценариев взаимодействия. Оформлены они в готовые серии экранов. Например, скриншоты пути пользователя при покупке товаров с помощью корзины.
Часть дизайнов оформлены в gif — анимация наглядно демонстрирует возможности сервисов и приложений
Библиотека бесплатных шаблонов UX/UI для веб и приложений, оформленная в Notion. Представлен интерфейс для разных версий устройства — десктопная, мобильная, планшет.

Совет эксперта

Алевтина Гринмирис
«Большая тройка» сайтов для дизайнеров — Dribbble, Behance и российский Dprofile. Здесь собраны проекты из разных сфер, можно вдохновляться дизайнами из смежных ниш.

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

Ещё один нюанс. Изучение работ коллег — не бесцельно потраченное время. Это возможность сформировать авторский стиль. А значит — и в своей собственной работе создавать что-то свежее и уникальное. При этом дизайн будет отвечать глобальным трендам. Поэтому так важно развивать насмотренность.

Статью подготовили:
Яндекс Практикум
Ревьюер на курсах «Графический дизайнер», «Коммуникационный дизайнер», «Коммерческий иллюстратор»
Яндекс Практикум
Редактор
Анастасия Павлова
Яндекс Практикум
Иллюстратор

Дайджест блога: ежемесячная подборка лучших статей от редакции

Поделиться
Курсы Практикума бесплатно: начните
путь к новой профессии уже сейчас
Fri Mar 01 2024 23:38:35 GMT+0300 (Moscow Standard Time)