Два архива референсов для дизайна сайтов и интерфейсов - LostGant
Пишу о Ai, технологиях, разработке и личном. Делаю приложения.
Новости

Два архива референсов для дизайна сайтов и интерфейсов

0 11

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

Почему эти две базы стоит держать вместе

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

recent.design — ежедневная лента цифрового дизайна

recent.design — это ежедневно обновляемая подборка хорошего цифрового дизайна. Проект появился в 2023 году как коллекция лучших работ из X, а в этом году его перезапустили и заметно расширили.

Форматы разложены по отдельным разделам:

  • сайты;
  • скриншоты приложений;
  • иконки;
  • OG-картинки (превью-изображения, которые подставляются при шаринге ссылки в соцсетях и мессенджерах);
  • инструменты;
  • и даже вакансии.

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

Современные интерфейсы — база актуальных приёмов
Современные интерфейсы — база актуальных приёмов

annualreport.gallery — архив из 3000+ обложек годовых отчётов

Вторая база — annualreport.gallery, и это совсем другая история. Здесь собрано более трёх тысяч обложек годовых отчётов за восемь с лишним десятилетий. Коллекцию составил Phil Hedayatnia, собрав материал из Internet Archive, университетских библиотек и архивов легенд вроде Пола Рэнда.

Что здесь особенно ценно как инструмент, а не просто как галерея:

  • фильтры по десятилетию, индустрии и цвету;
  • поиск, который понимает запросы по настроению и по тому, что изображено на обложке — от «quiet type» до «playful mascot».

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

Обложки годовых отчётов как источник палитр и сеток
Обложки годовых отчётов как источник палитр и сеток

Как искать: фильтры и настроение вместо ключевых слов

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

В annualreport.gallery для этого есть фильтр по цвету и поиск по настроению. Хочешь сдержанную типографику — ищешь quiet type. Нужна лёгкая игривость бренда — playful mascot. Фильтр по десятилетию и индустрии добавляет контекст: сразу видно, как одна и та же отрасль выглядела в разные годы.

Ритм сетки и типографика из печатной традиции
Ритм сетки и типографика из печатной традиции

Как использовать это в вайбкодинге

Вот главный практический вывод, который я бы вынес из этих двух архивов. Когда вайбкодишь и просишь агента собрать интерфейс, формулировка «сделай красиво» не работает — она не даёт модели никакого вектора, и на выходе получается генерённая усреднённость. Гораздо эффективнее вытащить из найденного референса 2–3 конкретных приёма и передать их агенту как требования: например, ограниченная палитра из двух цветов, крупная контрастная типографика, определённый ритм сетки или характер иконок.

Работает это лучше по простой причине: агент, как и человек-дизайнер, не может импровизировать из пустоты, но отлично разворачивает уже заданное направление. Свежая лента recent.design даёт такие приёмы из актуального веба, архивы annualreport.gallery — из большой печатной традиции. Вместе это даёт заметно более интересный результат, чем очередная попытка угадать «современный стиль» по памяти модели.

Выводы

  • recent.design и annualreport.gallery решают одну задачу с разных сторон: актуальные приёмы цифрового дизайна и проверенная временем печатная школа.
  • recent.design вырос из подборки работ в X и после перезапуска разложил дизайн по форматам: сайты, приложения, иконки, OG-картинки, инструменты и вакансии.
  • annualreport.gallery — это 3000+ обложек годовых отчётов с фильтрами по десятилетию, индустрии и цвету и поиском, который понимает настроение и содержание изображения.
  • Обе базы открываются без регистрации, так что барьер для входа нулевой — можно начать собирать референсы под текущий проект прямо сейчас.
  • В вайбкодинге передавай агенту 2–3 конкретных приёма из найденного референса вместо абстрактного «сделай красиво» — разница в результате огромная.

Мои соцсети:
🌐 Сайт · ✈️ Telegram · 🟣 MAX · 🔵 Дзен

Оставить комментарий

Чтобы оставить комментарий, войдите через VK ID.