Сквозь время

Сеть насквозь

Как устроен веб, от первой страницы 1991 года до агентов. В каждой эпохе вы заново строите свой сайт.

Учебник для тех, кто никогда не делал сайтов. Вы описываете свой проект и строите его в каждой эпохе веба, а в конце ставите задачу ИИ и проверяете результат всем, что узнали.

Начать со вступления Начать с первого урока Открыть карту
Серия начнётся с первого урока
0 из 154 уроков
0 XP

Прогресс хранится только в этом браузере. Сохраняйте его файлом в настройках. Сохранить прогресс

Посмотреть вступление ещё раз

Оглавление

Часть 4 Дизайн и дизайн-системы

История веб-дизайна, иерархия, цвет, токены и то, как читать дизайн-систему.

  1. Тридцать лет веб-дизайна: от серого фона до стекла
  2. Что старит сайт: устаревшее и современное
  3. Иерархия, сетка и пустое место
  4. Типографская шкала: размеры по лестнице, а не наугад
  5. Цветовая система и контраст: палитра, которую можно прочитать
  6. Что такое дизайн-система и из чего она состоит
  7. Как читать чужую дизайн-систему: Material, Apple, Fluent
  8. Системы государства и больших компаний: GOV.UK, Carbon, Atlassian
  9. Продуктовые и «безголовые» системы: Polaris, Primer, Radix, shadcn/ui, Tailwind
  10. Российские открытые системы и русский язык в интерфейсе
  11. Дизайн-токены: имена вместо чисел
  12. Атомарный дизайн: атомы, молекулы, компоненты и их состояния
  13. Документация и управление системой: страница компонента, версии, вклад
  14. От макета к коду: Figma, передача и работа с ИИ
  15. Приметы шаблонной страницы и своя маленькая дизайн-система