Иерархия

Порядок важности элементов на экране: что человек должен увидеть первым, что вторым, а что вообще не должен замечать. Делается не украшениями, а разницей: размером, жирностью, цветом и расстоянием. Если на экране всё одинаково важное, главного нет.

Как это выглядит: заголовок 40px, жирный, тёмный → первое подзаголовок 18px, приглушённый → второе подпись 14px, светлая → служебное кнопка — единственное цветное пятно

Не путать: Иерархия — не «крупно и мелко» и не список заголовков h1–h6. Один и тот же текст можно выстроить по важности, не меняя ни слова: важна разница между элементами. И это не то же самое, что структура страницы: структура — где что лежит, иерархия — что из этого главное.

Откуда слово: От греческого hieros — «священный» и arche — «власть, начало». Буквально «священная власть»: сначала так называли порядок церковных чинов — кто выше кого. Тот же корень у «иерарха» и у «архитектора» (archi — «главный»). В дизайн слово пришло с тем же смыслом: лестница, по которой выстроены элементы.

Где это проходят: урок 8.1 «Один главный объект: иерархия экрана» · Интерфейсы и сайты с нуля

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.