Дизайн-система

Материалы для проекта «Дизайн-система» объединяют несколько направлений. Начните с разделов ниже.

Материалы

• Дизайн учебной статьи

  Проектируем удобную страницу урока: иерархию, ширину текста, типографику, код, таблицы, изображения и навигацию. Собираем общую систему компонентов для большой библиотеки.

• Задачи читателя и устройство длинного урока

  Задачи читателя и устройство длинного урока на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Визуальная иерархия учебной страницы

  Визуальная иерархия учебной страницы на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Ширина статьи и боковые области

  Ширина статьи и боковые области на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Типографика русского текста и кода

  Типографика русского текста и кода на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Вертикальный ритм и списки

  Вертикальный ритм и списки на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Цветовые роли ProfessorWeb

  Цветовые роли ProfessorWeb на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Оформление длинных блоков кода

  Оформление длинных блоков кода на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Широкие таблицы в учебной статье

  Широкие таблицы в учебной статье на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Скриншоты схемы и подписи

  Скриншоты схемы и подписи с последовательным разбором на макете ProfessorWeb

• Оглавление и положение читателя

  Оглавление и положение читателя с последовательным разбором на макете ProfessorWeb

• Метаданные и служебные элементы урока

  Метаданные и служебные элементы урока с последовательным разбором на макете ProfessorWeb

• Хлебные крошки и переходы между уроками

  Хлебные крошки и переходы между уроками с последовательным разбором на макете ProfessorWeb

• Источники и связанные материалы

  Источники и связанные материалы на готовом учебном проекте reading-lab для ProfessorWeb

• Компоненты и параметры оформления

  Компоненты и параметры оформления на готовом учебном проекте reading-lab для ProfessorWeb

• Адаптация сложной статьи

  Адаптация сложной статьи на готовом учебном проекте reading-lab для ProfessorWeb

• Законченная страница нового урока

  Законченная страница нового урока на готовом учебном проекте reading-lab для ProfessorWeb

• Загрузка шрифтов и устойчивость страницы

  Загрузка шрифтов и устойчивость страницы как самостоятельное углубление учебного макета ProfessorWeb

• Версия учебной статьи для печати

  Версия учебной статьи для печати как самостоятельное углубление учебного макета ProfessorWeb

• Изображения и скорость длинной статьи

  Изображения и скорость длинной статьи как самостоятельное углубление учебного макета ProfessorWeb

• Светлая и тёмная темы статьи

  Светлая и тёмная темы статьи как самостоятельное углубление учебного макета ProfessorWeb

• Видео и встроенные демонстрации

  Видео и встроенные демонстрации для последовательного оформления и расширения ProfessorWeb

• Дизайн страницы учебного курса

  Дизайн страницы учебного курса для последовательного оформления и расширения ProfessorWeb

• Совместимость со старым HTML

  Совместимость со старым HTML для последовательного оформления и расширения ProfessorWeb