Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
выдача ТОП 4Полезны

 
Опции темы Оценить тему Опции просмотра
Старый 10.07.2013, 22:50   #1
 
Аватар для Alex Bond
 
Сообщений: 481
FR (активность): 14,392

Доп. информация
По умолчанию Автор темы Цвет ссылок для сайта

Друзья, я не дизайнер, я - сеошник... Поэтому сразу извиняюсь за нубовский вопрос...

Делаю сайт. Фон - f8f8f8, буквы - 00000. Какой выбрать цвет ссылок, чтобы они были видными, отличались от основного текста и не напрягали глаза. На данный момент экспериментирую с цветами Википедии, но что-то мне совсем не нравиться... Ссылки какие-то мрачные и незаметные в тексте... Особенно посещенные...

В основном в дизайне преобладают белые, синие и голубые тона.

Мои стили:
Код:
a:link {color: #0645AD; text-decoration:none;}
a:hover {color: #0645AD; text-decoration:underline;}
a:visited {color: #0B0080; text-decoration:none;}
a:visited:hover {color: #0B0080; text-decoration:underline;}
Дайте несколько вариантов без флуда и насмешек... Ладно?
Alex Bond вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Аскольд (17.07.2013)
Старый 10.07.2013, 23:35   #2
 
Аватар для Padonag
 
Сообщений: 11
FR (активность): 342

Доп. информация
По умолчанию

kapralpv,
Делай стандартного синего цвета, пользователей путать не будешь.


Бложик - online-advert.ru
Padonag вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Alex Bond (11.07.2013)
Старый 11.07.2013, 08:39   #3
 
Аватар для Alex Bond
 
Сообщений: 481
FR (активность): 14,392

Доп. информация
По умолчанию Автор темы

А посещенную тогда каким цветом?
Alex Bond вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 11.07.2013, 09:39   #4
 
Аватар для Flasika
 
Сообщений: 3
FR (активность): 75

Доп. информация
По умолчанию

a:link {color: #00A0FC; text-decoration:underline;}
a:hover {color: #DC3522; text-decoration:underline;}
a:visited {color: #9B0080; text-decoration:underline;}
a:active { color: #B30000; text-decoration:underline; }
Flasika вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Alex Bond (11.07.2013),  Аскольд (17.07.2013)
Старый 11.07.2013, 10:05   #5
 
Аватар для Unick
 
Сообщений: 711
FR (активность): 37,654

Доп. информация
По умолчанию

kapralpv, чтобы сказать какого цвета надо делать ссылки, надо увидеть дизайн.
На моем сайте цвета ссылок красные, так как отлично смотрится по дизайну и ужасно хорошо выделяется среди текста.
Alex Bond: сообщение полезно


andreisoroka.com
Unick вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 11.07.2013, 10:40   #6
 
Аватар для Бермуд
 
Сообщений: 86
FR (активность): 1,722

Доп. информация
По умолчанию

Если судить по традиционно приятному восприятию, например украинской национальной одежды, то вышиванка имеет белый фон, черный орнамент, красные маки и зеленые листья... Все остальное уже смотрится аляповато. Поэтому исходя из дизайна либо de1d3d, либо 49792f. Можно поиграть с оттенками.
и еще:

Цитата:
Сообщение от Flasika Посмотреть сообщение
a:link {color: #00A0FC; text-decoration:underline;}
a:hover {color: #DC3522; text-decoration:underline;}
a:visited {color: #9B0080; text-decoration:underline;}
a:active { color: #B30000; text-decoration:underline; }
Такой вариант считают ужасно некрасивым. особенно a:hover {text-decoration:underline;} приятнее смотреть на параметр none
Alex Bond: сообщение полезно
Бермуд вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 11.07.2013, 11:56   #7
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

kapralpv, в мелкую помощь: http://yandex.ru/yandsearch?text=%23f8f8f8&clid=9582
- это цветовой колдунщик Яндекса. В принципе таких полно, просто привык им пользоваться.

Если брать по контрасту - смотри с другой стороны круга.. 003153, 177245.. х/з
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Alex Bond (11.07.2013)
Старый 11.07.2013, 13:26   #8
 
Аватар для Flasika
 
Сообщений: 3
FR (активность): 75

Доп. информация
По умолчанию

Цитата:
Сообщение от Бермуд Посмотреть сообщение
Такой вариант считают ужасно некрасивым.
Что все два человека? )))
Почитай "Hyperlink Design Best Practices", а лучше давай на этом остановимся, потому как общие паттерны и статистика не всегда совпадают с нашими вкусами, ИМХО...

Кстати о паттернах:
User Interface Design Patterns Library также используют этот стиль на своем сайте...
Alex Bond: сообщение полезно
Flasika вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
cthulchu (11.07.2013), Umka (11.07.2013)
Старый 11.07.2013, 13:43   #9
 
Аватар для Бермуд
 
Сообщений: 86
FR (активность): 1,722

Доп. информация
По умолчанию

Цитата:
Сообщение от Flasika Посмотреть сообщение
Что все два человека? )))
шальные руки припечатали лишнюю букву )))
А насчет практики, сужу, чисто по визуальному восприятию, когда подчеркивание при наведении убирается с ссылки - оно более интересно для пользователя, чем изменение цвета.
Alex Bond: сообщение полезно
Бермуд вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 11.07.2013, 13:58   #10
 
Аватар для Padonag
 
Сообщений: 11
FR (активность): 342

Доп. информация
По умолчанию

kapralpv,
Да тоже классическим, сиреневым, если хочешь помудрить не вопрос, но чаще всего именно эти цвета нормально смотрятся для ссылок, да и являются стандартными цветами.


Бложик - online-advert.ru
Padonag вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Alex Bond (11.07.2013)
Старый 17.07.2013, 20:47   #11
 
Аватар для demikk
 
Сообщений: 15
FR (активность): 371

Доп. информация
По умолчанию

Я вообще не сторонник разных цветов для простых линков и посещенных. И линии я не люблю.
Так что мое предложение следующее:

a {color: #47a5db; text-decoration: none; border-bottom: 0;}
a:hover {color: #47a5db; text-decoration: none; border-bottom: 1px dashed;}
demikk вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 30.09.2013, 11:50   #12
 
Аватар для Владислав Приторк
 
Сообщений: 18
FR (активность): 108

Доп. информация
По умолчанию

Интересно дизайн было бы сначала увидеть, так тяжеловато понять. Но я бы лично цвет ссылок выбрал синим, о посещенные черными делал. Но опять же, как конкретно на вашем будет смотреться тяжело сказать.
Владислав Приторк вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 30.09.2013, 12:19   #13
 
Аватар для luserz
 
Сообщений: 561
FR (активность): 16,631

Доп. информация
По умолчанию

kapralpv, Сам страдаю такой фигней. Во всей этой дизайнерской теме очень сложно. Мне помогла эта фотка http: // cs317227.userapi.com/v317227770/31b7/YuzvA5z7zyc.jpg Или в яндексе вбейте "таблица сочетания цветов"


ЛУЧШАЯ тизерная сеть для женского трафика
luserz вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 30.09.2013, 12:50   #14
 
Аватар для gidroballon
 
Сообщений: 605
FR (активность): 21,095

Доп. информация
По умолчанию

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


Bali Baguette: Эксклюзивно. Качественно. Доступно.
gidroballon вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.10.2013, 16:28   #15
 
Аватар для Alilgroup
 
Сообщений: 26
FR (активность): 736

Доп. информация
По умолчанию

Мое личное мнение таково.
Идеальные ссылки — стандартные ссылки. Исключение — промо сайты, с обилием графики. Если у вас обычный сайт с белым фоном под текстом, активная ссылка синяя (варианты от голубого до насыщенного синего ), посещенная ссылка фиолетовая либо розовая, при наведении красная, либо по вариациям. Если у вас темный фон, могут быть вариации, но! Все ссылки всегда должны быть подчеркнутыми одиночной тонкой линией ( если они ведут на другую страницу), не важно нравится это вам или нет. Это стандарт. Вы делаете сайт для себя, или для пользователей? Если для себя, что угодно воротите, но основная масса людей воспринимает подчеркнутый текст, как ссылку.
Alilgroup вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
 Alex Bond (20.01.2014)
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3173 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[ Ищу ] Требуется подкорректировать цвет на WP hightstreams Дизайн и верстка 6 15.12.2012 15:36
[ Вопрос ] заголовок <h1></h1> в цвет страницы sz-tk Продвижение сайта 6 28.11.2012 20:49
Какой цвет выбрать для дизайна Игорь-seo Дизайн и верстка 10 04.08.2012 19:00
Нужен сервис поиска исходящих ссылок с сайта (всего сайта) shuher SEO сервисы 18 19.04.2012 15:28
Colour Contrast Check - колористика сайта (фон, основной цвет) Alex LM Дизайн и верстка 5 04.12.2010 21:41

Текущее время: 20:11. Часовой пояс GMT +3.