Какого цвета выбрать розетки: Розетки в интерьере: актуальные комбинации дизайна и высоких технологий (99 фото)

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

Параметры правильного выбора

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

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

Для ванной

Нормы ПУЭ ранее запрещали установку в ванной розетки и даже выключателя, во избежание поражения током. Даже стиральные машины были с большей длиной шнура, чтобы производить подключение снаружи помещения с влагой. Сейчас есть розетки с подпружинивающей крышкой, обеспечивающие защиту от капель и брызг даже в момент подключения вилки. Есть накладные влагозащищенные – для тех, кто слишком поздно подумал об установке, но встраиваемые – безопасней, хотя для их монтажа нужно затратить больше усилий.

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

Кухня

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

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

Спальня и зал

Основным критерием выбора выключателя и места подсоединения вилки в спальне и зале является максимальное удобство. Чаще всего здесь используется самый банальный – перекидной выключатель, хотя можно использовать и сложные варианты – например:

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

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

Гостиная и коридор

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

Веранда и балкон

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

Как правильно выбрать самые качественные и надежные розетки для Интернета

Правильный выбор такой розетки делается по типу кабеля, который использует провайдер. Витая пара определяется скоростью передачи и наилучшим выбором специального устройства для подключения будут изделия 5 и 6 категории, например, RJ-45. Если в супермаркете нет консультанта по этой категории, или он плохо осведомлен о типе товара для подключения интернета, лучше посоветоваться с человеком, который задействован в этой сфере.

Как отличить подделку

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

ТОП популярных брендов: что брать

Отличными являются рекомендации от профессионалов, занимающихся монтажом электропроводки оборудования у фирм Legrand, SchneiderElectric, Polo, ABB, Jung, причем предпочтение отдается в перечисленной последовательности. Наибольшее количество одобрительных отзывов собрал Legrand: покупатели отмечают оригинальный дизайн, качество материалов изготовления, полифункциональность устройства и длительную, беспроблемную эксплуатацию.

Лучшие недорогие розетки и выключатели

В относительно недорогом ценовом сегменте можно обратить внимание на продукцию китайских и турецких производителей, о которой много положительных отзывов:Makel, Viko, Bticino,Wessen, Lezard.

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

Полезное видео

Какие розетки лучше ставить в квартире ?

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

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

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

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

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

Поэтому, чтобы правильно выбрать розетки, для установки в квартире или доме, рассматривать их я советую с двух сторон:

— В первую очередь, проверить по указанным характеристикам, подходит ли данная розетка к вашим условиям эксплуатации

— Затем, рассмотреть её воочию, в живую, повертеть в руках, протестировать

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

Для удобства восприятия, выбор розеток, которые лучше ставить в квартире я разбил на две части:

— В первой мы рассмотрим основные характеристики розеток, о чем они говорят и какие должны быть, на примере модели ABB серии Basic 55. Причем, возьмем стандартное описание, которое вы встретите на любой витрине или в интернет-магазине, чтобы условия выбора были максимально приближены к естественным.

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

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

Какие розетки я советую ставить (Не реклама)

Для себя я давно уже выбрал достаточно узкий круг производителей, розетки и выключатели которых я советую своим клиентам, среди них: ABB, Legrand и Schneider Electric. Практически у каждого из них есть широкая линейка моделей на любой вкус и кошелек.

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

— ABB Busch-Jaeger Basic 55

— Legrand Valena

— Schneider Electric Sedna

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

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

Предчувствуя возможные возмущения, сразу скажу, что в списке нет моделей производителей Viko, Simon, Makel, Lezard и т.п. осознанно. За более чем 10 лет работы в электромонтаже, мне довелось сталкиваться с различными розетками и выключателями, от самых простых, до «топовых» моделей – премиум класса. На данный момент, по моему мнению, эти Польские или Китайские производители не дотягивают до требуемого уровня, не зря их модели розеток, зачастую, стоят в 1,5-2 раза дешевле. Вы и сами сможете в этом убедиться, рассмотрев их по предложенной мной методике.

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

ПРОДОЛЖЕНИЕ СЛЕДУЕТ..

python — как выбрать порт при программировании сокетов?

1. Около
2. Товары
3. Для команд

1. Переполнение стека Общественные вопросы и ответы
2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
3. работы Программирование и связанные с ним технические возможности карьерного роста
4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
5. реклама Обратитесь к разработчикам и технологам со всего мира
6. О компании

Выбор цвета | Справка SketchUp

В LayOut всякий раз, когда вы щелкаете образец цвета (например, образцы на панели стиля формы) или выбираете Окно > Цвета , LayOut переносит вас на панель Цвета, где у вас есть полдюжины способов выбрать и организовать цвета для ваш документ LayOut.

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

Примечание: Интерфейс панели «Цвета» в Microsoft Windows отличается от Mac OS X. Хотя по большей части вы можете получить одинаковые результаты в любой операционной системе (различия указаны в следующих разделах), шаги по их созданию результаты разные. Имея это в виду, в следующих разделах отображаются результаты для выбранной операционной системы. (Используйте раскрывающийся список внизу этой статьи, чтобы выбрать другую ОС.)

Навигация по интерфейсу панели цветов

По мере того, как вы выбираете образцы цвета, как декоратор телешоу, имея тридцать минут, чтобы преобразить весь дом, некоторые элементы интерфейса появляются везде, где вы идете на панели «Цвета».Вот краткое введение в инструменты и функции, которые всегда под рукой (или указателем мыши) на панели «Цвета»:

1. Вкладки: Каждая вкладка содержит палитру цветов разного типа, например колесо, ползунки цвета и т. Д.
2. Инструмент «Пипетка»: Выберите инструмент «Пипетка», чтобы выбрать любой цвет, отображаемый на экране, в качестве активного цвета.
3. Область активного цвета: Здесь вы видите текущий выбор цвета. Вы можете перетащить этот цвет на любую фигуру в документе LayOut, чтобы применить цвет в качестве заливки или в любой видимой цветовой ячейке.
4. Пользовательская палитра: Чтобы сохранить цвет для последующего использования, перетащите цвет из любой видимой цветовой ячейки. Добавление нового цвета к существующему цвету заменяет цвет. Если вам нужно увидеть больше лунок, щелкните и перетащите маркер размера в нижней части панели «Цвета», чтобы увеличить количество видимых цветовых лунок.
5. Пользовательская палитра: Чтобы сохранить цвет для дальнейшего использования, перетащите цвет из активной цветовой ячейки (3) в квадрат на палитре. Добавление нового цвета к существующему цвету заменяет цвет.Если вам нужно увидеть больше лунок, щелкните и перетащите маркер размера в нижней части панели «Цвета», чтобы увеличить количество видимых цветовых лунок. Обратите внимание, что вы больше не можете использовать эту палитру в качестве библиотеки для текстур материалов.
6. Ползунок непрозрачности: Этот ползунок изменяет непрозрачность вашего цвета или его степень прозрачности. Когда непрозрачность установлена ​​на 100%, цвет непрозрачный. По мере уменьшения процента непрозрачности цвет становится более прозрачным.

Выноски на следующем рисунке соответствуют номерам в предыдущем списке.

Выбор цвета на цветовом круге

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

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

Следующие шаги проведут вас через параметры цветового круга:

1. Чтобы выбрать цвет, щелкните оттенок цвета на цветовом круге. Выбранный вами цвет появится в области активного цвета.
2. (Необязательно) Чтобы настроить яркость цвета, перетащите ползунок яркости (справа от цветового круга) или введите процентное значение в поле над ползунком.

Точный выбор цветов с помощью ползунков RGB, HSB, Grayscale или CMYK

На панели «Цвета» есть ползунки, позволяющие вводить точные значения цвета любым из следующих способов:

• RGB: цветов RGB традиционно используются для определения цветов на экране. Используйте ползунок, чтобы указать значение красного, зеленого и синего цветов. Эти значения смешиваются, чтобы создать цвет, который вы видите в области активного цвета.
• HSB: HSB — это еще одна система, которая используется для указания цветов на экране, но в этом случае вы устанавливаете значения оттенка, насыщенности и яркости.Поскольку у значения насыщенности есть собственный ползунок, этот метод особенно интуитивно понятен, если вам нужен ненасыщенный цвет.
• Grayscale: Если вам нужен чистый серый цвет (без каких-либо цветовых оттенков), воспользуйтесь ползунком шкалы серого.
• CMYK: Только в Mac OS X вы найдете ползунки для установки значений цвета CMYK (голубой, пурпурный, желтый и черный), система, используемая в профессиональной печати, где цвета указываются в процентах от четырех основных цветов чернил.

Совет. Палитры цветов RGB или HSB подходят для большинства документов LayOut.Если вы не уверены, нужно ли вам использовать CMYK, обратитесь в службу печати.

Чтобы выбрать цвет с помощью любого из ползунков, выполните следующие действия:

1. Выберите вкладку, соответствующую цветовой системе, которую вы хотите использовать: RGB , HSB или Grays .
2. Щелкните и перетащите ползунок, чтобы установить значение для каждого параметра, или введите числовое значение в поле рядом с каждым ползунком. Например, если вы знаете, что в вашем документе необходимо использовать значение RGB: Красный 255 , Зеленый 122 и Синий 50 , вы можете ввести эти значения в поля, как показано на следующем рисунке.Если вы выберете вкладку HSB, вы увидите ползунки «Оттенок», «Насыщенность» и «Яркость». Если вы выберете вкладку «Серые», вы увидите ползунок «Серый».

1. В верхней части панели «Цвета» выберите вкладку Color Sliders .
2. В меню в верхней части вкладки выберите систему значений цвета, которую вы хотите использовать: Ползунок шкалы серого , Ползунки RGB , Ползунки CMYK или Ползунки HSB . На следующем рисунке выбраны слайдеры HSB.
3. Щелкните и перетащите ползунок, чтобы установить значение для каждого параметра, или введите числовое значение в поле рядом с каждым ползунком. Например, если вы знаете, что в вашем документе необходимо использовать значение HSB Hue 21 , Saturation 80 и Brightness 100 , вы можете ввести эти значения в поля, как показано на следующем рисунке. Если вы выберете параметр «Ползунок шкалы серого», вы увидите ползунок «Яркость», а также пять предустановленных значений шкалы серого. Если вы выберете опцию «Ползунки RGB», вы увидите ползунки красного, зеленого и синего цветов, а также шестнадцатеричный номер цвета (также называемый шестнадцатеричным значением ).Если вы выберете опцию «Ползунки CMYK», вы увидите ползунки Голубой, Пурпурный, Желтый и Черный.
4. (Необязательно) Чтобы ограничить параметры цвета определенным цветовым профилем, щелкните значок шестеренки (справа от раскрывающегося меню), чтобы просмотреть параметры профиля цвета, связанные с выбранной системой значений цвета.

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

Получение цветов из изображения

У вас есть изображение с нужными вам цветами, но вы не уверены в их значениях? Обратите внимание на функцию изображения на панели «Цвета», которая позволяет загружать изображение в палитру цветов и выбирать цвета в любом месте этого изображения.

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

1. На панели Цвета щелкните вкладку Изображение .
2. Нажмите кнопку Выбрать изображение .
3. В появившемся диалоговом окне «Открыть» перейдите к изображению, которое нужно загрузить в палитру цветов, и выберите его.
4. Нажмите кнопку Открыть . Ваше изображение появится в палитре цветов, как показано на следующем рисунке.
5. Щелкните изображение, чтобы выбрать цвет.Помните, что вы также можете щелкнуть и перетащить курсор по изображению, чтобы увидеть динамический предварительный просмотр цветов в активной цветовой ячейке.

Примечание: Чтобы вернуться к спектру, нажмите кнопку Reset Image .

1. На панели «Цвета» щелкните вкладку Палитры изображений .
2. Щелкните значок шестеренки рядом с раскрывающимся списком и выберите New из файла в появившемся меню. Или, если вы скопировали изображение в буфер обмена, выберите Новое из буфера обмена .
3. В появившемся диалоговом окне «Новая палитра цветов» перейдите к изображению, которое нужно загрузить в палитру цветов, и выберите его.
4. Нажмите кнопку Открыть . Ваше изображение появится в палитре цветов, как показано на следующем рисунке.
5. Щелкните изображение, чтобы выбрать цвет. Помните, что вы также можете щелкнуть и перетащить курсор по изображению, чтобы увидеть динамический предварительный просмотр цветов в активной цветовой ячейке.

Совет: Чтобы дать изображению более интуитивное имя, щелкните значок шестеренки и выберите Переименовать .Чтобы удалить изображение из средства выбора изображений, выберите Удалить . Если вы добавляете несколько изображений в средство выбора изображений, вы можете выбирать среди них, используя раскрывающийся список.

Выбор цветов из предустановленных списков

LayOut включает в себя предустановки цвета, которые можно выбрать из списка. Чтобы выбрать один из этих предустановок, выполните следующие действия:

1. Щелкните вкладку List .
2. Прокрутите список цветов и щелкните цвет, чтобы сделать его активным.

1. В верхней части панели «Цвета» выберите вкладку Цветовые палитры .
2. В раскрывающемся списке вверху выберите палитру. По умолчанию это меню включает палитры для основных цветов Apple, цветов Web Safe и цветов Crayon (которые также доступны на вкладке Crayons). Если вы определяете настраиваемую палитру, как описано в следующем совете, вы также можете выбрать эту палитру из этого списка.
3. Из появившегося списка цветов выберите цвет, чтобы сделать его активным цветом.Если вы не можете найти цвет, попробуйте ввести его название в поле Search .

В Mac OS X вы можете создать настраиваемую палитру цветов, которую вы определяете. Вот как:

1. Выбрав вкладку Color Palettes , щелкните значок шестеренки и выберите New в появившемся меню. В появившейся новой палитре Безымянный активный цвет становится первым цветом в вашей палитре.
2. Чтобы добавить больше цветов, выберите новый активный цвет и щелкните значок плюса рядом с полем поиска.Или просто перетащите цвет в список. Чтобы удалить добавленный цвет, выберите его в списке и нажмите значок со знаком минус.
3. (Необязательно) Чтобы дать цветовой палитре имя, щелкните значок шестеренки и выберите Переименовать . В появившемся поле введите имя и нажмите кнопку Переименовать .
4. (Необязательно) Чтобы переименовать цвет, дважды щелкните его и введите новое имя.

На следующем рисунке вы видите настраиваемую цветовую палитру для магазина мороженого.

6 советов по выбору потрясающей цветовой схемы веб-сайта

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

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

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

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

1. Познакомьтесь с основами психологии цвета
2. Познакомьтесь с теорией цвета
3. Подумайте о смешивании цветовых сочетаний
4. Все просто
5. Сравните цвета
6. Добавьте свой брендинг

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

1. Изучите основы психологии цвета

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

Цветовые ассоциации очень сильны. Мы развиваем их в младенчестве, и обычно они остаются с нами на всю жизнь. Эти ассоциации инстинктивны и часто подсознательны.

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

Однако некоторые из них носят культурный характер. Одно исследование показало, что у американцев зависть ассоциируется с черным, зеленым и красным, в то время как русские считали черный, фиолетовый и желтый цветами зависти.

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

2. Познакомьтесь с теорией цвета

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

Во-первых, вам необходимо понять первичных , вторичных и третичных цветов.

Основные цвета — это цвета, которые нельзя получить путем смешивания двух других цветов.Есть три основных цвета: красный, желтый и синий.

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

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

Во-вторых, давайте поговорим о теплых и холодных цветах.

Вы, наверное, уже имеете представление о том, что такое теплые и холодные цвета. Красные, оранжевые и желтые цвета относятся к теплым, а синие, зеленые и фиалки — к холодным.

В-третьих, важно понимать цветовых нюанса .

Не все цвета, которые вы видите, являются чистыми. Многие цвета, которые вы видите в Интернете, так или иначе пострадали.

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

Или вы могли бы видеть перенасыщенный или ненасыщенный цвет . Насыщенность цвета — это яркость или тусклость цвета.

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

3. Подумайте о смешивании цветовых комбинаций

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

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

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

Ранее я упоминал, как цвета комбинируются для создания новых цветов, но нам также нужно посмотреть, как комбинировать разные цвета.

Существует пять основных цветовых комбинаций: дополнительных , расщепленных дополнительных , триады и тетрадные , аналогичные и монохромные .

• Дополнительные цвета располагаются на цветовом круге напротив друг друга. Дополнительная цветовая комбинация будет состоять из одного теплого и холодного цветов. Красный и зеленый — одна популярная дополняющая пара.
• Разделенные дополнительные цвета состоят из основного цвета и двух цветов, смежных с дополнительным базовым цветом.
• Триады и тетрадные цвета имеют похожие отношения. Триады используют цвета, равномерно распределенные на цветовом круге (например, красный, синий и желтый).Тетрадические цвета — это четыре цвета, состоящие из двух пар дополнительных цветов (например, красный, зеленый, синий и оранжевый).
• Аналогичные цвета расположены рядом друг с другом на цветовом круге. В результате аналогичные цвета очень похожи, например, зеленый и желто-зеленый.
• Наконец, монохроматических цвета — это просто вариации одного и того же цвета. Это достигается за счет использования оттенков, оттенков и тонов.

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

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

4. Будьте проще

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

У простоты есть два больших преимущества.

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

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

WordStream — отличный тому пример.На главной странице используются всего три цвета: синий, оранжевый и зеленый.

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

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

Эта цветовая схема используется на всем сайте.Вот как выглядит одно из сообщений в блоге:

Это простая цветовая схема, но невероятно эффективная , потому что такой простоты. Это говорит о том, что ярче не всегда лучше.

Evernote — еще один отличный пример:

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

Желтый появляется часто, что делает эту цветовую схему аналогичной.

Эти простые дизайны имеют огромное влияние — помните об этом при выборе цветовой схемы своего веб-сайта.

5. Контрастность цветов

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

Это потому, что контраст создает впечатление. В частности, контраст может привлечь внимание к определенным частям страницы.

Еще раз взгляните на сайт WordStream:

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

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

6. Добавьте свой брендинг

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

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

В этом и есть ключ — подумайте о цветовых ассоциациях, которые у людей возникают с цветами, которые вы выбрали. Соответствуют ли эти ассоциации ценностям, на которых вы построили свой бренд?

Полезно узнать, что сделали и другие бренды.Вот пример с Medium:

При просмотре медийной рекламы часто появляются те же цвета. (Синий, как правило, популярен.)

А теперь приступим к разработке (цветных) схем!

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

Все, что осталось, это пойти и сделать это.

Может потребоваться метод проб и ошибок, но это часть процесса. Любая хорошая цветовая схема будет проходить изрядное количество итераций.

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

Об авторе

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

Как выбрать правильный цвет для кнопок CTA

Цвета вашего бренда? Я уверен, что вы знаете их с головы до ног (может быть, вы даже запомнили эти шестнадцатеричные коды, верно?), Но знаете ли вы, какие чувства они вызывают?

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

По моему пути, покрытому тканью, я провел небольшое исследование цветов, которые выбирал для каждой комнаты. Красный цвет для моей столовой был идеальным — этот цвет «стимулирует аппетит, часто используется в ресторанах и является отличным выбором для столовых в доме», по словам Шервин-Уильямс. Отлично. Те же профессионалы в области красок также сказали мне, что зеленый имеет «успокаивающий эффект», так что можно было пойти в домашний офис.

Когда дело доходит до дизайна бренда, многие люди придерживаются аналогичного подхода. Есть вопрос: «Какой твой любимый цвет?» набор — те, кто выбирает фирменные цвета на основе своего гардероба или домашнего интерьера, и есть вопрос «какие цвета нравятся моим идеальным клиентам?» набор — те, кто находит своего идеального клиента, даже если он находится за пределами их обычной зоны комфорта.

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

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

Как разные цвета влияют на чувства и выбор в Интернете

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

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

Некоторые из этих кнопок предназначены для бесплатных элементов (например, загрузки PDF-файлов или более подробной информации на странице продаж).Другие — более транзакционные, и ваш клик равняется вкладу денег в продукт. Независимо от типа, если вы относитесь к своим кнопкам как к «очередному бренду», вы можете упустить возможность по-настоящему подключиться и конвертировать.

Синий

Синий цвет, который нам нравится в ConvertKit, легко найти на веб-сайтах и ​​в программах. И не зря. Синий символизирует надежность, верность и искренность. Это интеллектуальный цвет, который также ассоциируется с общением, логикой и хладнокровием.(привет спасибо, синий!)

Сумасшедшее яйцо

Если вы собираетесь установить программное обеспечение на свой сайт, вам нужно, чтобы оно было надежным, верно? Crazy Egg использует синий цвет для кнопки призыва к действию и даже выделяет поле, в которое вы помещаете свой URL-адрес, прежде чем нажимать эту кнопку, тем же цветом. Поскольку синий не является одним из их фирменных цветов, он выделяется на фоне зеленого на остальной части страницы. Имея голубой фон, Crazy Egg привязывает цвет к графике и показывает вам, что небо — это предел, когда дело доходит до их тепловых карт.

Лаура Белгрей

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

желтый

Желтый может слишком напоминать вам знаменитую кнопку PayPal «Купить сейчас», но ее эффективность не зря.Согласно Unbounce, желтый цвет считается молодым, оптимистичным цветом, привлекающим внимание. Это также связано с эмоциями, самооценкой, творчеством и дружелюбием.

млн унций

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

LeadPages

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

Брайан Трейси

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

Красный

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

StitchFix

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

Планирование Acuity

В 2014 году компания Acuity Scheduling работала с командой Джоанны Вибе над оптимизацией их веб-сайта, включая кнопки. Изменив цвет кнопки (показано ниже), Acuity добилась увеличения количества нажатий на эту единственную кнопку на 94%. «Мы сделали этот цвет вне фирменного цвета, настолько отличного от палитры, и это было целью сделать его действительно выделяющимся», — сказала Джоанна в The Lede Podcast.Вы сами решаете — выделяется ли вам красная кнопка?

Кайла Рома

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

Хотите узнать, как изменить цвет собственных кнопок поощрительного письма? Щелкните здесь, чтобы узнать все о настройке рекламных писем с помощью ConvertKit.

зеленый

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

Xero

Деньги являются центром мира Xero как бухгалтерского программного обеспечения.И этот бренд максимально использует расслабляющий цвет, сочетая его со словом «бесплатно» в тексте кнопки. Они также выбрали изображение, которое совпадает с синим цветом их логотипа и зеленым цветом кнопки, помогая взгляду перемещаться по странице к этой всегда важной кнопке, которую нужно нажать (Clever, Xero. Мы видим, что вы там сделали).

Копирайтеры

Использование всплывающего окна в середине сообщения в блоге — это широко известная тактика (любите их или ненавидите, всплывающие окна конвертируются). Но обычная тактика успешна только в том случае, если она сделана хорошо, и Копихакеры максимально используют свою цветовую комбинацию: один-два удара Trusty Blue и Refreshing Green.

Оранжевый

Давно известный как популярный цвет для пуговиц, бренды в последнее время склонны избегать этого захватывающего цвета. Но оранжевый заслуживает второго взгляда: это агрессивный цвет, призывающий к действию. Он ассоциируется с весельем, теплотой, страстью и безопасностью. Хммм — может, стоит подумать об использовании оранжевых кнопок…

Монетный двор

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

Экзаменатор социальных сетей

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

розовый

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

Гала Дарлинг

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

Немного творчества

Обнимая этих добросердечных предпринимателей в своих объятиях, Морган из A Little Creative использует розовый как яркий цвет на своем более нейтральном фоне.В сочетании с желтым (помните — комбинация теплых / холодных цветов работает везде, где ), этот сайт привлекает ваши глаза и щелчки прямо к этой ярко-розовой кнопке.

фиолетовый

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

9to5 Chic

У этого бренда фиолетовый цвет в своих фирменных цветах, но 9to5 Chic максимально сдержанно использует фиолетовый.Их фиолетовые кнопки выделяются на фоне домашней страницы в основном серого тона, они действительно выделяются и удерживают вас на их сайте.

Wellness Mama

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

Черный

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

Призрак

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

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

Полоса

Конечно, Stripe использует синюю кнопку, чтобы побудить вас узнать о них больше, но их кнопка «Зарегистрироваться» — это кнопка-призрак, расположенная рядом с синей.

Свадебная проволока

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

А теперь ваша очередь. Какого цвета вы будете использовать для кнопок?

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