← Back to list

Как разгрузить многоярусную шапку с помощью цветового кодирования

Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…

Igor Shtang in Дизайн-кабак · 2026-02-21 07:35 · 1 claps · 0.7 min read
#datatables #layout #information-design #typography #interface-design
Open on Medium ↗
Wiki topics: TYP · Typography

Как разгрузить многоярусную шапку с помощью цветового кодирования

Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие элементы таблицы. Главные претенденты на перенос — повторы. В этом примере повторяются слова мужчины и женщины во втором ярусе:

Перенесем второй ярус в заголовок таблицы и закодируем его цветом:

Результат: в шапке осталась одна строка вместо шести.

Это был кусочек курса «Таблицы и прочие радости», глава «Шапка».


메타데이터
post_id
879d0a1ef13a
slug
как-разгрузить-многоярусную-шапку-с-помощью-цветового-кодирования-879d0a1ef13a
url
https://medium.com/design-pub/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B7%D0%B3%D1%80%D1%83%D0%B7%D0%B8%D1%82%D1%8C-%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D1%8F%D1%80%D1%83%D1%81%D0%BD%D1%83%D1%8E-%D1%88%D0%B0%D0%BF%D0%BA%D1%83-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-%D0%BA%D0%BE%D0%B4%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-879d0a1ef13a
canonical_url
https://medium.com/design-pub/%D0%BA%D0%B0%D0%BA-%D1%80%D0%B0%D0%B7%D0%B3%D1%80%D1%83%D0%B7%D0%B8%D1%82%D1%8C-%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D1%8F%D1%80%D1%83%D1%81%D0%BD%D1%83%D1%8E-%D1%88%D0%B0%D0%BF%D0%BA%D1%83-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-%D0%BA%D0%BE%D0%B4%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-879d0a1ef13a
author_url
https://medium.com/@nobelfaik
status
ok
fetched_at
2026-06-20 20:29:01