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