TGViewer
Instructional design | ELT Instructional design | ELT @otindesign · 1.89K subscribers
Post #896 743
Правило 60–30–10 в учебных материалах

Если слайд/разработка выглядит пестрым или, наоборот, скучным, может быть, нарушен баланс цветов. Визуал не держит фокус, и внимание ученика рассеивается.

В учебных материалах, как в в дизайне в общем, работает простое правило:
60–30–10.

60 % — основной цвет. Это фон или общий тон страницы.
30 % — вторичный цвет. Элементы, кнопки, подложки, иконки.
10 % — акцент. То, куда нужно направить взгляд: заголовки, кнопки, ключевые слова.

При этом текст не входит напрямую в это соотношение.

Применяя это правило, вы поддерживаете визуальную иерархию и снижаете когнитивную нагрузку: пользователю не нужно гадать, куда смотреть.

Главное не использовать все цвета равными долями. Цвет можно использовать не только в качестве украшения, но и как навигацию по вашему материалу.

Попробуйте инструмент https://www.realtimecolors.com/ Тут вы наглядно сможете подобрать цвета для своего дизайна. Выбираем на панели внизу цвет текста (что-то ближе к черному), фон, и нажимаем на кнопку с кубиком 🎲. Изменится сама страница 😍
  • ❤ 39
  • 👍 11
  • 🔥 7
More from @otindesign
  1. Sep 29, 2026Что делать, если ученик приходит с запросом «английский для себя»? Нужно ли обязательно до…
  2. Sep 28, 2026Instructional design | ELT pinned «База знаний для методистов Перенесла весь каталог из но…
  3. Sep 28, 2026База знаний для методистов Перенесла весь каталог из ноушена на свой сайт. На нём вы сможе…
  4. Sep 19, 2026Как планировать персональные треки ученикам с нетривиальными запросами? Ко мне в гости при…
  5. Sep 15, 2026Набираю спикеров на новый сезон подкаста! Да, эфиры теперь будут в формате подкаста. Преды…
  6. Sep 11, 2026Помните, я писала про платформу Pro2Pro? У ребят будет интересный воркшоп, причём бесплатн…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →