ref_base | Unsorted

Telegram-канал ref_base - База референсов | Веб-дизайн

4932

Крутые референсы дизайна сайтов с фильтрацией по темам и нишам. Прокачай свою насмотренность и быстро подбери рефы для своего проекта! Реклама / Сотрудничество - @design_manager_bot

Subscribe to a channel

База референсов | Веб-дизайн

Делаем крутую анимацию вашего дизайна прямо в Figma.

Читать полностью…

База референсов | Веб-дизайн

Подкаст

Продуктовый дизайн: люди vs KPI, кто победит? feat. Андрей Сахаров «Авито»

Читать полностью…

База референсов | Веб-дизайн

Создание персонажа в Blender

Урок по моделированию персонажа в популярном 3D стиле.

Смотреть урок

Читать полностью…

База референсов | Веб-дизайн

Figma MCP: 5 ситуаций, когда ИИ-автоматизация дизайн-системы сбережёт часы и даже дни работы

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

Читать на дизайнерс | #AI

Читать полностью…

База референсов | Веб-дизайн

До конца 2026 года дизайнеров интерфейсов станет намного меньше

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

Читать на дизайнерс | #UX

Читать полностью…

База референсов | Веб-дизайн

Референсы помогают, если вы умеете задавать себе правильные вопросы

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

Читать полностью…

База референсов | Веб-дизайн

Как понять, что референс действительно сильный

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

Читать полностью…

База референсов | Веб-дизайн

Как перенимать чужой опыт, а не чужой стиль

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

Читать полностью…

База референсов | Веб-дизайн

Что важнее всего в насмотренности

Насмотренность — это не количество сохранённых картинок.
Это умение быстро замечать, что именно делает дизайн хорошим.

Можно смотреть сотни сайтов и не вынести из этого ничего.
А можно взять один удачный кейс и понять там десяток полезных решений.
Настоящая насмотренность строится не на объёме, а на внимательности.

Читать полностью…

База референсов | Веб-дизайн

Почему нельзя копировать референс один в один

Хороший референс — это отправная точка, а не шаблон для копирования.

Если просто повторить чужой дизайн, вы заберёте форму, но не заберёте логику.

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

Читать полностью…

База референсов | Веб-дизайн

Enthusiasm Видео для бизнеса
Ссылка на проект

Поиск по теме:
#видео #дизайн #портфолио

Читать полностью…

База референсов | Веб-дизайн

Мобильное приложение онлайн-магазина парфюмерии

Категория: #магазин
Язык: #en

https://.com/shots/27262835-Beauty-Service-Booking-Mobile-App-UI

Чат UI/UX

Читать полностью…

База референсов | Веб-дизайн

Mazda обновила логотип впервые за 28 лет после «невероятных усилий дизайнера»

Читать полностью…

База референсов | Веб-дизайн

И снова темный интерфейс, на этот раз - портфолийный сайт.

diegovz.com

#portfolio #designer #dark

Читать полностью…

База референсов | Веб-дизайн

Приложение для цветочного магазина

Категория: #магазин
Язык: #en

https://.com/shots/14712850-Flower-Shop-App

Читать полностью…

База референсов | Веб-дизайн

Правильная настройка освещения для фотографии продукта

Читать полностью…

База референсов | Веб-дизайн

Большая UX-практика, где не учат рисовать кнопки и пользоваться банальным CJM

Вас ждет большая и актуальная программа, более углубленное изучение UX, которое заточенно под новую AI-реальность, с которой столкнулись дизайнеры. 15+ часов лекций и практики.

Будем разбирать UX через системное, субъектное, объектное, ресурсное и вариативное мышление, работать с гипотезами, переизобретать решения и отдельно рассматривать сценарии, в которых AI становится участником взаимодействия.

Копать будем глубоко: это не про красивые кнопки и банальный CJM, научимся делать отказоустойчивую архитектуру, работать с крайними сценариями, конкурентной средой, экономикой внимания и новыми парадигмы интерфейсов — от AI до Zero UX. Все это — на реальных примерах.

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

Автор проекта и ведущий — Александр Ковальский, Design director CreativePeople (Moscow),
Head of UX at Humbleteam (Prague). Больше десяти лет руководит дизайн-командами разного профиля и выстраивает дизайн-процессы в агентствах и больших компаниях.

👉 Подробная программа и билеты по самой низкой цене: https://workshop.dsgners.ru

Читать полностью…

База референсов | Веб-дизайн

Создаём кляксы в Figma by bogachevas

В этом видео авторша расскажет вам, как при помощи плагина Blobs можно сгенерировать множество интересных фигур.

#figma #туториал

Читать полностью…

База референсов | Веб-дизайн

Как перенести осетинский ковёр в веб: сайт для всесезонного курорта Мамисон от Кавказ.РФ

Студия дизайна и геймификации REB8T разработала сайт для курорта Мамисон в Северной Осетии — единое цифровое пространство со своим Pinterest, AI-гидом на базе Yandex GPT и интерактивными картами горнолыжных трасс

Читать на дизайнерс | #кейс

Читать полностью…

База референсов | Веб-дизайн

Студийная × дизайнерс

Август уже перевалил за экватор, а значит, пора проверить, все ли ваши публикации добрались до конкурса.

Если с 1 по 30 августа у вас на дизайнерс вышли кейсы, статьи, туториалы, исследования, чек-листы или другие материалы — отправляйте ссылки в @StudiynayaDSGNERSbot.

В конце месяца раздадим:

🎙 3 бизнес-подписки на дизайнерс на полгода + 3 посева по большой сетке каналов — за максимальное количество просмотров одной публикации, количество публикаций и суммарные просмотры за август;

🎙 5 посевов по сетке каналов поменьше — их выберем вместе со Студийной за интересные, полезные и просто хорошо сделанные материалы;

🎙 30% скидки на бизнес-подписку — для всех участников.

А сверху к призовому фонду уже добавились билеты на AI Growth Days и G8, скидка на AI BOOST'26, бесплатная подача на Tagline Awards и 15-минутный аудит Алексея Раменского.

Поторопитесь, часики-то тикают.

Ссылки отправляйте сюда👇
@StudiynayaDSGNERSbot

Читать полностью…

База референсов | Веб-дизайн

Как использовать референсы в брендинге

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

Читать полностью…

База референсов | Веб-дизайн

Почему важно собирать референсы по категориям

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

Читать полностью…

База референсов | Веб-дизайн

Как развивать насмотренность каждый день

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

Так насмотренность растёт медленно, но стабильно — и очень заметно в работе.

Читать полностью…

База референсов | Веб-дизайн

Как разбирать референс правильно

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

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

После такого разбора референс начинает учить, а не просто вдохновлять.

Читать полностью…

База референсов | Веб-дизайн

Как искать референсы, чтобы они реально помогали

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

Искать лучше не по запросу «красивый сайт», а по задаче:
премиальный бренд, минималистичный лендинг, смелая айдентика, спокойный интерфейс, editorial style.
Чем точнее запрос, тем полезнее подборка.

А чем меньше случайных сохранений, тем быстрее вы начнёте видеть закономерности.

Читать полностью…

База референсов | Веб-дизайн

Концепт приложения для быстрого и удобного поиска отелей
Помимо всего прочего предполагается использование технологии дополненной реальности, чтобы на местности можно было отыскать отель

Концепт тут

Читать полностью…

База референсов | Веб-дизайн

Product Card E-commerce Minimal Shop Website

#сайт

Читать полностью…

База референсов | Веб-дизайн

Мобильное приложение банка

Категория: #финансы
Язык: #en

https://.com/shots/27320139-Neobank-MVP-Mobile-App-Design

Чат UI/UX

Читать полностью…

База референсов | Веб-дизайн

Один парень модифицировал пишущую машинку из 1930х. Вместо символов добавил в нее цвета.

Теперь это машинка для рисования или ручной принтер

Читать полностью…

База референсов | Веб-дизайн

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

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

Читать полностью…
Subscribe to a channel