Как работать с референсами при создании визуальной концепции

Референсов обычно много: сохраняем сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, как превратить эту папку «красивое» в собственное решение. В этом эфире поговорили с Олегом Бухтияром — продуктовым дизайнером, ex дизайн-лидом hh.ru и основателем Screen Gallery, сервиса с реальными мобильными интерфейсами и пользовательскими сценариями. Разобрались: — как смотреть на референсы не только через «нравится / не нравится»; — как замечать конкретные приёмы: композицию, типографику, цвет, ритм, плотность, иерархию; — чем полезен разбор не отдельного экрана, а целого пользовательского сценария; — как отделять принцип, который можно применить в своей работе, от внешней оболочки конкретного продукта; — как не скатиться в копирование и собрать на основе референса собственный интерфейс; — как хранить и искать референсы, чтобы они работали в нужный момент; — как AI и MCP могут ускорить поиск, сравнение и первичный разбор интерфейсных решений; — как Олег развивает SCRN как самостоятельный продукт: от идеи и первых гипотез до монетизации и новых инструментов. В практической части взяли референс известного дизайнера и попробовали пройти путь: увидеть принцип → разобрать его → применить по-своему. Если после просмотра захочется не просто собирать красивые картинки, а точнее видеть, почему интерфейс работает, — эфир точно пригодится. Кроме того, Олег дал домашку по рисованию визуального концепта — перерисовать экран в стиле дизайнера. Результатами можно делиться тут в комментариях! t.me/o_bukhtiyar t.me/scrn_gallery 🎞 Смотреть на Youtube 🎞 Смотреть в VK Видео #эфир 🍑Явно.Дизайн

мама учила делиться хорошим, так что дропаем плейлист открытого микрофона с Кайференции 🎤

9 крутанов — дизайнеры, арт-диры и фаундеры — вышли на сцену, чтобы честно выдать то, о чем обычно молчат в рабочих чатах. << газ смотреть >> выступления 🤍 андрея богданова из МТС Банка, 🤍 саши лыгина из Яндекс Путешествий, 🤍 люды михайловой из RuStore, 🤍 карины мартиросян из Ozon Tech, 🤍 егора гончарука из Панклаба, 🤍 насти данилкив из Bauns Agency, 🤍 насти килундиной из Юно, 🤍 ильи сафронова из Сигнатуры и 🤍 олег бухтияра из Screen Gallery.

Telegram UI Screens

Дизайн пользовательского интерфейса Telegram Установить #UIKit #Telegram #Screens

Screen Gallery. Полезная библиотека скриншотов мобильных приложений с поиском по UX-паттернам, категориям, отдельным элементам и другими фильтрами.

Есть бесплатный ограниченный доступ. Цена Pro-подписки — 400 ₽. #инструменты@zhurnalus_lite
🇬🇧 How to Design for Transparent Screens
Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна. В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира. Главное: • Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI • Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки • Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента • Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею • Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов • Пространственная дистанция становится ключевым параметром при проектировании • Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя • При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки • Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира #статья@zhurnalus_lite
Изображение поста
Лайфхаки, рефы, насмотренность — подкаст с Screen Gallery
Узнайте, как улучшить свои навыки в дизайне: поиск хороших ориентиров, анализ чужих решений и важность функционального подхода к дизайну Читать на дизайнерс | #статья
Изображение поста
Где вдохновляются зарубежные дизайнеры?
Аналог Mobbin, Screen Gallery и тд. Из плюсов: Много интересных и непривычных для дизайнеров в СНГ паттернов Из минусов: Все на китайском.. 🔗 uinotes.com #ЩLAB by r.
Изображение поста
Screenshot Mockups — Набор готовых шаблонов для создания красивых скриншотов вашего дизайна
Изображение поста
Про портфолио
Я никогда сильно не заморачивался над своим сайтом. Всегда делал какие-то супер-простые one-screen странички без кейсов и глубоких деталей Это меня никак не красит, потому что на фоне дизов с классной самопрезентацией я проигрываю (хотя мне есть, что показать) На фрилансе нормальный сайт-портфолио мог бы быть моей сильной стороной, тк было бы удобно показывать все скиллы/лавры в одном месте (сейчас я просто кидаю людям пост-закреп + канал + фигму + скрины, ужас) При трудоустройстве в компанию портфолио играет похожую роль – с его помощью можно выделиться на фоне других дизайнеров и показать, что вы сделали за свою карьеру Когда я еще работал в cloud, я собеседовал Яну. Сейчас она ведет свой канал и много внимания уделяет вопросам самопрезентации, например: - Что общего у портфолио, прошедших в крупные компании - Портфолио продуктового дизайнера с 0 без реальных кейсов - Самые частые ошибки в портфолио - Кейс по переупаковке Это стоит внимания, если вы хотите сделать себе нормальное портфолио, а не как я кидаться в людей картинками и текстами Рекомендую!
Изображение поста
Как Эйлин Грей создала вещь, которую дизайн догоняет уже 100 лет? 
Эту ширму, похожую на современный арт-объект, Эйлин Грей придумала в 1923-м. Назвала Brick Screen — «Кирпичный экран».  Когда ей хотелось скрыться от мира, она делала это красиво. Просто поворачивала створки своей ширмы — и пространство менялось. Никакой драмы, никакого пафоса. Легкое движение руки — и тишина собирается в аккуратный геометричный жест. Секции, покрытые лаком вручную, вращаются свободно, как будто это не предмет интерьера, а живая конструкция. Свет просачивается, ломается, двигается — и уже непонятно: это дизайн, архитектура или тихая кинетическая драма. Эйлин Грей всегда была впереди времени, но здесь она просто ушла в отрыв. Поэтому Brick Screen выглядит так, будто его придумали вчера — и всё равно пока никто не догнал.  Это была серия видео «О дизайне за 60 секунд» всегда в понедельник». #дизайн #иконыдизайна #дизайнер
Рефы
Когда я работал в Точке и в целом в РФ продуктах, была одна проблема — хотелось посмотреть решения у конкурентов или хотя бы что-то близкое, но было негде. Не существовало тогда сервисов, где бы удобно собирались флоу, скрины и прочее продуктов из России и СНГ. Был mobbin, но он на мир. Сегодня эта проблема решилась ребятами из screenoteka.com, которые собрали скрины уже из 74+ приложений. Ребята разбирают каждое приложение на 100% и в итоге у них получилась большущая библа на 5000+ сценариев, 17000+ экранов, а ещё 200 видео скрин-кастов флоу и микроанимаций. Это еженедельно растущая коллекция, которую ребята активно масштабируют и развивают. И большой им лайк, что делают это своими силами. Я знаю, насколько это нелегко, особенно сейчас, в год вайбкодинга. Удобный функционал: ✅ продуманный поиск ✅ древо сценариев ✅ нативные скролл-экраны (скроллшоты) ✅ хотспоты в сценариях ✅ подсказки ✅ возможность скачать любой экран Доступ ко всей библиотеке можно получить по подписке — и да, если вы делаете анализ конкурентов и хотите найти паттерны быстро, то это точно того стоит 👌 Есть бесплатный доступ к последним 2 добавленным приложеням. Кстати, каждую неделю добавляется по 4 прилы. Лайк! ➡️ Смотреть рефы ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Одна из главных голливудский премий SAG Awards меняет название на Actor Awards, сообщает Би-би-си. Такое решение приняли в профсоюзе Sag-Aftra, который объединяет актеров кино, телевидения и радио в США.
По словам организаторов, сама статуэтка премии всегда называлась Актер (The Actor), поэтому переименование кажется логичным шагом. Кроме того, представители Sag-Aftra отметили, что аудитория премии стала более международной, и не всем понятны старые сокращения (SAG Awards расшифровывается как Screen Actors Guild Awards) 32-я церемония награждения пройдет 1 марта 2026 года — уже под новым названием. 🔹The Blueprint News
Изображение поста
#новинки
Ширма Fragment Screen от Glas Italia — новинка, созданная студией Nendo. Она мастерски играет с восприятием, балансируя между прозрачностью, отражением и геометрией.
Изображение поста
Как Якоб Нильсен (Jakob Nielsen) повлиял на создание screenoteka.com
Узнайте, что вдохновило создателей проекта screenoteka.com на запуск платформы мобильных референсов и почему такие платформы становятся ключевым инструментом для продуктовых команд. Погружаемся в историю успеха! Читать на дизайнерс | #статья
Изображение поста
Telegram UI Screens
Дизайн пользовательского интерфейса Telegram Установить #UIK #Telegram #Screens
Изображение поста
Ещё одна библиотека:
коллекция мобильных паттернов продуктов России и СНГ screenoteka.com
📝 Мокап интерфейса 🍏 Vision Pro
🍏 Vision Pro Screen Mockup ✔️ Формат файлов: PSD 📥 Размер/Size: 89 Mb #Photoshop #Mockup 💎 Скачать/Download PSD - AI — Only tested and high-quality Mockups - and more!
Изображение поста
📬 Что нового: iOS-приложения + улучшения на сайте
Добавили три iOS-приложения: — Почта РоссииЛ'ЭтуальВкусно — и точка 🔧 Апдейты на сайте: — Улучшили поиск, теперь больше интересного по вашим запросам — Улучшили визуал на сайте) — ⚡️И самое главное: добавили бейдж Новое, чтоб не терялись в нашем разнообразии контента)) ✨ Всё как вы любите — в screenbook.ru
Изображение поста
Привет! Это личный канал автора ScreenBook 👋
Если вы пришли сюда с сайта — вы по адресу. Теперь все обновления по проекту, новые приложения, фичи, анонсы — я буду публиковать здесь. Раньше был отдельный канал, но… давайте честно — хочется говорить напрямую. Без витрин и деловой переписки. Так что теперь всё будет здесь: – новые приложения и подборки – апдейты по сайту – чуть-чуть изнутри (если интересно, как мы собираем базу, тэгируем и решаем, что вообще добавлять) – иногда личное — но по теме: дизайн, продукты, работа и вот это всё. А тот старый канал останется как зеркало — там будут репосты отсюда, на случай, если вы пока не переехали. Подписывайтесь, читайте, пишите, если хотите что-то предложить. Я здесь и отвечаю живой рукой, не чат-бот 🤝 👉🏻⚡️ screenbook.ru — если вы тут впервые, это база экранов мобильных приложений с фильтрами, тегами и фичами. Мастхев для дизайнеров.
Изображение поста
Screenstab — сервис стилизирует загруженные скришоты.
www.screenstab.com