На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Web-графика

Как обращаться с цветом и тоном в среде?

Правильнее было спросить - как организовать среду с помощью цвета и тона? В этом случае процесс организации идет на весьма абстрактном уровне (в том смысле, что конкретные объекты для нас имеют значение только своими внешними признаками, композиционными).


Размышления о тоне

Светлое и темное, граница между светлым и темным, соотношения светлого и темного по шкале «самое светлое - самое темное».

white.gif (70 bytes)
white.gif (70 bytes)

Постепенные переходы и градиентные растяжки

gradient.jpg (853 bytes)

Вот, по сути, средства работы с тоном. На самом деле их можно еще более обобщить до начальной фразы «светлое - темное». Вернее «разница между светлым и темным». Если вы изберете для своей странички белый фон, то вся ваша рабочая шкала будет направлена в сторону темного, и наоборот, на черном фоне вся рабочая шкала направлена в сторону светлого (напомню, что пока мы говорим только о тоне). Но на сером фоне ваша шкала будет направлена в обе стороны.

gradient.jpg (853 bytes)
circle2.gif (1150 bytes)aw_right.gif (815 bytes)
gradient.jpg (853 bytes)

aw_left.gif (805 bytes)circle2.gif (1150 bytes)

gradient.jpg (853 bytes)

aw_left.gif (805 bytes)circle2.gif (1150 bytes)aw_right.gif (815 bytes)

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

gradient.jpg (853 bytes)

aw_left.gif (805 bytes)circle2.gif (1150 bytes)aw_right.gif (815 bytes)

gradient.jpg (853 bytes)

aw_left.gif (805 bytes)circle2.gif (1150 bytes)aw_right.gif (815 bytes)

Последние две картинки важны особенно в том случае, если вы вдруг решили изменить тон фон после того, как страничка уже сделана... Все ваши акценты могут вдруг поменяться местами (по своему приоритету).

pic5.gif (1426 bytes) pic6.gif (1406 bytes)

Клинические случаи с акцентом типа 1 (я не про акценты, просто случайно вырвалось) : используется много объектов максимально светлого тона. И если вам приспичило вдруг сделать еще один, самый важный, самый главный - то запаса по тону в светлую сторону у вас уже нет. Так что смотрите на шкалу и держите про запас... Можете взглянуть на любую из картин Рембрандта - белый цвет на них не является чисто белым, и имеет огромный запас в сторону светлого. Тут есть еще тонкость... Тон работает не сам по себе, а в соотношении... То есть носовой платок на картине может выглядеть белым, не будучи таковым буквально. Ну и как следствие - чтобы усилить акцент (брр... ,  или просто контраст) - можно высветлить объект, а можно и наоборот, «затемнить» его окружение (что многие дизайнеры и делают, используя накладные тени и эффект Glow, кстати, часто не совсем удачно).


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

pic7.gif (1265 bytes) pic8.gif (1230 bytes)


<<...Предыдущий материал на эту тему

Виктор Вязьминов
MrDeSign

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100