Как подобрать цвет веб-дизайнеру онлайн?

Доброго всем времени суток и хорошего настроения! Поговорить, о том, как подобрать цвет онлайн для абсолютно любых целей, предлагаю вам я, Иван Бурыкин. Тема только выглядит простой, на самом деле здесь сокрыто множество подводных камней, на которые со всего маху так легко налететь и пораниться. Потому мой первый совет – осторожность! Об остальном мы поговорим дальше…

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

сочетание цветов в веб дизайне

1. Цветовые ассоциации

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

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

2. Спросите цветовые предпочтения заказчика

Это полезно хотя бы тем, что вам ему итоговую работу сдавать, и он будет её оценивать исходя из собственных вкусов. Однако помните, что заказчик может ошибаться, он точно теорию цвета не читал. Тогда путь остается один – это ненавязчиво убедить его, что в данном случае необходимо думать о большинстве зрителей будущего проекта, а им он видится несколько иначе. Ни в коем случае не указываете ему на ошибки, даже если они очевидны. Психологически это неверно. Легче всего это будет сделать с помощью сайтов его конкурентов, просто сошлитесь на них и он никуда не денется, согласится с вашими доводами. Но, возможно вам повезет и ваши вкусы совпадут, тогда только вперед!

3. Используйте готовый подбор цветов

На данный момент существует большое количество сервисов, которые помогут вам выбрать сочетающиеся друг с другом цветовые комбинации. Я сам использую этот: www.color.adobe.com/ru
О том, как на практике это сделать я снял обучающее видео, где показал основные инструменты, и как ими пользоваться и применять в нашей работе.


4. Психологическое восприятие

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

  • Зеленая краска – покой и умиротворение: трава, лес, растения и листья.
  • Тёплые краски позволяют визуально приблизить нам создаваемое пространство, холодные – отдалить его.
  • Темные цвета – не только траур и эмоциональный страх, но и солидность, и строгость. Тут всё зависит от того, чего вы добиваетесь, можно нарисовать и так, и эдак.
  • Белая — контрастная краска, во всех смыслах. Часто символизирует воздушность и чистоту.
  • Юмористическое отступление, которое добавит нам храбрости

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

Основная типология сайтов и используемых в них цветовых решений.

(можно использовать как справочник)

  • Интернет-магазин, практически всегда соответствует тому, что в нём продается, выпадения из тональности красок товаров не приветствуется, тем более контрастов с ними. Логика нам в помощь!
  • Развлекательный ресурс – буйство красок в самых неожиданных сочетаниях. Радость — основной посыл!
  • Предоставление различных услуг – практически всегда должны соответствовать общей тематике подобных сайтов. Сложившееся стереотипы — наше фсё! )))
  • Новостная общая платформа – строгие и простые решения, не отвлекающие от основного содержимого — контента. Исключения составляют только новостные предметные ресурсы, но там тоже всё не сложно, предмет – цвет или его сочетание.
  • Бизнес сайт солидной конторы – никаких ярких красок, всё величаво и очерчено. Монументально, как государственный банк!
  • Лендинг, визитка, презентация – самые красивые и яркие интернет-страницы. Помните их главная задача – побуждение к действию! Что я там о теплых цветах рассказывал, не забыли ещё?

Ну вот, сначала напугал, видео показал, потом рассмешил и только в конце наконец сообщил, как надо действовать. А вот такой я противоречивый! yes Как сама жизнь. И да, от скромности я не умру, точно. Тут вы абсолютно правы. И в этом я вами солидарен! А что, там у нас, по этому поводу думают великие?

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

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

Иван Бурыкин, до встречи.

Оставьте свой комментарий