Правила оформления ссылок при наведении курсора
В этой статье речь пойдёт о дизайне одного из наиболее важных элементов интерфейса — о дизайне ссылок. Для большей наглядности примеры внедрены прямо в текст статьи. Кликать на ссылки-примеры не надо, надо только наводить на них курсор мыши.
- При наведении ссылка может никак не реагировать. Это нормальная практика.
- При наведении ссылка может изменять цвет на более контрастный, но не на менее контрастный. Аналогичное правило действует при изменении цвета или графического фона ссылки.
- При наведении ссылка может увеличиваться, но не уменьшаться. Стоит также отметить, что этот метод нельзя использовать при оформлении внутритекстовых ссылок, так как изменение размера ссылки приводит к смещению остального текста. Но так, где этот эффект исключается, это вполне допустимо, например при оформление элементов меню.
- При наведении ссылка может становиться жирнее, но не наоборот. Ограничения на использование этого метода такие же, как в прошлом пункте.
- При наведении у ссылки может появляться подчёркивание, но не пропадать.
Эти рекомендации я составил в процессе своей работы. Изучив и проанализировав множество примеров, я могу с уверенностью сказать, что соблюдение этих правил принципиально для юзабилити и лучшего восприятия интерфейса пользователями.
Поделиться ссылочкой: