Об оформлении страниц сайта

Исторически страницы сайта "Икона. Иконография. Иконопочитание." Были оформлены в оригинальной цветовой гамме (желто-оранжевые тона). По нескольким причинам оформление изменилось сперва на более спокойный и вообще "никакой" светло-желтый с землисто-зеленоватым; позже отказ от оригинальности и собственного лица стал еще более явным и страницы стали "подстраиваться" под посетителя, окрашиваясь в системную цветовую схему.

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

Цветовая схема Windows	Внешний вид сайта

Каким образом это достигнуто? Использовались CSS (каскадные стили) с применением специальных обозначений для системных цветов:

Цвет	Название	Что означает
	activeborder	Рамка активного окна
	activecaption	Заголовок активного окна
	appworkspace	Рабочая область программ
	background	Фон рабочего стола
	buttonface	Кнопка
	buttonhighlight	Выделенная кнопка
	buttonshadow	Тень кнопки
	buttontext	Текст кнопки
	captiontext	Текст заголовка
	graytext	Неактивный элемент
	highlight	Выделенный элемент
	highlighttext	Текст выделенного элемента
	inactiveborder	Рамка неактивного окна
	inactivecaption	Заголовок неактивного окна
	inactivecaptiontext	Текст заголовка неактивного окна
	infobackground	Фон подсказок
	infotext	Текст подсказок
	menu	Меню
	menutext	Текст меню
	scrollbar	Полоса прокрутки
	threeddarkshadow	Темная тень трехмерных элементов
	threedface	Фон трехмерных элементов
	threedhighlight	Выделенный трехмерный элемент
	threedlightshadow	Светлая тень трехмерных элементов
	threedshadow	Тень трехмерных элементов
	window	Фон окна
	windowframe	Рамка окна
	windowtext	Текст окна

Тонкости: 1) Если для страницы выбирается какой-то из системных цветов, то правильнее не использовать вместе с ним жестко определенных цветов, так, к примеру, черный текст на системном цвете "фон окна" будет хорошо читаться не всегда, если вдруг у пользователя Windows будет окрашен в черный цвет, то черного текста на черном фоне он не увидит. Вывод: нужно определять все цвета страницы из набора системных цветов. 2) Могут возникнуть проблемы с графикой: картинки (графические элементы интерфейса) должны одинаково хорошо смотреться на фоне любого цвета.

Чего добились? Пользователь не отвлекается на оформление, сайт полностью обезличен, он такой же, как окна в операционной системе. Т.е. достигнуто впечатление полностью отсутствующего оформления.

CopyLeft © 2004-2005 by