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

Насмотренность — это не врождённое качество, а тренируемый навык. Подробно об этом я писал в статье «Что такое насмотренность и как её прокачивать дизайнеру».

Почему эти ресурсы полезны

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

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

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

Ключевые ресурсы для поиска идей и вдохновения

Эти сайты знают почти все дизайнеры. С них стоит начинать.

Behance — крупнейшая площадка для размещения портфолио. Там дизайнеры со всего мира публикуют полноценные кейсы: от идеи до реализации. Можно найти примеры работ по всем направлениям дизайна: от баннеров и логотипов до сайтов и игровых интерфейсов.

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

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

Dprofile — русскоязычный аналог Behance, который сейчас активно развивается. Там много работ российский дизайнеров.

Сайты с примерами хороших сайтов и веб-приложений

Made on Tilda — галерея русскоязычных сайтов, сделанных на конструкторе Tilda. На данный момент именно там проще всего найти наиболее качественные и современные дизайны.

Creatium — примеры сайтов, сделанных на конструкторе Creatium. Там тоже много качественных русскоязычных проектов.

Рейтинг Рунета — рейтинг лучших русскоязычных сайтов. Конкурс проводится ежегодно и собирает лучшие работы известных российских дизайн-студий и агентств.

Sites UPROCK — каталог русскоязычных сайтов с фильтрацией по типу, стилю и отрасли от крупной онлайн-школы дизайна «UPROCK».

Referest — большая коллекция качественных русскоязычных сайтов. Для просмотра требуется регистрация.

Made on Flexbe — примеры сайтов, сделанных на конструкторе Flexbe. Пока примеров мало, но качество хорошее.

Made on Mottor — примеры сайтов, сделанных на конструкторе Mottor. Тоже небольшая, но достойная подборка.

Awwwards — самый известный сайт-конкурс дизайнов. Многие сайты там — настоящие произведения искусства.

Landings.dev — подборка качественных красивых современных лендингов.

Landdding.com — коллекция лендингов с удобной навигацией по индустриям.

Website Vice — подборка современных сайтов по категориям.

Httpster — подборка хороших сайтов с фильтрацией по стилям и типу.

Commerce Cream — подборка интернет-магазинов с качественным и креативным дизайном.

Site of Sites — простой и удобный каталог примеров хороших сайтов.

Dark Mode Design — подборка сайтов с тёмной темой. Полезно, если ищете примеры оформления в тёмных тонах.

Footer Design — необычная подборка: только футеры сайтов. Полезно для поиска идей для нижней части страницы.

CSS Design Awards — ещё один сайт-конкурс с качественной подборкой дизайнов.

CSS Winner — ещё один сайт-конкурс. Есть фильтрация по категориям и цвету.

CSS Nectar — очередной сайт-конкурс, на котором можно посмотреть примеры хорошего веб-дизайна.

Lookup.design — «поисковик» дизайнов по ключевым словам. Работает немного криво, но дизайны качественные.

Websurl.com — каталог сайтов с фильтрацией по категориям.

Top CSS Gallery — галерея сайтов с высоким качеством вёрстки и дизайна.

OG Image Gallery — я бы назвал это коллекцией красивых «обложек» сайтов.

Internet Gem Websites — подборка креативных сайтов, которые выделяются из общей массы.

Craftum templates — примеры простых шаблонов, используемых в конструкторе Craftum. Будет полезно для новичков, чтобы посмотреть как можно сделать просто, но качественно.

From.biz templates — шаблоны платформы From.biz. Тоже простые и аккуратные.

uKit templates — база шаблонов, используемых в конструкторе uKit.

Есть ещё много хороших сайтов, но по разным причинам попасть на них бывает затруднительно – какие-то недоступны в России, какие-то просто долго загружаются, какие-то работают с перебоями. Тем не менее, не сказать о них я не могу.

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

Layers.to — аналог Dribbble и Behance с акцентом на дизайн интерфейсов.

Framer gallery — примеры сайтов, сделанных на платформе Framer.

Landingfolio — Большая коллекция лендингов из разных отраслей. Давно не обновлялась, но сайты там хорошие. Есть фильтрация по типам страниц, индустриям и цвету.

Pafolios — примеры хороших сайтов с портфолио и кейсами.

Land-book — сайты по категориям, в основном лендинги. Можно смотреть конкретные секции, сохранять и лайкать.

Webdesign Inspiration — простые красивые рабочие сайты. Без перегруженных концептов.

Lapa.ninja — большая коллекция лендингов.

Craftwork curated websites — подборка качественных сайтов от портала Craftwork.

Made in Webflow — галерея сайтов, сделанных на платформе Webflow.

Godly.website — необычная галерея сайтов.

Pixelfika — коллекция красивых интересных сайтов.

Bentogrids — подборка сайтов в стиле «бенто» (ячейки).

Dark.design — подборка сайтов с тёмной темой.

Glance.fyi — минималистичная галерея сайтов. Есть разбивка на категории и секции. Можно посмотреть мобильные версии сайтов.

Maxibestof.one — коллекция сайтов по разным тематикам от лучших дизайнеров и агентств.

Onepagelove — подборка одностраничных сайтов.

Ecomm.design — подборка дизайнов интернет-магазинов.

Landing.love — сайты с интересными анимациями.

Minimal.gallery — сайты в стиле минимализма.

Bestwebsite.gallery — галерея лучших сайтов по версии авторов. Давно не обновлялась, но примеры хорошие.

Bestagencysites.com — подборка сайтов дизайн-агентств.

Readymag examples — примеры сайтов, сделанных на платформе Readymag.

Admiretheweb.com — простая минималистичная галерея сайтов.

Tinyblocks.cc — подборка современных хороших интернет-магазинов.

SaaS Landing Page — коллекция лендингов для SaaS-проектов (программное обеспечение по подписке).

Saaspo.com — ещё коллекция лендингов SaaS-проектов. Удобная фильтрация.

Saaswebsites.com — ещё одна подборка SaaS-сайтов.

Siteinspire — один из старейших каталогов качественных сайтов.

Sitesee.co — простая галерея красивых сайтов.

Pfolios.net — подборка сайтов-портфолио.

Siiimple.com — красивые сайты, отобранные вручную.

Bestfolios.com — коллекция лучших дизайнов портфолио и резюме.

Navbar.gallery — необычная подборка: только навигационные панели сайтов.

Patttterns.com — примеры UI-элементов с анимацией.

Hoverstat.es — подборка необычных сайтов с интересными эффектами наведения.

Brutalistwebsites.com — сайты в стиле брутализма (грубый, нарочито неаккуратный дизайн).

Designspells.com — подборка микроанимаций в интерфейсах.

Seesaw.website — красивая галерея с видеопрезентациями сайтов.

Landing.gallery — ещё одна коллекция качественных лендингов.

Сайты с примерами хороших мобильных приложений

Benchmarkee — русскоязычная платформа со скриншотами популярных приложений. Бесплатно доступно 10 скриншотов, остальное — по подписке.

Mobbin — большая коллекция скриншотов мобильных приложений. Для просмотра требуется регистрация.

Appshots.design – обширная база скриншотов разных приложений. Для просмотра требуется регистрация.

60fps.design — подборка микроанимаций в интерфейсах мобильных приложений.

Screensdesign — видео и скриншоты приложений. Доступ может быть затруднён.

Сайты с примерами хороших презентаций

Bonnie & Slide — «банк» красивых слайдов от Академии презентаций «BONNIE&SLIDE».

Mishakuz — подборка примеров хороших слайдов от российского дизайнера Михаила Кузнецова.

Slidesgo bank — большая коллекция шаблонов презентаций.

Прочее

World Brand Design — примеры качественных дизайнов упаковок, полиграфической продукции, брендинга.

Packaging of the World — большая коллекция дизайнов упаковок.

Steep.design — примеры анимированных историй для социальных сетей.

Book Cover Archive — коллекция интересных обложек книг.

Где ещё можно искать примеры хороших дизайнов для поиска вдохновения и прокачки насмотренности

Не ограничивайтесь только специализированными сайтами. Есть несколько неочевидных источников.

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

Биржи фриланса — можно зайти в категорию «Дизайн» и посмотреть работы топовых (и не только) дизайнеров.

Паблики в социальных сетях и каналы в мессенджерах — туда часто добавляют «только лучшее». Удобно, так как можно подписаться и следить за обновлениями.

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

Заключение

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

Используйте эти ресурсы как инструмент: не просто сохраняйте красивые картинки, а анализируйте, почему тот или иной дизайн работает, какие приёмы использовал автор, как можно применить это в своих проектах.

Не нужно каждый раз просматривать все эти ресурсы разом. Выберите несколько, которые вам нравятся визуально и по наполнению, которыми вам удобно пользоваться и на которые удобно заходить.