Цвета для веб-дизайна играют огромную роль. Чтобы грамотно подобрать цветовую схему для сайта, существуют специальные сервисы. Уверена, что у каждого веб-дизайнера в закладках есть хотя бы один такой.
Иногда вот сидишь и думаешь, какой оттенок голубого выбрать основным для сайта, чуть светлее или чуть ярче, а может потемнее взять… А к нему еще надо дополнительные подобрать. Можно конечно делать это и на глаз, но лучше воспользоваться одним из специальных сервисов.
Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .
Содержание
Сервисы подбора цвета для веб-дизайна
С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.
Есть возможность оценить, как будут видеть вашу цветовую гамму люди с дальтонизмом и другими особенностями зрения. Можно выбрать безопасные веб-цвета.
Adobe Kuler второй веб инструмент, который я довольно часто использую. Подбор цветовой схемы происходит практически также, как и на предыдущем сайте, но люблю я его не за это. Кроме того, что вы сами можете создавать цветовые схемы, вы можете посмотреть и использовать схемы, созданные другими людьми.
Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.
Этот инструмент немного похож на Сolorscheme, но имеет меньше функций, зато есть возможность посмотреть, как будут выглядеть цветовые блоки.
Этим сайтом я практически не пользуюсь, но раз уж он есть у меня в закладках, то решила добавить и его.
Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic 🙂
Вы выбираете любую картинку, цвета которой вам нравятся, сервис ее анализирует и выдает вам цветовую палитру. Эти два сайта отличаются лишь тем, как предоставлять им картинку.
На этом сайте необходимо указать ссылку на изображение.
palettegenerator.com
На этот сайт нужно загрузить картинку со своего компьютера.
palettable.io
Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».
flatcolors.net
Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.
materialpalette.com
Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.
getuicolors.com
И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.
Вот такие инструменты есть у меня в закладках.
Если вы решили создать сайт, то должны знать, что цвет играет достаточно большую роль в жизни каждого человека. Если вы научитесь правильно оперировать цветом, то без труда сможете с первых страниц продемонстрировать посетителям атмосферу сайта, показать его характер.
Начинающие веб-мастера всегда должны помнить, что правильно подобранная гамма цветов для сайта является одним из важнейших моментом, влияющих на его развитие в будущем. Система Joomla предоставляет для этого огромное количество различных вариантов, из которых каждый веб-мастер сможет выбрать для себя наиболее подходящую комбинацию цветов. Каждый сайтостроитель хочет, чтобы его сайт был самым качественным и красивым, это должен быть, как минимум, очередной интернет-шедевр. Система Joomla всегда рада предложить свою помощь начинающим.
Веб-мастер, прежде всего, должен понимать, что самым трудным в дизайне является умение правильно совмещать различные цвета. Этому сложно научится, потому, как благоприятное сочетание цветов нужно уметь видеть и чувствовать. Все эти умения приходят к веб-мастеру с опытом. Но даже если вы пока не имеете такого опыта, то система Joomla предоставит вам все необходимые инструменты, которые помогут подобрать наиболее оптимальную комбинацию цветов. Так, если задать системе нужную гамму цветов, то она самостоятельно подберет те цвета, которые больше всего подходят к выбранной гамме. Также, веб-мастер должен четко понимать, что цветовое оформление сайта должно полностью соответствовать его контенту.
Главной задаче цветового оформления сайта является подчеркивание значимости сайта. Дизайн сайта ни в коем случае не должен отвлекать посетителя от главного – информации, представленной на сайте. Система Joomla способна найти такие цветовые решения, которые наилучшим образом выделят основные информационные области. Однако стоит отметить, что одних людей определенные цвета могут привлечь к поданной информации, а других они оттолкнут. Но так или иначе, цветовое оформление сайта должно подсказывать посетителю, что он сможет найти на сайте. Ведь одни посетители, например, посетив интернет магазин, попытаются найти какую-то техническую информацию того или иного продукта, а другие – сразу же приступят к покупке товара.
Изучив возможности Joomla, можно создавать красивые сайты с продуманным дизайном, который поможет подтолкнуть посетителя к каким-то определенным действиям.
Библиотека » Психология рекламы, Психология цвета » Цвет в рекламе
© В.И. Шуванов
Важнейшее значение для эффективной рекламы имеет свет и цвет. Психологи считают, что свет бросает вызов человеку, призывает его к действию. Оттенки освещения вызывают у него различные настроения. Сочетание различных осветительных элементов должно обеспечить такую игру света и тени, чтобы способствовать показу товара в более выгодном свете, и наоборот, ослабить восприятие наименее эффективных его атрибутов.
Психологические исследования показали, что витрина магазина с освещением в 800 люксов вызвала интерес у 5 из 100 прохожих, при освещенности в 1200 люксов «задержались» 20 человек, а освещенность в 2000 люксов привлекли внимание уже 25 прохожих. Установлено: чем слабее источник света, тем гуще вызываемая им тень, результатом чего является утомление посетителя в его стараниях рассмотреть светлые и затемненные стороны рекламируемого товара.
Занимаясь подготовкой плаката, буклета или другой печатной рекламы, очень важно хорошо продумать дизайн: правильно расположить текст, найти эффектную картинку и выбрать ту цветовую гамму, на фоне которой реклама товара будет восприниматься наилучшим образом.
Согласно результатам, полученным в ходе многочисленных психологических экспериментов, учеными был сделан вывод, что цвет определенным образом влияет на восприятие человеком веса тела, температуры помещения и оценку удаленности объекта.
Так, красный, желтый, оранжевый цвета визуально приближают предмет, увеличивая его объем и как бы «подогревая» его. Голубой, синий, фиолетовый, черный — визуально отдаляют объект, уменьшают и «охлаждают» его. Поэтому, выбирая тот или иной цвет для рекламы товара, следует оценить его с точки зрения этих параметров.
Восприятие цвета зависит от эмоционального состояния человека. Именно этим объясняется то, что человек, в зависимости от своего эмоционального состояния, расположен к одним цветам, равнодушен к другим и не приемлет третьи. Эти закономерности открыл Макс Люшер в середине XX века. Создавая свой цветовой тест, Люшер исходил из того, что восприятие цвета у человека сформировалось в результате образа жизни и взаимодействия с окружающей средой на протяжении длительного периода исторического развития.
Сначала жизнь человека определялась главным образом двумя факторами, не подлежащими произвольному изменению: ночью и днем, светом и тьмой. Ночь означала условия, когда активная деятельность могла прекращаться. День требовал активных действий — поиска пищи, элементарного обустройства. Отсюда темно-синий цвет ассоциировался с ночным покоем, а желтый — с солнечным днем и его заботами. Красный цвет напоминал о крови, пламени и связанных с ними ситуациях, требующих высокой мобилизации, активности.
Отношение к цвету определялось характером жизнедеятельности многих поколений, обретая устойчивость, а любое проявление жизнедеятельности, в свою очередь, всегда сопровождалось тем или иным эмоциональным состоянием. Поэтому и отношение к цвету всегда было и остается эмоциональным.
Кроме того, Люшером был сделан еще один важный для рекламной индустрии вывод — цвет не только вызывает соответствующую реакцию человека в зависимости от его эмоционального состояния, но и определенным образом формирует его эмоции.
Семантика цвета
Красный — настраивает на решительность, способен вызвать у человека сильное желание совершить тот или иной поступок и, применительно к теме нашего разговора, сделать энергичное усилие и купить, к примеру, рекламируемый товар. Данный цвет, как никакой другой, способен быстро привлечь к себе внимание, зафиксировать взгляд на предмете рекламы. Семантика этого цвета — «внимание, не проходите мимо, действуйте ради действия: дерзко, необдуманно, поддайтесь первым чувствам» . Красный цвет также обладает и определенным сексуальным зарядом. Это особенно необходимо учесть тем, кто рекламирует продукцию, адресованную мужчинам, для которых красный цвет всегда был знаковым.
Однако не стоит излишне переоценивать этот цвет: он хорош в меру. Так, небольшая деталь объявления или каталога, выделенная красным, будет уместна и сразу привлечет к себе внимание, в то время как чрезмерное его использование способно вызвать у потребителя агрессивность и даже раздражение предметом рекламы.
Оранжевый — помогает вызвать прилив жизненных сил, дает оптимистический тонус. Древние считали его цветом здоровья и творчества. Данный цвет лучше всего использовать в рекламе медикаментов, детских товаров, а также услуг в области здравоохранения и образования. Оранжевый цвет прибавляет активности, но при этом дает ощущение внутреннего равновесия и душевной гармонии.
Желтый — настраивает на коммуникабельность. Это цвет открытости и общительности. А еще он помогает придать уравновешенность разгулявшимся эмоциям, обрести внутреннее спокойствие, утихомирить душевное волнение. Кроме того, желтый способен «наделить» предмет интеллектом, поэтому, например, рекламу товаров типа «хайтек» лучше всего сделать в желтом цвете. Этот цвет будет удачен в рекламе детских товаров, услуг туристических фирм, а также рекламных и PR-агентств.
Зеленый — все смягчает, снимает остроту переживаний. Этот цвет оказывает целительное, расслабляющее действие. И будет уместен и эффективен в рекламе медикаментов, водоочистительных систем, стоматологических клиник и аптек, ветеринарных лечебниц, центров здоровья и охраны окружающей среды.
Розовый — прекрасный помощник в сфере личных отношений: он усиливает чувства, делает нас более внимательными, ласковыми и чуткими. Диапазон использования этого цвета может быть самым широким: от рекламы парфюмерной продукции, товаров для женщин и детей до услуг брачных агентств и семейных центров.
Голубой — тоже настраивает на область чувств, но более возвышенных, скорее платонических, нежели приземленных. Это цвет дружеской привязанности, родства душ. Голубой — цвет мира и всеобщей гармонии. Он дает возможность почувствовать незримую связь со Вселенной и способен придать предмету целостный вид, а вопросу или делу — глобальность и благоприятный исход.
Синий — помогает сконцентрироваться на самом необходимом: не расплыться по мелочам, не разбрасываться. Синяя деталь в каталоге или рекламном проспекте сразу привлечет к себе внимание и, в отличие от красной, никогда не вызовет отрицательных эмоций.
Фиолетовый — цвет внутренней сосредоточенности. Этот цвет способствует внутреннему углублению: он поможет абстрагироваться от всего ненужного в данный момент и сконцентрироваться на главной проблеме. Еще одна интересная деталь — фиолетовый хорошо стимулирует работу мозга и способствует решению творческих задач. Не случайно фиолетовый так любим людьми творческими. Поэтому, если вы рекламируете товар, с помощью которого хотите подчеркнуть креативность товара или ориентированы на предоставление услуг творческой элите, деталь в фиолетовом будет просто необходима!
Черный — цвет самопогружения: он помогает от всего отгородиться, замкнуться и сконцентрироваться на решении той или иной задачи. В то же время данный цвет способен настроить на меланхолию и уныние. В черном приходит ощущение одиночества и изоляции от окружающего мира. Именно поэтому данный цвет в печатной рекламе лучше не использовать. Эта рекомендация, разумеется, не распространяется на шрифт и таблицы. Как раз в отношении их-то, за редким исключением, лучше не экспериментировать.
Белый — цвет полной открытости, готовности воспринимать мир во всем его многообразии. А еще этот цвет хорош тем, что не несет никаких неприятных ощущений. Стоит лишь заметить, что моноиспользование данного цвета в печатной рекламе способно создать нейтральный эффект, когда потребителю рекламы просто сообщается информация о товаре, без установления каких-либо акцентов и приоритетов.
Интересно, что отношение к цвету в каждой стране свое, и существует даже своя национально-культурная специфика, которую необходимо учитывать, занимаясь разработкой рекламной кампании в той или иной стране.
В Америке красный цвет ассоциируется с любовью, желтый — с процветанием, зеленый — с надеждой, голубой — с верностью, белый олицетворяет чистоту, спокойствие, мир, а черный — символ сложности и чрезвычайной ситуации. В Австрии наиболее популярным является зеленый цвет, в Болгарии — темно-зеленый и коричневый, в Пакистане — изумрудно-зеленый, а в Голландии — оранжевый и голубой.
В целом, чем ближе к Востоку, тем большее значение придается символике цвета. Так, в Китае красный цвет означает доброту и отвагу, черный — честность, а белый, в отличие от общепринятого европейцами символа чистоты и святости, ассоциируется с подлостью и лживостью. Поэтому, занимаясь разработкой рекламной кампании, скажем, в Китае, нужно правильно выбрать цветовую гамму, иначе $сть шанс быть неправильно понятым.
Что касается России, то излюбленным цветом у нас всегда был красный, который испокон веку ассоциировался с богатством и любовью. До сих пор ключевыми цветами, украсившими российский флаг, остаются красный, белый и синий (символ чистоты и духовного совершенствования) .
Интересна символика цвета в Японии, хотя здесь все несколько сложнее из-за того, что многое зависит и от формы цветового изображения. Очень любопытны данные относительно влияния цветовых и графических решений на эмоции человека. Принято считать, что вертикальные или горизонтальные прямые линии ассоциируются со спокойствием, ясностью и даже солидностью, а изогнутые — с изяществом и непринужденностью. Однако это справедливо только при определенных условиях. Например, чем чаще вертикальные и горизонтальные линии и чем контрастнее цвета, выбранные для их изображения, тем более неприятные ощущения они производят.
Незамысловатые и симметричные формы «прочитываются» гораздо быстрее других. Наиболее сложно воспринимаются фантастические, изощренные формы, лишенные явных ассоциаций. Они привлекают внимание, но способны вызвать непредсказуемое отношение.
Установлено, что символика отражения формы соответствует реальным ощущениям. Например зигзагообразная линия «^» передает впечатление резкого изменения, концентрации силы, быстрого высвобождения энергии. Так все народы графически изображают молнию. Несбалансированные формы вызывают ощущения дискомфорта, незавершенные формы человек стремится мысленно дорисовать, достроить.
Сильное эмоциональное воздействие определенных форм и цветовых сочетаний было замечено и освоено еще в глубокой древности. Цвет и форма целенаправленно использовались в психотерапевтических целях. Восприятие цвета и эмоциональное к нему отношение зависит главным образом от эмоционального состояния человека. Оказалось, что определенным эмоциональным состояниям человека соответствуют его устойчивые отношения к цвету, цветосочетаниям: одному цвету отдается предпочтение, другой не вызывает особых эмоций, третий вовсе отвергается.
Таблица. Влияние цвета на восприятие рекламного сообщения
| Цвет | Символ зрительно-чувственного восприятия | ||||
| Расстояние | Размер | Температура | Душевное настроение | Гигиеническое воздействие | |
| Зеленый | далекий | уменьшает | нейтральный, очень холодный | очень спокойный | свежий |
| Красный | близкий | увеличивает | теплый | раздражающий, тревожный | — |
| Оранжевый | очень близкий | увеличивает | очень теплый | увлекательный, возбуждающий | — |
| Желтый | близкий | — | очень теплый | увлекательный, возбуждающий | — |
| Коричневый | очень близкий | — | нейтральный | — | грязный |
| Фиолетовый | очень близкий | — | холодный | агрессивно тревожный, обескураживающий | — |
См. также:
Психология цвета в дизайне упаковки
Статья об эмоциональном восприятии цвета web пользователями, публикация представлена в виде краткого руководства с наглядными примерами сайтов. Материал рассматривает:
- Особенности эмоционального восприятия в дизайне веб-сайтов 12-ти популярных цветов
- Возможности привлечения целевой аудитории цветовым оформлением. Проследив за применением цвета в различных дизайнах, попробуем выяснить: что заставляет посетителя сайта действовать?
Цветовосприятие относительно мало изучено и, тем не менее, удачно подобранный цвет – это мощное средство эмоционального воздействия на пользователя. Различные цвета вызывают у нас уникальную эмоциональную реакцию и грамотный дизайнер знает, как и когда применить нужный оттенок.
Оттенки одного и того цвета воспринимаются нами по-разному
Перед вами оживленные зеленые тона. Просто разделяйте цвет на темный и светлый. В этой энергичной колористике у любого оттенка свои свойства. Хотя у светлозеленого с темнозеленым больше общего чем, к примеру у зеленого и пурпурного, но эффект эти цвета окажут различный. Как правило, яркие тона повышают активность, а темные расслабляют. Светлая Calls-to-Action кнопка больше притягивает взгляд, а темная создает эффект погружения.
Красный
Оттенок красного воспринимается как непринужденный, веселый и стимулирующий
Увлеченность, решительность и значимость
Применяемый в качестве основного, красный цвет вызовет ощущение серьезности и высокой осведомлённости. В буквальном смысле ускорит циркуляцию крови, обмен веществ и частоту дыхания пользователя. Вызывает различные ассоциации: от любви и до войны. Значимость – вот, что объединяет их. Представьте кого-либо на красной дорожке.
Осторожнее с ним в оформлении. Способность красных тонов привлекать внимание ценится дизайнерами, но чрезмерность подавляет пользователя. Светлые оттенки вызовут ощущение молодых энергичных усилий, а темные – мощности и надежности как у кирпичной стены.
У игровой компании Playtika мощная лендинговая страница. Лого с гепардом создает ощущение флагмана индустрии, смягченное мультяшностью стиля с человечной улыбкой.
Оранжевый
Epic применяет оранжевый в качестве подсветки
Энергичность, веселье и непринужденность, дешевизна
Подпитываемый воздействием красного спектра, оранжевый оживляет дизайн сайта, но в более мягкой степени – без тяжестей красного. Цвет игровой, импульсивный. Кто-то считает, что оранжевый порождает поспешность, соблазняет посетителя поддаться порыву и, к примеру, совершить неожиданные покупки.
Обозначьте желтым свой энтузиазм и активную позицию. Например, агентство Epic подчеркивает энергичность и молодость команды.
Желтый
Желтым можно повысить активность или раздражение
Радость, доброжелательность, предупреждение
Очень необычное влияет на эмоции и мышление. Символизируя радость, желтый подает сигнал тревоги и вызывает беспокойство. Подобно красному с оранжевым, желтые тона активизируют деятельность пользователя. Применяя на сайте, нужно помнить об ассоциациях с предупредительными дорожными знаками или шашечками такси и учесть негативные стороны. В светло-желтых оттенках перевешивают аспекты радости, напоминая нам о солнечном лете. Более темные, включая золотистый, вызывают ощущение весомости и старинной ценности.
Доминирующий в палитре сайта Post-it ярко желтый цвет подчеркивает сам продукт. Побуждает пользователей к активным действиям и делает бренд узнаваемым.
Зеленый
Зеленая гамма подчеркивает жажду к приключениям
Натуральность, стабильность, благополучие
Зеленый олицетворяет окружающую среду, его рекомендуют применять для био-тематик и демонстрации качества органических продуктов. Этот сбалансированный цвет может связывать теплые и стимулирующие – красный, оранжевый, желтый с холодными & спокойными оттенками синего или пурпурного. Создает обстановку стабильности. Также, зеленый используют в качестве акцентного цвета для кнопок с призывами к действию, поскольку он выделяется среди других, но более мягко, чем теплые цвета. В западном мире зеленый цвет эмоционально связан с деньгами и финансовым благополучием.
Игровой сайт Sanhok добавляет зеленый к другим утонченным оттенкам для создания эмоционального ощущения приключений на лоне дикой природы.
Синий
Синие оттенки в палитре сайта финансиста повышают доверие
Спокойствие, достоверность, приглашение
Наиболее популярный цвет в веб-дизайне и тому есть причина. Синий – это цвет доверия. Внушая спокойствие и безмятежность, он эффективен там, где важна надежность с безопасностью (применяют банковские сайты citibank.ru, chase.com и barclays.co.uk). Успокаивающий эффект делает цвет дружелюбным и гостеприимным, поэтому оттенки синего присутствуют в дизайне Фейсбука и Твиттера.
Вовлекающая живость синего перевешивает остальные цветовые эмоции. Разве недостаточный повод, использовать синие тона в других нишах?
Будучи цветом воды и неба, голубой освежает и пробуждает чувство свободы – ярки тона окажут стимулирующее воздействие, оставаясь в целом спокойным цветом в палитре сайта. Темно-синий, скорее подчеркнет аспекты надежной безопасности и чаще выбирается различными профессионалами. Траст крайне важен сайту финансового консультанта Evolve Wealth, вот почему в дизайне полно синих тонов.
Синий – отличный выбор, но не подходит кулинарному сайту и всей фуд-тематике. Синий не нашел применения в дикой природе и считается подавителем аппетита.
Фиолетовый
Фиолетовый эмоционально связывает с благосостоянием и роскошью
Роскошь, таинственность, романтика
Уже давно ассоциирующийся с величием цвет, создает атмосферу роскоши и даже придворной моды. Использование пурпурного в качестве основного цвета мгновенно вызывает ощущение элегантности и высшего класса. Это способ привлечь состоятельных клиентов на продающий сайт, даже если предлагаемый продукт бюджетного плана (эффект элитности пурпурного, прямо противоположный оранжевому).
Светлые тона, особенно лаванда, напомнят о весне и романтичности. Темные тона вносят некую загадочность и даже символизируют творческий подход. Фиолетовое затемнение применяют, чтобы отразить чувственную сущность.
Платформа WooCommerce фиолетовым цветом продвигает идею личного обогащения, стимулируя заинтересованных посетителей приобретать с размахом.
Розовый
Розовый поднимает настроение посетителям сайта аренды и проката
Женственность, юность, невинность
Довольно специализированный цвет, который непригоден для многих тематик. Однако будет идеально работать на свою аудиторию. Хотя розовый считают цветом для женщин, без необходимости не вплетайте в цветовую схему сайта гендерные стереотипы. Розовый цвет ассоциируется с детством и сладкими угощениями, иногда невинностью (неудивительно, возникает замкнутый круг). Традиционно, его применяют в романтических тематиках, наряду с красным и светло-пурпурным.
У сайта проката Rentberry, ключевой розовый цвет несет посыл льготности и безопасности услуг аренды. Компания намеренно дистанцируется от конкурентных сайтов с излишней корпоративностью в дизайне.
Коричневый
Очень необычное применение коричневого на сайте B&O Play
Прочность, практичность, деревенская простоватость
Не часто добавляемый в палитры сайтов цвет, но может быть эффективен. Ассоциируясь с деревьями и всем земным, коричневый позволяет пользователю почувствовать себя на открытом воздухе. Сочетания с зеленым усиливают эффект. Очаровывая уютом деревенского жилья, древесные текстуры навевают мысль о старомодном / сельском / коттедже.
В технологических дизайнах преобладают смелые оттенки – к примеру, эффектный микросайт B&O Play. Приглушенные коричневые тона подчеркивают человечность сервиса и шикарно представляют продукт. Есть и ассоциации с натуральным: древесина, кожа в продающем видео, прокручиваемом на мраморном фоне.
Черный
Воздействие черного цвета в дизайн Cartelle довольно ощутимо
Могущество, изысканность, продвинутость
Сильный и смелый цвет очень эффектен в качестве базового, но зачастую черный применяют лишь для текста. Подобно фиолетовому, придает сайту элегантности, возможно таинственности, при этом укрепляя доверие к интернет-ресурсу.
Черный в дизайне Cartelle, бесспорно выделяет главную страницу креативного агенстского сайта.
Белый
Кремово-белые фоны акцентируют внимание на товаре
Опрятность, благородность, благополучие
Противоположный черному, белый отлично сочетается с любым другим цветом. Применяемый в качестве вторично, белый цвет акцентирует внимание на элементах с более стимулирующими оттенками. Таким способом можно буквально управлять пользовательским вниманием. В качестве основного цвета, белый добавит сайту строгой чистоты. Выглядя безупречным, этот цвет добавляет дизайну легкости. Но иногда, ассоциации с чем-то благородным сменяет ощущение холодности и стерильности.
Дизайнеры находят решение в замене белого на кремовый оттенок или цвет слоновой кости. Такие цвета смягчают и даже уменьшают выразительность дизайна, поддерживая минималистичный стиль и визуальный комфорт для пользователя.
Кремово-белый на сайте обувной компании ETQ подобран удачно, он направляет внимание целевой аудитории на продукцию.
Серый
Деликатно выглядят серые тона на мебельном сайте итальянского бренда
Нейтральность, официальность, мрачность
Промежуточный между черным и белым, серый цвет эмоционально нейтрален и не вызывает особых ощущений. Меняя яркость и насыщенность серого цвета можно приближать его к особенностям белого или черного. Если черный это чересчур для вашего дизайна – выберите темно-серый, если белый кажется слишком пресным – замените светло-серым.
У серого немало особенностей. Это цвет формальности и потому дизайнеры профессиональных / обычных сайтов часто применяют серые тона. Серый ассоциируется с хмурым дождливым днем. В качестве основного, серый будет подавлять другие цвета.
Хорошо применяют серый цвет на итальянском мебельном сайте Galvan Mobili, потому как его даже не заметно. Серый бэкграунд добавляет сайту профессиональный вид, заставляет обратить внимание на изображения и красный логотип.
Бежевый
Дизайн Beige воздействует на аудиторию успокаивающе
Обостряет эффектность других цветов
Бежевый не может быть первичным, а упомянут за способность усиливать характеристики других цветов. Такое укрепляющее воздействие делает бежевый цвет идеальным для бэкграундов, либо применения в качестве вторичного цвета.
Миссия бежевого цвета на японском сайте ресторана Beige Alain Ducasse – поддерживать спокойную и комфортную атмосферу, обеспечивая работу продающих элементов сайта.
23 сентября 2010
Желтый цвет в дизайне сайта
Количество пестрых и разноцветных сайтов в сети просто зашкаливает. Практически на каждом сайте можно встретить от 10 и более разных цветовых сочетаний, и это не говоря еще и про оттенки этих цветов. Но вот, что удивительно, среди дизайнерской яркости и пестрости всегда найдутся работы, выполненные в одном цвете, стиле и балансе. Желтый, синий, черный, зеленый и еще множество других цветов, которые задают тон для всего сайта. Именно о таких сайтах мы и будем вам рассказывать в специальном цикле «Анатомия дизайна».
Вы узнаете обо всех основных цветах, используемых в дизайне, увидите самые лучшие сайты с этим цветовым сочетанием, а так же прочтете еще много интересного. Мы уверены, что цикл вам понравится.
Первым цветом, о котором мы расскажем, и примеры сайтов, с преобладанием которого мы подготовили, будет желтый.
«Некоторые художники изображают солнце желтым пятном, другие же превращают желтое пятно в солнце» — Пабло Пикассо.
Немного терминов
Жёлтый — цвет с длиной волны от 565нм до 590нм. (Во как!). Является дополнительным цветом к синему. Однако в древности, из-за несовершенства имевшихся пигментов, его рассматривали как дополнительный к пурпурному. Один из стандартизованных оттенков желтого является компонентом системы CMYK. Шестнадцатеричное обозначение цвета в системе RGB — #ffff00.
Почему выбирают желтый?
Желтый ассоциируется с солнечным светом, подсолнухами и, конечно же, с самим солнцем. Это цвет радости, счастья и безграничной энергии. Желтый цвет создает тепло и уют. Он также вызывает бодрость, способствует стимулированию умственной деятельностью, улучшает память. Так же желтый часто ассоциируется с едой. Чистый желтый цвет очень яркий и особенно привлекает внимание. Возможно, это одна из причин, почему такси окрашивают именно в этот цвет.
Совместно с желтым обычно используют черный. Такое сочетание дает отличный контраст по сравнению с другими цветами. В природе многие животные используют эти цвета в качестве отпугивающего средства. Именно по этой причине такое сочетание можно увидеть в некоторых дорожных знаках, а также в предупреждающих табличках. В геральдике, желтый цвет символизируется с честью и верностью, но по иронии судьбы он же является и цветом трусости.
Желтый лучше всего использовать в чистом виде, либо в его более ярких тонах. При добавлении белого он начинает терять свои основные свойства и становиться бледным, а при сильном сочетании с черным — получается грязным. Таким образом, многие оттенки желтого, как правило, визуально непривлекательны.
Преимущества желтого.
Желтый цвет влияет на нас как морально, так физически. Он способен стимулировать нашу умственную и нервную системы, а также активизировать нашу память. Золотисто-желтый излучает веру в светлое будущее, а также распространяет свою радость. Он светит оптимизмом и просветлением.
Желтый цвет также увеличивает обмен веществ. Являясь одним из самых заметных цветов, он активно используется в дизайне объявлений (например — бирка с ценой на продукты) и привлечения внимания людей. Зайдите в любой супермаркет и обратите свое внимание на то, какие цвета используются в указании стоимости цены на продукты. Там непременно будет желтый цвет.