Figma-воркфлоу для маленькой команды: автолейаут и переменные
Автолейаут везде — макет, который нельзя сломать кривым текстом. Это правило номер один продуктивности в…
Интерфейсы, типографика, цвет и всё про красивое.
Нужна подписка Plus или Mega на этот раздел
Автолейаут везде — макет, который нельзя сломать кривым текстом. Это правило номер один продуктивности в…
Всё кратно 8 (или 4 для мелочей): отступы, размеры иконок, высота строк. Система исчезает из споров и появляется в…
Пустое состояние — это не ошибка верстки, а первый экран знакомства: текст «пока ничего нет» теряет…
Дизайн-система начинается не с палитры, а с масштаба: заголовок, подзаголовок, текст, подпись — четыре размера закрывают 95%…
Контраст текста 4.5:1 — не прихоть, а читаемость в солнечный день на дешёвом экране. Плагин проверки стоит копейки, переделки —…
Смешение наборов иконок — маркер любительского интерфейса: разный вес линий и оптика ломают целостность…
Анимация объясняет переход, а не украшает: 200 миллисекунд достаточно, чтобы глаз понял, откуда появился…
Микрокопия на кнопках начинается с глагола: «Сохранить черновик» понятнее, чем «ОК» в любом интерфейсе…
Микрокопия на кнопках начинается с глагола: «Сохранить черновик» понятнее, чем «ОК» в любом интерфейсе…
Прототип проверяет гипотезу, а не показывает красоту: кликабельные пять экранов отвечают на больше вопросов, чем 40 статичных…
Форма из трёх полей конвертирует лучше формы из семи: каждое лишнее поле — тариф на…
Микрокопия на кнопках начинается с глагола: «Сохранить черновик» понятнее, чем «ОК» в любом интерфейсе…
Хорошие интерфейсы не «вау» — они скучные в хорошем смысле: предсказуемые, ровные, с ясной иерархией. Дизайн-система начинается не с палитры, а с масштаба: выберите 2–3…
Ревью без протокола превращается во вкусовщину. Порядок: цель экрана → пользователь и его задача → соответствие системе → эстетика. Не перепрыгивайте…
Тени и границы конкурируют: тень отделяет слой, граница очерчивает область. Смешивать их на одном элементе —…
Отступы — язык интерфейса: связанные элементы стоят рядом, несвязанные разделяются. Нарушение ритма читается как…
Возьмите свой последний макет и удалите всё, что можно. Потом верните только то, без чего смысл ломается. Обычно возвращается половина — и макет внезапно становится…
Хороший бриф отвечает на пять вопросов: кто пользователь, какая задача, как измерим успех, что запрещено, когда дедлайн. Пустой бриф — предоплата за…
Проверяйте контраст по WCAG — красота, которую невозможно прочитать, не…
Классическая пропорция работает: 60% нейтральной поверхности, 30% вспомогательного, 10% акцента. Больше акцента — он перестаёт вести…