Как отличить ссылки от заголовков без изменения цвета?

Да, я знаю, что нельзя делать ссылки и текст одного цвета. Но я ограничен корпоративными правилами. На всем сайте мне разрешено использовать только фирменный оттенок синего с несколькими вариациями яркости и оттенки чистого серого. Мне также разрешено использовать очень насыщенный оранжевый цвет в качестве «акцентного цвета».

С ограничением схемы все еще можно работать. Но есть еще одно ограничение, с которым я упорно борюсь. Мне разрешен только один шрифт: Verdana. Что выглядит забавно уже на средних размерах и становится ужасным на больших. Поэтому я оставил основной текст Verdana размером 16 pt, а метки/заголовки Verdana – размером 16 pt синим цветом.

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

введите описание изображения здесь

«В других базах данных» и «Цитаты» являются заголовками, «Связь MGI с болезнью человека и мыши» не посещается, а ссылка под ней посещается.

Альтернативой, которую я пробовал, был оранжевый акцент для непосещенных и серый для посещенных, оба подчеркнуты.введите описание изображения здесь

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

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

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

можно ли использовать жирный шрифт?
Я согласен с первым предложением Януса, но внесу изменения, сделав посещенные ссылки серыми, как здесь: jsfiddle.net/5ry3D/1
Это нелепые рекомендации по стилю, если вы не можете правильно отличить ссылки от текста. Обратите внимание, что существует множество аргументов в пользу удобства использования и доступности, чтобы отойти от этого ограничительного руководства.

Ответы (1)

Вы не можете использовать жирный шрифт ?

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

Только синяя схема

 

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

Только синяя схема, без жирного шрифта

 

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

Оранжево-синяя схема

 

(JSFiddle используется для примеров)

Кроме того, Verdana в 16pt. огромен . _ На приведенных выше снимках экрана (и в JSFiddle) размер шрифта 12pt, и, как вы можете видеть, он уже намного больше, чем текст на этом сайте. 10 пт. или 11пт. обычно это лучшее место для использования Verdana на экране (ИМХО).
Как отличить ссылки от заголовков без изменения цвета?
СпросиСетьПолитика конфиденциальности1y, 0v