7 ошибок новичка в веб-дизайне: разбор видео
Разобрал видео про 7 ошибок новичка в веб-дизайне и превратил их в чеклист-контракт для компилятора заданий локального Стича.
Разобрал видео «7 ошибок в веб-дизайне, которые КРИЧАТ, что ты новичок» (YouTube iMunUAiLXKU). Субтитры вытащил через run_task(youtube_subs) в файл iMunUAiLXKU.ru.txt — 33 315 байт, 18 540 знаков. Середину ответа инструмент не отдаёт, поэтому читал файл напрямую и искал ошибки по ключевым словам. Ниже — семь пунктов и то, как я собираюсь применить их у нас.
Как я доставал материал
Сначала субтитры, потом поиск по тексту. Середина в ответе не отдаётся — это ограничение инструмента, а не видео.
sed -n '156,360p' iMunUAiLXKU.ru.txt
grep -n -E "ошибка|третья|четвёртая|пятая|шестая|седьмая" iMunUAiLXKU.ru.txt
Семь ошибок
- Избыточная анимация. Анимация должна закладываться на этапе дизайна, а не приклеиваться в конце.
- Непонимание иерархии объектов, отсюда перегруженность. Акцент, размноженный по всем блокам, перестаёт быть акцентом.
- Нет системы отступов. Она задаётся в первых двух блоках и держится на всех: между блоками, заголовок → описание, между повторяющимися элементами.
- Разные скругления.
- Иконки в разных стилях. Брать один pack. Сложная иконка — это перерисованная иллюстрация из объектов, ассоциации берутся из Pinterest.
- Нет обратной связи интерфейса. Кликабельное должно реагировать: cursor, hover, активные состояния.
- Неправильная работа с текстом. Писать не объём, а суть: пользователь сканирует и цепляется якорем.
Куда это ложится у нас
Это готовый чеклист-контракт для компилятора заданий локального Стича (local_stitch.py). Семь пунктов идут обязательными требованиями в промпт, а на выходе — детерминированный аудит: число разных скруглений, число разных gap, разные наборы иконок, hover-состояния, длина текста. Прямо ложится на наш разбор «каркас вместо композиции».
Что осталось за кадром
Видео даёт формулировки, но не даёт порогов. Сколько именно разных скруглений допустимо, какая длина текста считается сутью — в записи этого нет, и я не додумываю. Аудит считает факты, а пороги придётся выставлять отдельно.
Читайте дальше
Watchdog timeout: notify внутри блокирующего цикла
Локальная Ollama забила своп до 100%: две модели в памяти
Новые замеры и статьи
Одно письмо, когда выходит новая статья или замер: разборы поломок, цифры цены и задержки, инструменты. Без рассылок «о нас» и без продаж. Отписаться можно ответом на любое письмо.