Кухня Сидорова Кухня Сидорова
    начало | работы | <советы> | ссылки
начало
название
цвет
фон
заголовок
геометрия
стиль
навигация
коды
 

 
Советы

Цветовая палитра сайта

Целый день сидел на Фотошопе и подбирал цвета для своих будущих страниц. У меня из глаз не вылетают цветные искры?

И всего-то, пытался подобрать из 216 безопасных цветов — два: цвет фона и цвет текста. Измучился страшно, но остановился все же на “черный текст на белом фоне”. Не зря доказано, что черное на белом глаз воспринимает лучше всего. Хотя, уж больна поношенная палитра...

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

Знаю, знаю: эти черные костюмы... в них в гроб кладут. Хочется чего-нибудь повеселее, подемократичнее. Вот Дмитрий Кирсанов в своей книге Веб-дизайн ссылается на совершенно черно-белый сайт норвежского программиста Эрика Наггума (www.naggum.no). Кирсанов говорит, что этот сайт производит впечатление чистоты и свежести на человека со вкусом. Может быть! Но все же сайт скучноват.

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

Кстати, я упомянул выше о безопасных цветах.

Безопасная палитра

Мониторы бывают разные. В том числе и старые, которые не способны воспроизводить более 256 цветов (или 256 оттенков серого).

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

Существует набор из 216 цветов, которые не должны искажаться ни в одном браузере. По крайней мере, так должно быть, и производители браузеров обязаны это гарантировать.

Этот набор цветов называется безопасной палитрой.

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

Безопасная палитра встраивается во многие графические редакторы (в Фотошопе она называется Web-палитрой).

Можно выбирать цвета безопасной палитры и вручную, пользуясь простыми правилами ее построения:

216 цветов безопасной палитры получаются комбинацией RGB-составляющих, каждая из которых может принимать только следующие шестнадцатеричные значения: 00, 33, 66, 99, CC, FF (или 0, 51, 102, 153, 204, 255 в десятичной системе счисления).

Таким образом, всего возможно 6 в степени 3 комбинаций, то есть, 216 цветов.

Так, цвета:

 
#339900
 
#CC9900
являются безопасными.

Вы легко можете построить для себя удобную табличку с безопасными цветами или скопировать ее от Артемия Лебедева www.design.ru/free/colors/.

 

    начало | работы | <советы> | ссылки
   

[универсальная схема навигации]   Иван Сидоров kurs@robotland.pereslavl.ru