Polypane — браузер для разработчиков и дизайнеров, который позволяет работать с одним окном во всех его состояниях, делать скриншоты целых страниц, выставлять сетки и многое другое.
polypane.app
🎆 Вебдизайнерская
Анимация Shazam в iOS 17 Beta 5.
Энтузиаст сделал елочную игрушку в виде ретро-компьютера и запустил на ней игру DOOM.
Объемная иллюстрация от Greg Edwards созданная в Mental Canvas.
Адаптив — это не «сжать до 320px». Это переделать под задачу
Плохой адаптив: просто уменьшили, всё уместилось, работает.
Хороший адаптив: каждый экран — с прицелом на контент и цель пользователя.
🔧 Сделай так:
— Убери лишнее на мобиле. Покажи только ключевые действия.
— Заголовок из трёх строк? Сделай в две. Меньше слов — больше смысла.
— Переставь блоки. Что важно — вверх. Остальное — в конец.
— Кнопки — на всю ширину, без мини-размеров «в палец».
— Отступы — не уменьшай. Лучше делай больше, чтобы не было каши.
— Формы — по одной колонке. Без "два поля в ряд" на 360px.
— В навигации — минимум: логотип, бургер, максимум 1 CTA.
📱 Адаптив — это не про пиксели. Это про удобство в моменте.
Разные экраны = разные сценарии. Думай как пользователь.
#адаптив #ux #вебдизайн #ui #responsive #webminute #дизайнбезболи
Kerning vs Tracking — коротко, по делу
• Kerning – ювелирная подгонка пространства между конкретными парами символов. Спасает от кривых «AV», «To», «Wa» и делает лого/заголовок визуально ровным.
• Tracking (aka letter‑spacing) – равномерное раздвигание (или сжатие) всех букв целиком: слова, строки, абзаца. Им выравнивают плотность набора, делают мелкий текст читабельнее или, наоборот, добавляют «воздуха».
Когда включать kerning, а когда tracking?
Логотип, хедлайн, кричащий постер
→ Kerning — вручную правишь проблемные пары
Абзац лонгрида, UI‑текст, меню
→ Tracking — +/‑ пару единиц и смотри глазами
Всё слишком тесно или пусто
→ Начни с Tracking, потом докрути Kerning там, где «плавает»
Дизайн в капсе
→ Чуть увеличь Tracking, чтобы буквы «дышали»
«Красиво, но что‑то не так»
→ Отодвинься, вернись свежим взглядом и проверь оба параметра
5 быстрых правил, чтобы не налажать
1. Не кержим тело текста — для абзацев kerning ≠ нужен, это игра для крупняка.
2. Не разгоняй tracking ради «забить дырку» — лучше переложи макет.
3. Проверяй на разных размерах — что ровно в 72 pt, может хромать в 12 pt.
4. Минусовой tracking до упора – зло: ниже −20 (в Illustrator) текст начинает хрипеть.
5. Глаза важнее пресетов — авто‑kern не бог, доверяй оптике, а не только цифрам.
Подведем итог
Kerning = прицел между двумя буквами.
Tracking = общая дистанция всего слова/абзаца.
Освоишь оба — текст перестанет выглядеть как тусовка рандомных символов и начнёт дышать ровно.
#типографика #шрифтология #kerning #tracking #дизайнтекста #вебдизайн #графдизайн #шрифт #леттеринг #дизайнсоветы
Сравнение анимаций в One UI 6 Beta 5 и iOS 17🗿
Меню вне экрана: удобно или бесит?
Off-screen меню (гамбургер, слайд-ин, свайпы) стали стандартом.
Но не всё, что стало привычным — автоматически хорошее решение.
Плюсы:
— Экономят место
— Подходят для мобильных экранов
— Минималистично
Минусы:
— Прячут важные действия
— Увеличивают время до первого клика
— Могут быть непонятны без явного триггера
Если меню — это основная навигация, не прячь его.
Если это второстепенные действия — off-screen сгодится.
Как и всегда: дизайн — это не про моду. Это про логику.
#ux #меню #навигация #вебдизайн #ui #webminute
Tabbied — сервис, который позволяет создавать и скачивать красивые паттерны в высоком разрешении.
tabbied.com
🎆 Вебдизайнерская
Полезный скрипт для Automator, который исправляет отображение миниатюры SVG и предпросмотр в QuickLook.
Gifski
Конвертируйте видео в высококачественные GIF-файлы на вашем Mac.
Скачать на GHub
🎆 Вебдизайнерская
Ровно 40 лет назад, 24 января 1984 года, Стив Джобс представил первый компьютер Macintosh.
Как вы представляете веб-дизайн через 100 лет?
Будут ли ещё существовать сайты?
Или нас ждут полностью персонализированные цифровые миры без экранов, кнопок и привычной навигации?
Сегодня уже видно, как интерфейсы становятся "невидимыми" — голос, жесты, нейроуправление.
Что будет дальше — наша профессия исчезнет или эволюционирует во что-то большее?
Как думаете:
— Мы будем проектировать эмоции вместо макетов?
— Или создавать опыт без визуального слоя?
Пишите в комментариях свои версии.
Самые интересные обсудим!
#вебдизайн #будущеедизайна #ux #инновации #webminute
Лицензии на стоковые изображения: что важно знать. И мини-чек-лист в конце поста.
Стоковые картинки ≠ автоматическая свобода действий.
Есть разные типы лицензий:
– Стандартная: можно использовать в проектах, но часто с ограничениями на тираж и распространение.
– Расширенная: больше свободы — можно для мерча, рекламы, крупных публикаций.
– Редакционная: только для новостей, блогов, без коммерческой цели.
– Эксклюзивная: ты один покупаешь права на использование изображения.
Чек-лист: чтобы стоковые картинки не обернулись проблемами
– Проверь тип лицензии перед скачиванием
– Не используй редакционные фото для рекламы
– Следи за ограничениями на тираж и использование
– Сохраняй лицензионные документы на случай споров
– Если сомневаешься — лучше не используй
И всегда читай условия лицензии. Даже если кажется, что «и так понятно».
#вебдизайн #сток #права #webminute #дизайн
Питер, граффити на Литейном проспекте
Как шрифты влияют на восприятие
Шрифт — это не просто буквы. Это эмоции, характер и настроение.
Санс-серифы (без засечек) = современность и минимализм. Идеальны для сайтов, где важна простота и скорость восприятия.
Серифы (с засечками) = традиции и надёжность. Часто используются для серьёзных тем — от юриспруденции до образования.
Скриптовые шрифты = элегантность и личность. Но легко скатиться в китч, если переборщить.
Декоративные шрифты = внимание и креатив. Их задача — удивить, а не рассказать. Лучше дозировать.
Выбирая шрифт, подумай: какие чувства он должен вызвать у человека, который тебя ещё не знает?
#шрифты #психологиядизайна #вебдизайн #UX #webminute
Retro Widget — ретро виджет экрана старой Nokia для iPhone и Apple Watch.
Тёмная тема ≠ белый текст на чёрном
Дарк-мод популярен, но большинство дизайнеров всё ещё лепят чисто белый текст на чёрный фон и считают, что сделали красиво. А по факту — читаемость страдает, глаза устают, пользователь уходит.
Что учитывать при работе с тёмной темой:
— Используй тёплый белый, а не #FFFFFF. Лучше #E5E5E5 или даже #DADADA.
— Контраст должен быть достаточным, но не резким.
— Шрифт с хорошей читаемостью — без тонких линий.
— Увеличь межстрочный интервал — на тёмном фоне текст хуже «держит» структуру.
— Акценты — не флуоресцентный синий. Лучше мягкие оттенки синего, зелёного, розового.
Не просто инвертируй цвета — проектируй под тёмный режим как под отдельный интерфейс. Это про заботу, а не про моду.
#вебдизайн #типографика #темнаятема #ux #ui #webminute
Курируемая галерея Showreelz, где собраны вдохновляющие работы для моушн-дизайнеров.
www.showreelz.com
🎆 Вебдизайнерская