Иллюстрация с элементами интерфейса
Бывает, в интерфейсе для объяснения функции надо показать, как выглядит кусок интерфейса.
Неправильно: просто показать этот кусок интерфейса как есть.
Например, галочка в Алиэкспрессе:

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

Кнопки в таблице синтаксиса интерфейса из книги «Пользовательский интерфейс»:
