Помощь
Вопросы Решения Блоги Сообщество Возможности Мероприятия

У вас отключены Cookies. Для полноценной работы с сайтом необходимо их включить.

Валерий 15
Фантазёр
Вопрос закрыт

Как подбирать сочетающиеся цвета для сайта?

Пробовал делать это через Adobe Kuler – не очень понятно. Есть какие-то простые инструкции и сервисы?

Евгений 74
Создание и продвижение сайтов.
31 мартa

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

Для корпоративного сайта цвета должны быть отражением брендбука компании, ведь сайт неотъемлемая его часть.

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

У информационных сайтов никаких ограничений нет, главное чтобы ничего не мешало восприятию контента.

Валерий 15
Фантазёр
31 мартa

Нет, имеется в виду подбор гармоничных друг другу цветов. Например, я укажу два, и получу комбинации ещё трёх, которые подберёт сервис.

Евгений 74
Создание и продвижение сайтов.
31 мартa

тогда не ищите сайты. Ищите просто подбор сочетаний по цветам. Видел и не раз статьи на эту тему. Наверняка есть и калькуляторы или что-то типа. А разница между сайтом и интерьером не так уж велика. Впрочем, если мне память не изменяет, на сайте рекомендуют использовать 3 цвета максимум.
p.s. дизайн это не мое :)

Алексей 26
Пользователь
31 мартa

Я вот этим пользуюсь:
ссылка
Но я не профи, любитель можно так сказать, мне хватает :)

Ну и плюс мелкая программулина pixie, определяет цвет любой точки на экране, удобная штука

А вобще рекомендую статьи почитать о цветовом круге, их много разных

Роман 12
Основатель компании «SEOBing»
31 мартa

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

Мария 6
Уникальный нейминг
31 мартa

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

Denis Brend
Эффективные бизнес решения.
31 мартa

Доброго времени Евгений. Можно сначала определиться с 1 или 2-мя корпоративными цветами.
Исходя уже от этих цветов, смотреть, какие сочетания цветов будут смотреться выигрышно. Которые не буду раздражать зрительный нерв и благоприятно проецироваться на сетчатки глаза.
Плюс к выше сказанному, желательно соотносить цветовую гамму, к тематике самого сервиса.(зеленый-здоровье, желтый-открытость, синий-надежность и бла бла бла).
Спасибо за внимание.

Ирина 68
Кандидат экономических наук, маркетолог
31 мартa

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

Корпоративные цвета тоже использовать хорошо, вот только не всегда у тех, кто заказывает сайт есть хоть какой-нибудь корпоративный стиль. Не отказывать же им!

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

Никита 7
Web-дизайн
31 мартa

Есть много онлайн сервисов по решению таких вопросов.
Воспользуйтесь интернет инструментом colorscheme, color adobe cc
(Это круг, в котором выбираете свой цвет) - помогает найти сочетающиеся цвета.

palettegenerator - интернет инструмент позволяющий загрузить картинку и посмотреть на ее основные цвета.

materialuicolors - интернет инструмент, помогающий вдохновиться цветовой палитрой.

(все это онлайн инструмент, вставив название в поисковую строку, найдете легко)

Элёржон 3
Режиссура, монтаж, видеопроизводство
31 мартa

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

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

Андрей 16
Веб-дизайнер
31 мартa

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

Также если вам нравится какой-либо сайт, можно воспользоваться грабером colorcombos точка ком (http://www.colorcombos.com/grabcolors.html) (Меню - Tools - Grab Colors - вставляете ссылку) или тыкайте основной цвет в правой колонке Popular Color Tags

Сайт которым при необходимости посмотреть сочетания на изображениях пользуюсь я (http://color.romanuke.com/) color точка romanuke точка com Обязательно нужно обращать на процентное соотношение цветов на фото и стараться использовать их в пропорции, как на понравившемся примере.

Алексей 2
Архивная компания, руководитель
31 мартa

Я создавал сайт нашей компании самостоятельно, основываясь исключительно на собственных ощущениях. Не вебмастер, не дизайнер, не художник. Клиентам нравится (говорили сами).
Использовал конструктор, картинку нашел в интернете (конкретных авторских прав не заявлено). Логотип делал тоже конструктором (он у нас простенький).
Результат, в принципе, положительный. Как уже упоминал, клиенты говорили, что сайт приятный и соответствует направлению деятельности.
Не совсем в целях рекламы, но все же, ссылка (наш сайт): ссылка

Stanislav 2
Эксперт по кооперации
31 мартa

Программа для подбора цвета для сайта ColorMania
Для создания сайтов необходима программа для определения цвета. Программа проста и удобна. И практически незаменима при создании любого сайта.
Программа бесплатна. Скачать ее можно по ссылке: ссылка
Например, когда Вы зашли на какой-нибудь сайт и вам там понравился один или несколько цветов, которые используются на сайте. Для того чтобы определить html-код цвета, Вы нажимаете на пипетку левой кнопкой мыши и удерживая ее, переносите на тот участок цвета, который Вам понравился. После этого отпускаете кнопку мыши. И в окне под номером 2 появляется данный цвет. А в окошке по номером 3 появляется html-код, который вы выбрали. После этого Вы можете скопировать его и вставить себе на сайт.
Также иногда требуется не html-код, а RGB, тогда Вам нужно нажать на список под номером 4 и выбрать RGB Values и в окне ниже Вы увидите цифры, которые обозначают насыщенность различных цветов (красный, зеленый, синий)
Если Вы захотите сохранить выбранные Вами цвета, то для этого используют палитру.

Нажав на кнопку Copy (№1), копируем цвет в буфер обмена. После чего правой кнопкой мыши нажимаем на палитру (№2) и выбираем Save Color Here, в то окошко, которое Вы выбрали и данный цвет в этом окошке сохраниться. Если Вам нужно сохранить всю палитру цветов, нужно нажать на кнопку Save (№3), появиться окно Сохранить Как и дальше Вы сможете сохранить палитру в любое удобное для вас место.
Отнеситесь внимательно к этому простому и полезному инструменту. Это будет Ваш незаменимый помощник при создании сайта.

Авторизуйтесь, чтобы иметь возможность отвечать на вопросы