mega.genn.org

Почему бы и не подчеркнуть?

iHref
Многие дизайнеры, посетители сайтов, заказчики и грибы почему-то ненавидят подчеркивание у ссылок. То, что ссылки следует выделять — очевидно. Об этом даже нечего говорить. Чем же так мешает подчеркивание?

Мне кажется, что проблема в недостаточно хорошем рендеринге этого эффекта разными броузерами. Например, в макете сайта CSSing количество комментариев слева от поста было нарисовано подчеркнутым. Юра был вынужден отказаться от него, когда увидел ту красоту толщиной пикселя в три-четыре, которую явил ему Internet Explorer. Кроме того, неправильное отображение подчеркивания, которое «зарезает» буквы типа «р» и «ф», затрудняет чтение текста.

LiveJournal profile

В livejournal ссылки подчеркиваются еле заметной серой полосочкой.

С другой стороны, если где-то и можно отказаться от подчеркивания, то в некоторых случаях оно является важным элементом интерфейса.
Автокадабра

На Автокадабре ссылки практически везде выделяются синим цветом и не подчеркиваются.

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

Яндекс

Если нажать на ссылку, то поисковый запрос подставится в строку поиска.

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

Drop.io

На сайте Drop.io царит настоящая вакханалия подчеркиваний, что повергло меня в замешательство.

Главное — не перемешивать уже устоявшиеся способы, даже если подчеркивание точечками выглядит заманчиво и красиво ;)

28.11 в 10:42
30.11.07 в 18:57 | mendizabal:

Ссылки должны почеркиваться всегда, и только у безрукого дизайнера подчеркивание может смотреться плохо.

30.11.07 в 21:44 | Genn:

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

Я за подчеркнутые ссылки везде, где есть текст ;)

30.11.07 в 22:13 | mendizabal:

Ну не закончил, я мысль — каюсь :) Дело в том, что визуально ситуацинно оформленные ссылки принято называть кнопками. И меню на моем сайте вполне можно назвать кнопками.
Поэтому, мой пост относился исключительно к текстовым ссылкам :)

1.12.07 в 19:31 | Genn:

Уф, разобрались в терминологии ;) Заголовок статьи не может быть кнопкой, но не всегда выгодно, чтобы он был подчеркнутым, и дело не в дизайне.

Я считаю, что, например на новостном сайте, весь анонс статьи должен быть ссылкой, чтобы пользователь не должен был заниматься охотой за пикселями, нажимая маркер в конце анонса или выискивать заголовок или слова типа «подробнее» с подчеркиванием. Примеры, которые пришли в голову: анонсы статей на Зеркале недели и анонсы новостей на сайте банка Аваль. Впрочем, должны быть в этом блоке и те элементы, которые однозначно идентифицируются как ссылки. Таким образом, мы не урезаем, а расширяем, упрощаем и поддерживаем функционал, не дублируя визуальные приемы в пределах одного блока. Какие мы молодцы! ;)

26.12.07 в 6:22 | MPTron:

Класс! Спасибо!

Оставить комментарий

Copyright © 2007 Genn
Сайт работает под управлением WP-турбийона.
Пластилиновая химера
Don’t move a thing