Введение
Какое минимальное количество цветов достаточно для создания цветовой гаммы страницы? При этом должны соблюдаться условия выделения логических частей страницы (основной текст, заголовки, шапка, подвал) и контрастности ссылок и текста.
Как можно догадаться из названия — их семь. К цветам радуги они не имеют никакого отношения, просто так получилось. Для подбора цветов для веб-сайта я сделал простейший построитель веб-страниц. При создании построителя и возник вопрос — сколько делать полей для цветов веб-страницы? Итак...
Первые ласточки
Первая пара цветов — это цвета основного текста страницы(цвет
фона Ц1 и цвет текста Ц2). Без них — никуда.
Даже в самой простой странице они присутствуют.
Естественно, для комфортного чтения текста, цвета должны быть
контрастны по отношению друг к другу. Обозначив операцию контрастности
К , получаем: Ц2 K Ц1 (1).
Дело вкуса каждого, но лично я предпочитаю Ц1 более светлым, чем Ц2. А все из-за школьной привычки писать чем-нибудь темным по белой бумаге... И, наверное, из-за того, что я не застал «черно-зеленых» мониторов...
Тройка ссылок
Словно три богатыря, три мушкетера, три танкиста и трое в лодке (не считая собак) ссылки в своих трех состояниях неразрывно связаны друг с другом:
- «Ссылка, просто ссылка» (Link) представляет собой ссылку в первозданном состоянии. По умолчанию обычно бывает ярко-синего цвета #0000FF.
- Посещенная ссылка (Visited link) является ссылкой, на которую уже нажали, пусть даже и случайно. Для удобства пользователя, ссылка меняет свой цвет. По умолчанию это сиреневый #800080. В отличие от еще не посещенной, данной ссылке ни к чему яркость, куда теперь спешить-то?
- Активная ссылка (Active link) — cсылка на момент перехода от Link к Visited link, которую сейчас нажимают. Поэтому обычно она красная, как #FF0000.
Обозвав цвета ссылок, соответственно, Ц3, Ц4,
Ц5 , делаем для них правило: Ц3,Ц4,Ц5 K Ц1 (2).
Ссылки должны четко выделяться на фоне Ц1 и отличаться
от цвета текста Ц2 (но не настолько, чтобы затруднить
чтение текста). Забегая вперед, уточню, что описанные выше ссылки
находятся внутри основного текста, в отличие от навигационных
ссылок.