А давайте я научу вас красиво красить
Опубликовано 06.12.2007 - В рубриках: Теория дизайна
Сегодняшний пост будет полезен, прежде всего, новичкам в дизайнерском деле, но и «более продвинутые» смогут найти для себя кое-что полезное. А расскажу я вам об уникальных цветовых палитрах.
На самом деле «по правилам» цвета для сайта должны подбираться по формулам или хотя бы по схемам , но для этого нужно разбираться в теории цвета и вообще знать хотя бы что такое цвет .
Есть более простой, и не менее продуктивный способ. Обратимся к матушке-природе, она уже давно придумала все «велосипеды» за нас.
Идем на замечательный англоязычный сайт (не бойтесь, нам нужны только картинки от туда), и смотрим представленные палитры. Вот то, что нам нужно — наборы заведомо гармоничных цветов. Выбирайте любой!
Но как же ими пользоваться? Да очень просто, переходим к практике.
Выбираем палитру попроще, что бы быстро со всем разобраться.
На большинстве сайтов присутствует 3 группы цветов, которые используются с разными целями.
Первая группа это фоновые цвета . Судя из названия, цвета используются для фона, а еще от них начинает «отталкиваться» вся палитра сайта. Выбирая фон мы выбираем эмоциональный настрой страниц.
Далее идет группа основных цветов . Зачастую это цвет основного текстового потока на сайте. Думаю тут всем все понятно.
И последняя группа это акцентные цвета . Этот цвет яркий, выделяющийся из палитры, его следует применять осторожно, так как он выступает в роли перца, и переборщить с ним довольно легко.
Смотрим на выбранную мной палитру:
А теперь красим свой блог или сайт в цвета нашей палитры.
Фоновые цвета получают все фоновые элементы и декорации сайта. Вы должны учесть, что представителей фоновой группы на странице будет больше всего, и соответственно, они задают тон всей композиции. Постарайтесь здесь исключить яркие и раздражающие оттенки.
Основной текст получает у нас красивые основные цвета. Требования к этой группе только одно — достаточный контраст между фоном и текстом, что бы процесс чтения не был затруднительным для посетителя сайта.
И последняя группа — акценты. Раскидываем их по всему тому, на чем хотим сосредоточить внимание. В первую очередь «поперчим» ссылки, на них всегда разумно ставить акцент. Можно еще добавить специй в логотип и название сайта. Главное, как я уже говорил, это не увлечься, иначе ваше «блюдо» будет не возможно съесть. (:
Посмотрим, что у нас получилось с нашей палитрой:
Довольно не плохо, можно сказать, что даже хорошо! Так что теперь немного практики, и вы сможете покрасить практически все, что угодно.
Блог, который вы смотрите — тоже подвергся процессу тюнинга. Здесь используется переделанная тема со странным названием Ygoloner . Что-то убрал, что-то добавил, оставил дерево (уж больно прикольно там расстреливать чайники), кое-что перекрасил , и получилось мило и красиво, правда же? (:
Главное слишком не увлекайтесь этим, а то редизайн — дело тонкое, и об этом я обязательно как-нибудь напишу, так что смело подписывайтесь на RSS !
P.S. Когда-то давно хотел занятся бонсаи, но бросил это дело так и не начав, а вот сегодня попал на интересную статью , и, кажеться, кто-то сейчас пойдет в цветочный магазин... (:
Комментарии
Отзывов (13) на «А давайте я научу вас красиво красить»
Оставьте отзыв
[…] читаю: Денис Судилковский - А давайте я научу вас красиво красить Молочные новости - Компании Google и TomTom представили […]
Всё гениальное просто. Действительно, природа уже все придумала. Просто нужено изменить подход в её понимании. Спасибо за статью.
Очень мило(:
Не сочтите за офф-топ:
прошу совета - мне хочется увеличить на своем блоге межстрочный интервал (вот как у тебя), а параметра, каким он регулируется, найти не могу.
Буду благодарна за совет.
Очень полезный пост! Я даже и не думала, что все настолько просто! Кстати, очень понятно написано! Спасибо!
Вот здесь есть симпатичные палитры для Веб-дизайна, основанные на фотографиях природы:
http://www.tarusa.ru/~golovan/file.php?page=1
http://www.tarusa.ru/~golovan/file.php?page=2
http://www.tarusa.ru/~golovan/file.php?page=3
Сайт на русском языке. Если кому интересны сами фото, автор когда-то выпускал рассылку в subscribe.ru, не знаю, существует ли она сейчас.
[…] Да, и еще: я участвую в конкурсе Жуковского и Попова по раскрутке блога. Присоединяйтесь. И отдельное спасибо Денису Судилковскому за небольшой промоушинг. Читайте у него отличную статью по цветовому дизайну для сайтов. […]
Ольга Иванова, в CSS это line-height.
Вот вам хороший сайт: www.htmlbook.ru, там всё есть
Удач!
Запятую нужно убрать в URL, да.
в CSS это line-height.
Спасибо, Юджин.
почему-то не помогло изменение этого параметра в css(((
http://www.htmlbook.ru/css/line-height.html
Здесь посмотрели?
Попробуйте поставить !important в этом параметре.
[…] Дальше по теме: А давайте я научу вас красиво красить? […]
[…] Еще по теме: А давайте я научу вас красиво красить. […]
[…] - Денис Судилковский о ДИЗАЙНЕ для ВАШЕГО […]