
- •Планирование web-сайта
- •Именование страниц
- •Добавление деталей
- •Средства навигации
- •Другие часто используемые элементы сайта
- •Заголовки
- •Юзабилити
- •Цвет, оттенки, и тени
- •Монохроматические цветовые схемы
- •Дополнительные цветовые схемы
- •Теплые и холодные цвета
- •Рассмотрение шрифтового оформления
- •О гарнитурах шрифтов или шрифтах
- •О разборчивости и удобочитаемости
- •Первые шаги
Монохроматические цветовые схемы
Цветовые схемы существуют уже очень давно, поэтому нет необходимости заново изобретать цветовой круг. Хотя цвета Web отличаются от цветов печати, принципы остаются такими же. Вы просто заменяете шестнадцатеричные числа названиями цветов, и выбираете ближайший цвет. Одним из инструментов в сети для этого является Color Scheme Generator II (http://colorschemedesigner.com/), показанный на рисунке 8.3, который позволяет быстро и легко определять цветовые схемы, и даже определить, обеспечивают ли выбранные цвета достаточную контрастность для слабовидящих или не различающих цвета пользователей.
Рис. 8.3. Color Scheme Generator II
Если требуется дополнительная помощь, чтобы определить, что выбранные цвета обеспечивают достаточно хороший контраст, попробуйте использовать инструмент Contrast Analyser (http://www.paciellogroup.com/resources/contrast-analyser.html) компании Paciello Group. Этот инструмент определяет контраст между цветами фона и переднего плана.
Чтобы получить оттенок, тональность и тень для желто-оранжевого цвета в сетевом генераторе цветов, выберите сначала цвет, на который указывает стрелка на рисунке выше. Затем выберите Mono на панели, расположенной ниже цветового круга, и Default на панели в поле справа. Выберите также Normal Vision в раскрывающемся меню внизу справа. Не ставьте флажок "reduce to 'safe' colours" ("сократить до 'безопасных' цветов") над полем цвета, если не являетесь пуристом.
Примечание. Термин "безопасные цвета Web" (http://www.lynda.com/hex.asp) появился в то время, когда мониторы компьютеров могли выводить только 216 цветов. Эти 216 цветов должны были выглядеть одинаково на различных компьютерных платформах и браузерах, которые содержала 256-цветная (8-битная) компьютерная система, поэтому они были названы безопасными для использования на различных платформах. Хотя некоторые пуристы по-прежнему настаивают на "палитре безопасных цветов Web", современные браузеры способны работать с так называемых "32-битным" цветом. Реальный 32-битный цвет с десятью или одиннадцатью битами на канал создает 4,294,967,296 различных цветов. Другими словами, вполне безопасно сказать, что палитра "безопасных цветов Web" может понадобиться крайне редко.
Вернемся назад к монохроматической цветовой схеме. Результаты, которые должны получиться при выполнении описанных выше действий, будут следующие: желто-оранжевый цвет (#FFCC00), оттенок (#FFF2BF), тональность (#FFE680), и тень (#B38F00). Эти шестнадцатеричные числа значительно более надежны, чем любые предположения, которые можно было бы сделать при попытке совместить реальный цветовой круг с окном Web-браузера. И как предполагает "Mono", эта схема преобразуется в монохроматическую цветовую схему, показанную на рисунке 8.4.
Рис. 8.4. Монохроматическая цветовая схема
Монохроматическая цветовая схема соответствует одному цвету и всем его оттенкам, тональностям и теням. Хотя эта схема самая простая для использования, она не вызывает большого энтузиазма при проектировании Web у многих дизайнеров. Вместо этого вы можете захотеть исследовать другие схемы, чтобы сделать более привлекательными ссылки, изображения, и баннеры.