Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Выбираем цвета


Автор: DezmASter 5.10.2006, 23:55
Выбираем цвета

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

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

Думаю все читатели знают, что такое безопасная веб палитра. Для тех, кто к сожалению не знает - вкратце объясню.

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

К общему сведению скажу - общее количество цветов - 216.

Продолжим. Несомненно - чтобы сделать что-либо красивое не всегда хватает всей палитры.
В этот раз мы будем действовать на свой страх и риск. НО. В самых популярных браузерах существует поддержка всех цветов. Правда если пользователь не отключит данную опцию(что к слову происходит очень редко).

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

Через пару дней я продолжу данный филосовский труд.  Пока же я предоставляю список безопасной палитры а так же - ссылки на подборщики контрастных, не раздражающих глаз цветов.

http://softsearch.ru/programs/168-822-yuf-color-picker-download.shtml
http://abc-192.mosuzedu.ru/colorchooser.html

user posted image
http://looklar.com/web-palitra.png

Добавлено @ 00:00 
Так же могу предложить практическое задание.

Выполните небольшую зарисовку - 3 круга - разные диаметры но точка центра одинакова. Т.е. у вас получится этакое кольцо.

1)Сделайте его в безопасных цветах - 3 разных
2)Сделайте его в небезопасных цвтах - 3 разных

Расположите их вперемешку и выложите тут - будем отгадывать вместе - где какие smile

Автор: Str!pe 12.10.2006, 01:00
а можно корелом пользоваться... тогда точно подберешь.

Автор: $tatic 12.10.2006, 13:31
ColorImpact - супер. (http://www.tigercolor.com/)

Автор: 12345c 12.10.2006, 15:35
Хорошие ссылки, особенно, вторая. Есть ещё практичный выборщик цветов под названием ColorPic (одновременно снимает цвета c экрана). Описание, например. здесь: http://soft.softodrom.ru/ap/p760.shtml

Выбирать коды цветов можно встраиваемым скриптом, генерирующим палитру - http://javascript.aho.ru/subs/subs006.shtml
Примеры - http://javascript.aho.ru/subs/subs006xmp.shtml

Автор: Blaga 21.10.2006, 19:31
Такие круги? А теперь отгадывать какой круг в безопасных а какой нет? Вот моя попытка:
user posted image

user posted image

Автор: DezmASter 21.10.2006, 20:02
Blaga, начнем. 

1. Цвета подобраны хорошо, кроме центрального - он резко констатирует с другими и немного раздражает глаз
2. По безопасности:

1. Безопасные - средний - желтый
2. Не безопасные - остальные 2.

Исключительно полагаюсь на интуицию без использования подручных средств.

Автор: Blaga 22.10.2006, 04:50
 smile  ой, я не понял суть прорисовки.smile На самом деле верхний рисунок весь из небезопасных, а вот нижний из безопасных полностью. А насчет подборки, ты прав. Пойду еще нарисую. smile

Автор: DezmASter 24.10.2006, 02:32
Ждем smile

Автор: Blaga 24.10.2006, 10:13
Вотс... по моему неплохие такие сочетания... по крайней мере не заезженные типа черно-оранжево-белый... хотя...
user posted image
user posted image
 smile  smile

Добавлено @ 10:14 
в первом три цвета... белый еще.

Автор: $tatic 24.10.2006, 10:21
Цитата(Blaga @  24.10.2006,  11:13 Найти цитируемый пост)
черно-оранжево-белый

Билайн smile

Автор: Blaga 24.10.2006, 12:35
$tatic, билайн по моему это черно-бело-желтый... если я не ошибаюсь... да и не в тему это...smile smile

Автор: DezmASter 24.10.2006, 22:17
первый не оч. а второй норма.

второй думаю безопасный полностью?

Автор: Blaga 25.10.2006, 14:31
DezmASter, в этом случае они оба из безопасных... smile Может быть еще чтонибудь интересное придумаеш? smile а то не вечно же нам цвета подбирать так... А? smile

Автор: DezmASter 26.10.2006, 21:05
Blaga, есть такой вариант еще. Найти дизайн чего-либо (не обязательно сайты, можно фирменный стиль и т.п.) в безопасных цветах. Ведь сейчас это найти уже довольно трудно smile но можно. Заодно потренируемся в распозновании безопасных.

Добавлено @ 21:06 
имеется дизайн выполненный известными студиями smile

Автор: Blaga 27.10.2006, 11:10
DezmASter, а давай попробуем... ну, я начну с самого актуального...smile с винграда... я так понимаю что здесь три основных цвета... это белый, серый, и светло зеленый(посмотри на отображение этой темы)... короч. мне кажеться что светло зеленый не безопасный... а с остальными все ок... следующий ход твой...

Автор: DezmASter 27.10.2006, 15:31
Blaga, Возьмем студию Лебедева. какие там цвета безопасные? а какие нет?

Автор: Blaga 28.10.2006, 16:24
ну если говорить про сайт http://www.artlebedev.ru/ то я думаю так.... вижу там четыре основных цвета... фон - белый, безопасный. текст и шапка - черный, тоже наверное безопасный... серый в менюшке - мне кажеться что он не безопасный... и красный и синий в ссылках - безопасный, но сочетание мне не нравиться... вот так smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)