Интерфейс выглядит дёшево? 5 правил, которые это чинят

Один и тот же «Кошелёк» на телефоне, планшете, ноутбуке и ПК — из дешёвого в дорогой за пять правил: отступы, шрифт, цвет, глубина, форма. По каждому — почему глаз видит именно так, с числом и источником. Потом экзамен тёмной темой и гайд: собираешь свою тему за пять минут и забираешь кодом (CSS, Tailwind v4, JSON). Бесплатная утилита (RU/EN): https://arthurkrantsevich.github.io/u... Код: https://github.com/ArthurKrantsevich/... Шортс про Google и Material You:    • Почему все приложения Google похожи: 1 обо...   0:00 Почему интерфейс выглядит дёшево 0:33 Проверь себя: один кадр 1:06 Отступы: почему шаг 8 2:40 Шрифт: три размера 4:38 Цвет: откуда 4,5:1 и почему не HSL 6:51 Глубина: свет сверху 8:36 Форма: вложенные углы 10:07 Экзамен тёмной темой 11:54 Сборка 12:10 Гайд: собери свою тему 13:49 Что дальше Какое из пяти правил хромает у тебя сильнее всего? Напиши номер в комментариях. Следующее большое видео — про хороший адаптив. Источники: Tuch et al. 2012 (IJHCS) · NN/g: proximity, visual hierarchy, flat UI 2017, left-side attention 2017 · Android 8dp grid · Apple HIG (accessibility, layout, icons, dark mode) · Material 3 (type, elevation, shape, dark theme) · MDN (font-size, clamp, hover, prefers-color-scheme) · WCAG 2.2 (1.4.3, 1.4.12, 1.4.1, 2.5.8) · CSS Color 4 · CSS Backgrounds 3 · Ramachandran 1988 (Nature) · Birch 2012 (JOSA A) · Bringhurst · Baymard · Piepenbrock 2014 · Dobres 2017 · Apple WWDC25 В ролике две аудиодорожки: русская и английская (шестерёнка → Звуковая дорожка). Сделано ИИ (Claude, Anthropic). Голос синтезирован. #uidesign #css #frontend #tailwind #вебдизайн