Правила оформления ссылок при наведении курсора


В этой статье речь пойдёт о дизайне одного из наиболее важных элементов интерфейса — о дизайне ссылок. Для большей наглядности примеры внедрены прямо в текст статьи. Кликать на ссылки-примеры не надо, надо только наводить на них курсор мыши.

  1. При наведении ссылка может никак не реагировать. Это нормальная практика.
  2. При наведении ссылка может изменять цвет на более контрастный, но не на менее контрастный. Аналогичное правило действует при изменении цвета или графического фона ссылки.
  3. При наведении ссылка может увеличиваться, но не уменьшаться. Стоит также отметить, что этот метод нельзя использовать при оформлении внутритекстовых ссылок, так как изменение размера ссылки приводит к смещению остального текста. Но так, где этот эффект исключается, это вполне допустимо, например при оформление элементов меню.
  4. При наведении ссылка может становиться жирнее, но не наоборот. Ограничения на использование этого метода такие же, как в прошлом пункте.
  5. При наведении у ссылки может появляться подчёркивание, но не пропадать.

Эти рекомендации я составил в процессе своей работы. Изучив и проанализировав множество примеров, я могу с уверенностью сказать, что соблюдение этих правил принципиально для юзабилити и лучшего восприятия интерфейса пользователями.


Поделиться ссылочкой: