Большая коллекция паттернов.

Video is not supported

Ты стыдишься старых работ? Отлично. Значит, растёшь

Открываешь старый макет и глаза вянут. Как ты вообще это показывал? Почему кнопка как чебурек, шрифт как с блокнота первоклассника, а цвет будто из палитры “Бабушкин ламинат 2003”? Но вот что важно: если тебе не стыдно за свои старые работы — ты застрял. Рост — это когда вчерашнее «норм» сегодня вызывает нервный тик. Почему это нормально: 1. Ты теперь видишь ошибки — раньше не видел. 2. Вкуса стало больше, хаоса — меньше. 3. Ты двигаешься. Застой — это когда всё устраивает. Сделай проще: выдели час, пересмотри старые проекты и найди 3 ошибки. Не чтобы себя корить, а чтобы понять: ты уже на другом уровне. Стыд — индикатор прогресса. Без него мы бы до сих пор делали сайты в табличках. #дизайн #рост #саморазвитие #вебдизайн #ui #ux #карьера #рефлексия
Изображение поста
Pika — простой и удобный колорпикер для macOS.
superhighfives.com/pika 🎆 Вебдизайнерская
Video is not supported
Minimal Gallery — курируемая коллекция сайтов выполненных в чистом минималистичном дизайне.
minimal.gallery 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Минутка веб-дизайна
Шрифты с подвохом: за что ты можешь огрести, даже если скачал “бесплатно”
Ты скачал шрифт, поставил в макет, клиенту отдал — красавчик? Почти. Только если шрифт без лицензии — ты потенциально на крючке. Разбираемся по фактам: 1. Бесплатно ≠ можно. Многие “бесплатные” шрифты только для личного использования. Коммерция — уже нарушение. 2. Google Fonts — не панацея. Да, безопасно. Но и скучно. А если ты дизайнер, а не просто компоновщик элементов — придется выходить за рамки. 3. Где смотреть лицензию? — В описании шрифта (обычно .txt-файл или на сайте) — На платформах типа MyFonts, Fontspring, Creative Market — У авторов напрямую 4. Чем грозит? — Удаление макета — Судебное письмо — Потеря доверия клиента Шрифт — не просто пиксели. Это объект авторского права. Веди себя с ним как с чужим велосипедом: не бери без спроса. #шрифты #лицензия #дизайн #вебдизайн #типографика #ui #ux #шрифтовойгайд
Изображение поста
Изображение канала: Вебдизайнерская
Новая партия логотипов в средневековом стиле от графического дизайнера Ильи Сталлоне.
🎆 Вебдизайнерская
Video is not supported
Изображение канала: Веб-дизайн | Графический дизайн | UX/UI
🚀 КАК УСКОРИТЬ САЙТ БЕЗ ПОТЕРИ КАЧЕСТВА
Хочешь, чтобы сайт летал, а визуал остался вау? Лови 5 проверенных приёмов: 1️⃣ Минификация CSS/JS — убери лишнее, ускорь загрузку 2️⃣ Сжатие изображений — TinyPNG спасает от тяжёлых фоток 3️⃣ Кэширование — не загружай одно и то же по 100 раз 4️⃣ CDN — файлы ближе к пользователю — быстрее загрузка 5️⃣ Асинхронный контент — загружай блоки по мере необходимости 💬 Делитесь, как вы ускоряете сайты! #вебдизайн #оптимизация #скоростьзагрузки #UX #frontend ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
Изображение канала: Вебдизайнерская
Colorful Studio — бесплатный онлайн редактор для создания 3D-сцен мокапов.
www.colorful.app 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Минутка веб-дизайна
Auto Layout в Figma: почему ты всё ещё не используешь его правильно?
Auto Layout — не модная фишка, а инструмент, без которого в 2025 работать уже стыдно. Вот что нужно знать: 1. Контейнер — главный. Всё начинается с него. Автолэйаут применяешь к фрейму, не к рандомным слоям. 2. Оси и отступы — это сердце. Понял, как работают direction + spacing — уже стал быстрее на 20%. 3. Паддинги ≠ марджины. Отступы внутри контейнера — одно, между элементами — другое. Путаешь — дизайн плывёт. 4. Хватает ручной верстки? Auto Layout позволит делать формы, карточки, таблицы, модалки — всё. А главное, их можно растягивать, сжимать и переиспользовать без боли. 5. Stack + wrap — Auto Layout 5.0 добавил обёртку по строкам. Карточки сами встают в две, три, сколько надо колонок. Если ты хочешь дизайн, который масштабируется, адаптируется и не разваливается при любом чихе клиента — Auto Layout нужен. Освой один раз — сэкономишь часы на правках. #figma #autolayout #ui #дизайн #вебдизайн #ux #инструменты #гайд #практика
Изображение поста
Изображение канала: Минутка веб-дизайна
8 правил типографики, которые не стоит игнорировать
Хочешь, чтобы твой текст читали, а не прокручивали? Начни с этих восьми правил: 1. Выбирай читабельный шрифт — без вычурности и лишнего стиля. 2. Контраст — обязателен. Тёмный текст на светлом фоне (и наоборот), без «серенького» на сером. 3. Иерархия заголовков — чтобы пользователь сразу понял, где что. 4. Ограничь количество шрифтов — двух шрифтов (и максимум трёх начертаний) более чем достаточно. 5. Межстрочный интервал — не впритык. 130–150% от размера шрифта — хорошее начало. 6. Ширина строки — оптимально 50–75 символов. Широкие строки утомляют. 7. Не растягивай текст по ширине. Justify — зло, особенно без хинтов и кернинга. 8. Тестируй. На разных устройствах и экранах. Красиво на маке — не значит читаемо на андроиде. Типографика — это фундамент. Плевать, какой у тебя дизайн, если читать невозможно. #типографика #шрифты #ui #дизайн #ux #дизайнинтерфейсов #практика #вебдизайн
Изображение поста
Изображение канала: Вебдизайнерская
Зацикленная иллюстрация с перестрелкой на Диком Западе.
🎆 Вебдизайнерская
Video is not supported
Изображение канала: Вебдизайнерская
Nucleo — менеджер иконок для macOS и Windows.
nucleoapp.com 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Вебдизайнерская
Sortdecai_Brush_Script шрифт #кириллица
🎆 Вебдизайнерская
Изображение поста
Изображение канала: Вебдизайнерская
Color Blind Simulator — скрипт для , который имитирует нарушение восприятия цветов 8 типов. Программы Adobe ограничены просмотром двух типов: Protanopia и Deuteranopia. Можно перекрасить объекты или ограничиться предпросмотром. Перекрас пригодится для презентации проекта клиентам — продемонстрировать на примерах неслучайный выбор палитры. Переключать Proof setup после правок и делать скриншоты или загружать в онлайн-сервисы времязатратно.
ais.sergosokin.ru/color/color-blind-simulator/ 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Минутка веб-дизайна
Почему «на глаз» — это не метод
Ты ставишь кнопку «примерно по центру»? Отступы у тебя «примерно одинаковые»? Всё на глаз? Это не дизайн. Это как строить дом, «прикидывая на глазок» длину балки. Визуальный хаос всегда читается. Даже если ты его не замечаешь — пользователь замечает. Работай с направляющими, сетками, цифрами. Ось симметрии — не мнение. Это точка. #вебдизайн #сетка #UI
Изображение поста
Изображение канала: Минутка веб-дизайна
До/после: как воздух делает макет дорогим
Открой любой лендинг. Сделай между блоками в 2 раза больше отступ. Сделай между заголовком и абзацем +8px. Отодвинь кнопку от текста. Посмотри. Теперь выглядит дороже. Почему? Потому что воздух = уверенность. Макет, который не боится пустоты — внезапно начинает выглядеть как продукт, а не как визитка сантехника. #UI #дизайнбезболи #вебдизайн
Изображение поста
Изображение канала: Вебдизайнерская
IconPark — большой пак из 1200 настраиваемых иконок.
iconpark.bytedance.com/official Скачать все можно на GitHub 🎆 Вебдизайнерская
Video is not supported
Изображение канала: Вебдизайнерская
Avatar generator playground — рандомный генератор векторных аватаров.
boringavatars.com 🎆 Вебдизайнерская
Video is not supported