Дизайн списков ссылок

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

Приведу несколько приемов, используемых при дизайне списков.

1. Межстрочные интервалы

2. Маркеры списка

3. Разделительные линии

4. Зебра

Пример с drupal.ru

5. Разбавление ссылок картинками или текстом

Примеры с designformasters.info

Должны ли ссылки быть всегда подчеркнутыми?

Несколько цитат с хабрахабра.

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

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

dubr: мнение знаменитого Якоба «Usability Nazi» Нильсена: можно не подчеркивать, когда речь идет о менюшках-навигациях и прочих списках ссылок, но 1) помним о дальтонизме, не используем зеленый-красный для выделения 2) подчеркивание важно для слабовидящих.

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