Фестиваль профессиональных веб-разработчиков
В начале октября, в отеле «Холидей Инн» прошел четвертый Фестиваль профессиональных веб разработчиков «404»

Окт 5, 2011

Семь цветов страницы


Активная ссылка (Active link) — cсылка на момент перехода от Link к Visited link, которую сейчас нажимают. Поэтому обычно она красная, как #FF0000.

Обозвав цвета ссылок, соответственно, Ц3, Ц4, Ц5 , делаем для них правило: Ц3,Ц4,Ц5 K Ц1 (2). Ссылки должны четко выделяться на фоне Ц1 и отличаться от цвета текста Ц2 (но не настолько, чтобы затруднить чтение текста). Забегая вперед, уточню, что описанные выше ссылки находятся внутри основного текста, в отличие от навигационных ссылок.
Последние, но не по значению

Пяти описанных цветов достаточно для создания страницы в «академическом» стиле. Однако, для страницы в других стилях потребуется еще 2 цвета: Ц6 и Ц7. Вкратце, Ц6 — это дополнительный цвет фона (плюс к Ц1), а Ц7 — дополнительный цвет текста (плюс к Ц2). Эти цвета контрастны друг к другу, то есть: Ц6 K Ц7 (3).

Ц6 , Ц7 нужны для выделения заголовков, шапки, подвала, в качестве альтернативного цвета текста, границ, линий, других оформительских элементах. Ц7 используется в качестве цвета текста для фона Ц6. В случае, при котором основной текст (цвет Ц2 по фону Ц1) заключен в некий контейнер (с границами цвета Ц7 или без границ), цвет Ц6 можно использовать в качестве подложки для контейнера.

Цвета Ц6, Ц7 и Ц1 можно применять для навигационных ссылок. Данные ссылки используются для навигации страницы и расположены в навигационном блоке или в основном тексте. Так как текстовые навигационные ссылки являются заменой/дополнением графических навигационных ссылок, — эффект посещенных ссылок у них отсутствует. Зато часто применяется эффект hover (эмуляция графических ссылок), при котором требуется два цвета текста — основной и выделенный. Цветов Ц6, Ц7 и Ц1 вполне достаточно, при условии, что хотя бы один из цветов Ц1, Ц7 (а лучше оба) контрастирует с Ц1: Ц6 K Ц1 || Ц7 K Ц1 (4), где «||» — операция «или».

<---   -    Страница: 2 из 3    -   --->

Навигация: 1  2  3  

Другие статьи по теме:

- Подбор шрифта и верстка текста
- Особенности верстки веб-страниц
- Карта сайта как главный ориентир для пользователя
- Страницы контактов
- Html-документ: первые шаги

Много нового и интересного на сайте зимних Олимпийских игр в Сочи. Относительно недавно дизайн на проекте был кардинально обновлен.
Всемирное известное издание ARTCOM Media Group про дизайн и архитектуру выпустили журнал INTERNI.
Совсем недавно вышла книга, посвященная самой известной петербургской «Мухе», самой старой в Петербурге школе дизайна.
     Верстка | Анимация | Веб-Дизайн | HTML и CSS | Основы веб-графики
2003-2014 © sredaboom.ru
карта сайта обратная связь на главную