Практика разработки Web-страниц

       

Цвета на странице дисгармонируют


Посетители ценят четкую информацию, представленную на нарядной странице. Если вы использовали слишком много цветов или несочетающиеся друг с другом цвета, это может раздражать посетителей или сделать текст трудночитаемым. Интенсивные цвета могут выглядеть отвратительно на компьютерном экране, так что нужно использовать их экономно. Если на вашей странице слишком много цвета, сделайте следующее.

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

    Из темных веб-устойчивых цветов попробуйте следующие:

    #993333, #000099 или #996666. Не бойтесь использовать черный (#000000), если у вас слишком много цветов. Для ярких цветов используйте приглушенные тона, такие как #CCCC99, #99CCCC или #FFFFCC. Используйте серый (#CCCCCC) или белый (#FFFFFF).

  2. Старайтесь использовать цвета, подходящие для вашей темы и аудитории: темно-голубой, серый и белый очень официальны, в то время как яркие цвета, например, апельсиновый или морской волны, больше подходят для личной страницы.
  3. Если вы используете на вашей странице фоновый рисунок, убедитесь, что он простой и хорошо контрастирует с текстом.
  4. Если у вас есть любые рисунки GIF или JPEG, поместите их на вашу страницу, чтобы посмотреть, как они будут сочетаться с цветами, которые вы выбрали. Если цвета не сочетаются, попробуйте изменить цвет фона или текста.
Если вы используете FrontPage, тема – самый простой способ выбрать полностью цветовую гамму. Чтобы подставить тему, в меню Format нажмите Theme. Просмотрите темы, чтобы выбрать ту, которая вам нравится, пробуйте различные опции, вроде Vivid Colors и Background Picture. Учтите, что выбрав тему, вы больше не можете изменять фон или цвет текста. Зато вы можете вносить изменения в саму тему.
Новые версии графических программ, такие как Photoshop 5.5 и Fireworks 3, могут отображать цветовые коды RGB как в десятичном, так и в 16-ричном представлении, помогая вам выбрать веб-устойчивые цвета.




Номера цветов в сети

Сейчас вы, возможно, проглядываете несколько шестизначных цветовых кодов, вроде #CCCCFF (бледно-лиловый) или #000066 (темно-синий). Как в них разобраться?

Вот как это работает. Компьютер использует инструкцию, именуемую RGB, сокращение от "красный-зеленый-синий". Каждый цвет состоит из трех величин от 0 до 255: первая – это количество красного цвета, вторая – зеленого и третья – синего. Комбинация 0-0-0 представляет черный цвет, а 255-255-255 – белый. Чтобы уменьшить число знаков в цветовом коде, HTML использует шестнадцатиричную систему. В hex 00 это 0, и FF – это 255; всего шесть знаков могут описать любой цвет. Код черного цвета #000000, а белого – #FFFFFF.

Используя систему RGB, вы можете указать более 16 миллионов различных цветов. Так или иначе, когда вы ограничиваете себя 216 веб-устойчивыми цветами, есть легкий путь распознать их. Веб-устойчивые RGB-цвета состоят из комбинаций только следующих двузначных величин: 00, 33, 66, 99, CC и FF. (Вот почему этих цветов всего 216, а не 256: для каждого компонента цвета – красный, зеленый, и голубой – есть шесть значений в веб-устойчивой палитре. Шесть на шесть и на шесть дает 216 уникальных комбинаций.) Другими словами, #99CC33 – это веб-устойчивый цвет, а #4ED3FC – нет.

Ваш графический редактор может попросить вас указать десятичный код цвета RGB. В этом случае используйте следующие десятичные величины для веб-устойчивых RGB цветов: 0, 51, 102, 153, 204 и 255.

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


Содержание  Назад  Вперед