Ниже приведен вольный перевод статьи от
Самый простой способ освежить ваш дизайн - изменить внешний вид ссылок.
Изменений стилей займет всего несколько секунд, но результат наверняка понравится посетителям вашего сайта. Ниже я приведу несколько примеров стилей для ссылок.
Ощутите волшебство Монако - это сказочное княжество, где предпочитают отдыхать самые яркие звезды шоу-бизнеса.
Мечтаете о роскошном свадебном путешествии? Поездка на экзотические мальдивские острова станет для вас лучшим подарком.
Новый конкурс для блоггеров и копирайтеров - «Июль-Август 2008». Приз за лучшую статью - 5000р.
А вы знаете, что трубочный табак Peterson имеет вкус ванили и пряного красного вина? Интересные статьи для настоящих ценителей табака на Pipeblog.ru
1. Цвет, подчеркивание - это самый привычный для нас вид ссылок на большинстве сайтов. Цвет выделяет ссылку из обычного текста, а подчеркивание даст понять пользователям, что это ссылка.
a {color: #0000ff; text-decoration:underline; } 2. Цвет, без подчеркивания - подчеркивание не всегда обязательно, иногда достаточно выделить ссылку цветом, чтобы не отвлекать внимание пользователя от чтения статьи, заставляя его переходить по ссылкам.
a {color:#0000ff; text-decoration:none;} 3. Жирный текст, подчеркивание - если у вас минималистический дизайн, то такая ссылка прекрасно впишется в ваш шаблон. Жирный текст и подчеркивание выделит ссылку из текста и станет хорошим дополнением к вашему дизайну.
a {font-weight:bold; text-decoration:underline; } 4. Мелкий шрифт, подчеркивание - маленькие буквы еще один хороший способ выделить вашу ссылку. А подчеркивание опять же даст понять пользователю, что это ссылка, а непросто необычно выделенный текст.
a {font-variant:small-caps; text-decoration:underline; } 5. Подчеркивание штрихами - мы привыкли, что ссылка подчеркнута сплошной линией. Подчеркивание штрихами придаст нашей ссылке необычный стиль ипользователям обязательно захочется узнать, что скрывается под этой ссылкой.
a {border-bottom: #000000 1px dashed; text-decoration:none;} 6. Цветной фон, подчеркивание - Выделение ссылки текстом более привычно, чем выделение фона ссылки, поэтому такой эффект непременно привлечет внимание пользователя и заметно обновит дизайн. А подчеркивание ввиде границы не собъет пользователя с толку и он сразу поймет, что это ссылка.
a {background:#a6d4ff; border-bottom:#99c4d5 1px solid; text-decoration:none;} Эффекты при наведении на ссылку так же важны, как и, например, присуствие заголовка у статьи. Пользователь привык, что если он наводит на ссылку, то ее стиль меняется, что дает ему понять, что ссылка активна.
Вот несколько советов, какие эффекты лучше всего применить:
1. Удаление/добавление подчеркивания - самый привычный и эффективный способ указания активной ссылки.
2. Изменение цвета - лучше всего менять цвет на более контрастный, чтобы была заметна разница в смене цвета с одного на другой. Также можно менять и цвет фона.
3. Не меняйте жирность и наклон текста - это повлияет на отображение всего текста, т.к. измениться форматирование, а значит и ширина слова. Текст просто будет скакать, что не очень приятно.
А какой стиль обычно используете вы? Если я что-то упустила, пишите в комментариях :)
