Дизайн интерфейсов: ТОП-10 ресурсов для вдохновения веб- и UX/UI дизайнеру

Дизайн интерфейсов: ТОП-10 ресурсов для вдохновения веб- и UX/UI дизайнеру

Как скроллинг сайтов помогает веб-дизайнеру в работе? Рассказываем о пользе насмотренности, делимся полезными ресурсами для поиска вдохновения и советами от опытных дизайнеров.

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

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

Самые полезные и интерсные проекты

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

Godly

(Каталог сайтов)

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

Httpster

(Каталог сайтов)

Два дизайнера-энтузиаста создали сайт в 2012 году для личного пользования. Однако со временем сайт приобрел широкую популярность. Сейчас за отбор лучших проектов, которые попадут в ежемесячную подборку, отвечает целая команда экспертов. Веб-ресурс позволяет искать подходящий проект с помощью системы фильтров по стилю сайта и его типу. Если перед UX/UI дизайнером стоит задача сделать новостной блог или интернет-магазин, ему нужно лишь выбрать необходимый фильтр, и Httpster предложит сразу несколько подобных проектов для вдохновения.

Land-book

(Каталог сайтов)

Зарегистрировавшись на Land-book, пользователь может подать заявку для размещения своего проекта в каталоге или же создавать собственные подборки избранных сайтов. Площадка предлагает широкий спектр фильтров, позволяющий не только сортировать работы по типу и стилю, но и искать отдельные страницы. Например, раздел «о нас» или оформление цен. Однако полный список фильтров и доступ ко всему каталогу работ можно получить только по платной подписке стоимостью от $6 в месяц.

Awwwards

(Конкурс и подборка лучших сайтов)

Конкурс лучших сайтов Awwwards состоит из 3 этапов. Сначала международной коллегией жюри и пользователями сайта Awwwards оценивается работа дизайнеров и разработчиков для номинации «Сайт дня». На втором этапе из всех «Сайтов дня» за месяц выбирается 6 номинантов, один из которых после голосования станет «Сайтом месяца». На финальном этапе соревнования встречаются 12 «Сайтов месяца» и из них выбирается «Сайт года». За лучший проект награждается не только дизайнер, но и веб-разработчик.

* Подробнее о том, кто такой веб-разработчик и чем он занимается читайте тут.

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

(Минималистичный дизайн)

Как в случае с Httpster, Minimal Gallery изначально собиралась для частного пользования. Сейчас коллекция работ с минималистичным дизайном насчитывает более 2000 различных сайтов. В разделе Jobs вы найдете вакансии от партнеров сайта, а во вкладке Tools — полезные инструменты для создания продукта: от коллекций иконок до конструкторов веб-сайтов.

Benchmarkee

(Сборник экранов приложений)

Развивающийся онлайн-ресурс и телеграмм-канал с подборками экранов популярных приложений Российского сегмента и их скринкартами. Благодаря ему веб-дизайнерам не приходится забивать память на своем девайсе, чтобы изучить референсы. Телеграмм-канал пополняется раз в несколько дней, а на сайте пока представлены всего 4 категории приложений: финансы, телеком, покупки и другое.

Design shack

(Анализ чужих дизайнов и полезные ресурсы)

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

Webdesignerdepot

(Статьи и новости о дизайне)

Информационный сайт со статьями на самые разные темы: веб-дизайн UX/UI-дизайн, новости, разработка. Создатели также делятся подборками новых сайтов и инструментов, популярных шрифтов, последних трендов. А еще на сайте есть раздел с бесплатными коллекциями иконок, мокапов и иллюстраций.

One Page Love

(Подборка лендингов)

Каталог дизайнов одностраничных сайтов насчитывает более 8 000 работ и ежедневно пополняется с 2008 года. Кроме того, создатели веб-сайта регулярно выкладывают интервью с дизайнерами и другие тематические статьи. На One Page Love есть готовые шаблоны для лендингов для бесплатного скачивания или покупки.

Refero

(Экраны сайтов и приложений)

На онлайн-сервисе собраны экраны и элементы интерфейсов различных сервисов. Каталог разбит на две категории: веб-сайты и IOS-приложения. Доступен поиск по типам страниц, модулей и UI-элементов. Refero предлагает 3 уровня доступа: все пользователи видят часть каталога, зарегистрированные пользователи могут просматривать все экраны и создавать их в закладки, а пользователи с платной подпиской за $8 в месяц получают от сайта рекомендации и могут осуществлять нелимитированное число поисковых запросов на сайте.

Сайты с портфолио дизайнеров

Для поиска работодателей дизайнеры выкладывают свои работы на специализированные сайты. Подобные ресурсы представляют из себя масштабные библиотеки проектов и могут быть использованы в качестве источника вдохновения. К самым популярным сайтам для оформления портфолио дизайнеров относятся: Dribbble и Behance.

Рекомендации преподавателей Эльбруса

Наш преподаватель курса UX/UI-дизайна Александр Бабушкин, UI-дизайнер в RetailCRM поделился своими ресурсами для вдохновения:

  • Dprofile — площадка для дизайнеров, где можно находить заказчиков и исполнителей, изучать работы коллег и монетизировать свой талант
  • Pinterest — ресурс, на котором также можно поискать интересные решения в дизайне
  • Mobbin — сайт с примерами дизайна интерфейсов приложений
  • Madeontilda — подборка лучших сайтов от конструктора Tilda.
«Я ищу вдохновения в реальных сервисах, которые соответствуют сфере, в которой я в данный момент работаю. Если делаю дизайн онлайн-кинотеатра, то буду изучать другие похожие сервисы и они станут для меня лучшим источником вдохновения.» — Илья Сидоренко, создатель и ментор курса UX/UI-дизайна, автор книги «Дизайн интерфейса».
Софья Пирогова

Софья Пирогова

Главный редактор / Автор статей
Александра Боченкова

Александра Боченкова

Автор статей / Копирайтер