20 апр.
2009

О подчёркивании ссылок

Я считаю, что ссылки не обязательно подчеркивать, но неподчёркнутые ссылки накладывают некоторые ограничения, которые могут быть не приемлемы для большинства сайтов.

Всем, кто хоть немного думает об удобстве использования сайта, известна мысль, что ссылка должна отличаться от обычного текста. Для это есть три (известные мне) способа:

1. Оформить ссылку как кнопку

Этим способом оформлено меню сайта Эпл, похожее на трей Мак-оси. Многие используют этот метод, добиваясь «европейского стиля». Способ имеет право на жизнь, но есть одна проблема: таким образом получится оформить только главное меню, остальные же ссылки в тексте придётся оформлять иначе. Сложно представить себе сайт-каталог, где списки ссылок оформлены, как объемные кнопки. Изучая сайт Эпла, можно в этом убедиться: все ссылки ниже меню оформлены вторым способом.

Минус способа: невозможность использовать повсеместно на сайте.

2. Выделить все ссылки одним цветом

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

Кроме того, выделение ссылок цветом лишает разработчика и пользователя замечательной возможности отличать посещённые ссылки от непосещённых (которые на большинстве сайтов отличаются цветом). А на крупных сайтах, электронных каталогах и в социальных сетях, я считаю, без выделения посещённых ссылок не обойтись.

Минус способа: скованность в использовании цветов блоков и невозможность выделить посещённые ссылки.

2.5. Совместить предыдущие два способа

На очень многих сайтах встречается массивная «кнопочная» меню, а в тексте используются текстовые ссылки: какие-то выделенные жирным, какие-то наклоном, какие-то цветом, а какие-то и вовсе не выделены в виду их второстепенности (по мнению разработчиков). Я считаю, что у пользователя есть куда более важные задачи, чем держать в голове 2, 3, 4, 5... правил идентификации ссылок, придуманных разработчиком. Посетитель не должен привыкать и подстраиваться под сайт. Он должен оставить комментарий, купить товар, закачать фотографию.

Минус способа: пользователь должен привыкнуть к вашему сайту и держать в голове ваши правила игры.

3. Подчеркнуть

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

Минус способа: замусоренность дизайна, по мнению некоторых заказчиков и дизайнеров.

Таким образом, если разрабатываемый сайт позволяет использовать только первый или только второй способ выделения ссылок — ваше право не подчёркивать. А если разрабатывается большой и сложный проект, то без подчёркивания, я считаю, не обойтись.

1 комментарий

Александр, 8 апр., 14:55

Все-таки лучше их подчеркивать) Это идеальный способ показать, где ссылка, где нет. Так же, в меню например, очень удобно показывать навигацию: пункт не подчеркнут и отличается цветом - значит мы в этом разделе, выделен цветом, но подчеркнут - значит мы в подразделе этого раздела. При выделении ссылок просто цветом есть еще одно неудобство: я например часто выделяю заголовки отличным от основного текста цветом, или какую-то часть текста, чтобы выделить.

Ваш комментарий

Анонимный комментарий будет опубликован от имени Пржемысла Оттокара

Укажите ее, если хотите, чтобы никто не смог написать от вашего имени.

Комментарии не по существу, содержащие мат или оскорбляющие кого-либо будут удаляться.