Немного о неоновых цветах
Неон – это элемент таблицы Менделеева, инертный газ без цвета и запаха, активно применяемый для уличного освещения (вывески и реклама). На самом деле, неоновый свет имеет красный оттенок, а для получения всех прочих цветов в освещении используют ртуть и фосфор в определенных пропорциях. Выражение «неоновые цвета» с этой точки зрения неверно, правильнее было бы говорить «флуоресцентные цвета», когда говорят о кричащих, «кислотных» оттенках.
Невероятная популярность неоновых цветов была в 90-е гг. прошлого века, когда в поп-культуре возникли стили рейв и техно.
Самые активные потребители неоновых цветов сегодня – это офисные работники: всевозможная канцелярская продукция часто выпускается в немыслимо ярких оттенках: салатовом, розовом, голубом, зеленом и т.п. Маркеры и самоклеющиеся блокноты неоновых цветов помогают выделить или запомнить что-то важное.
Весной и летом всегда хочется чего-то нового, радующего глаз и привлекающего всеобщее внимание. Пригласите весну и лето в свой дом!
Совет: особенно выгодно неоновые цвета будут смотреться в черно-бело-серой гамме.
Особенности Неоновых Цветов В Веб-Дизайне И Создание В Photoshop
Неоновые цвета и эффекты в веб-дизайне не редкость и увидеть их можно даже на сайтах известных брендов. Но в чем секрет неона, как быстро создать его и стоит ли вообще использовать яркие цвета? Об этом и не только в материале ниже.
Неоновые цвета… такие яркие, веселые, необычные… одновременно раздражающие и радующие человека. Удивительно, но на фоне стандартов веб-дизайна мастера до сих пор используют их в разных сочетаниях и вариациях в своих проектах. Тем не менее, с неоновыми цветами трудно работать без того, чтобы не затронуть дизайн в целом. Да, они отлично подходят для логотипов, иконок, элементов пользовательского интерфейса в приложениях, на плакатах, артах, но с веб-дизайном возникают сложности, если не представлять об основных проблемах и особенностях.
Сегодня мы поищем варианты эффективного использования неона (как эффекта и как цвета) в веб-дизайне, рассмотрим примеры веб-мастеров, получивших награды Аwwwards и Сss Design Аwards и узнаем, чем может помочь Photoshop при работе с неоновыми цветами.
В общем, попробуем стать неоновыми ниндзя!
Оттенок лайма
Зеленый лайм – яркий представитель неонового цвета (без соответствующего эффекта), оттенок которого представляет собой желто-зеленоватый, но еще не салатовый.
Неоновая радуга
В то время как многие цвета могут сочетаться друг с другом и мы их используем каждый день, неоновые цвета не способны создавать общую цветовую схему. Дело в том, что большинство неоновых цветов имеют одинаковые значения по насыщенности и яркости, а потому на экране они сливаются, выглядят одинаковыми. Соответственно, появляются проблемы с читаемостью и общим контрастом. Именно поэтому веб-мастера используют один неоновый цвет, но на фоне более «простого» оттенка и в окружении приглушенных тонов.
Смелые решения
Использовать неоновый цвет в качестве фона в полноэкранном режиме – это смело. Просто смело. Но это не тот прием, который можно видеть на каждом втором сайте, хотя для авторских работ или вариаций конкуренции и разделения пространства между несколькими по насыщенности цветами – естественно.
Будьте только осторожны, чтобы все прочие элементы были минимальными на экране. Не стоит кнопки окрашивать в еще более яркий цвет или текст создавать с аршин. Минимализм, плоский дизайн, простая типографика, строгий шрифт и неоновый цвет создадут куда более стилистический дизайн, строгий, изящный.
Неон и белый цвет
Неоновые цвета и белый никогда не смешиваются, поскольку неоновые элементы на белом фоне практически «нечитаемые». Многие неоновые цвета используют белый для своей светимости, поэтому на экране создастся нечто наподобие пересвета и засвечивания. Проще говоря: эффект неона – эффект свечения белым, а на белом фоне все это сливается.
Неоновый брендинг
Некоторые компании используют неоновые оттенки в качестве главных цветов своего бренда. Например, Nvidia – насыщенный зелёный (лайм) в сочетании с черным, AMD – черный, белый и ярко-насыщенный красный, Devillard – насыщенно желтый + черный, MTN DEW x NBA – зеленый неоновый в сочетании с блеклыми оттенками. В таком случае создавать веб-дизайн гораздо проще, ибо неон должен присутствовать, но в небольшом количестве.
Не стоит отказываться от этого цвета. Наоборот, куда удобно найти ему пары и представить их сочетание на переднем плане, когда как фон будет оттенять их и подчеркивать. Необязательно заливать весь фон брендовым неоном, достаточно создать этим цветом акценты на элементах.
Вне эффектов
Между тем, нужно отдать должное тонкости мастерства, когда эффекты используются, но в таком количестве и так незаметно, что они невидимы почти.
Проект craftedbygc создал анимацию буквы G при попадании на нее курсора мышки. Этим неоновым оттенком выделены и кнопочки, рамочки и прочее. Но все это почти незаметно, а потому смотрится красиво.
Или сайт Wild Side, обладает неоновым градиентом и фотофильтром. При этом анимация позволяет двигать фон и наблюдать его размытие. Обратите внимание на то, что текст достаточно контрастный, читаем и анимация настолько медленная, что сразу её заметить не так просто.
Неоновые акценты
Необычные элементы, кнопки, значки, иконки, полосочки и прочее способны привлечь внимание посетителя к конкретным вещам. Именно поэтому неоновые цвета в веб-дизайне могут использоваться только в крошечном количестве. Создайте точки, брызги, легкий едва заметный эффект узора на фоне, рамку для кнопки. Но помните, что неон будет эффективен визуально только тогда, когда есть сильный контраст между ним и фоном. Именно поэтому в сочетании часто используется черный (темный), а не белый.
И да, текст никогда не создается с эффектом свечения. Для плакатов, фотографий, логотипа – может быть, но текст на сайте – нет. Это выглядит очень раздражающе и обескураживающе. Использоваться может яркий цвет, но не неоновый эффект. Например eaglefilmsme, London Under the Microscope, 32 Guersant, nobumitsu, ameliarthompson, devillard.
Создание неонового свечения
Неоновый эффект или Glow не нов в мире. Это попросту светящийся цвет, который так часто можно видеть на вывесках по ночам. При работе над реалистичностью эффекта в Photoshop создается впечатление, что оттенки и цвет светятся, будто бы действительно сквозь них проходит белый цвет. Важно не сойти с ума и не переборщить со свечением, иначе получится сущая безвкусица, когда как совсем крошечное свечение способно преобразить веб-дизайн.
Другой вариант – анимация, которая при движении курсора будет создавать легкое свечение некого элемента. Это позволит пользователям задержать внимание на объекте.
Неоновые цвета способы оживить сайт в целом и даже «поднять» элементы, создавая тем самым эффект глубины и наслоения. При таком варианте неон не должен подавлять основные цвета в палитре дизайна. Суть неона не в насыщенности как таковой, а в свечении. Это может быть и бледно-розовый, и ярко-желтый.
Еще несколько интересных примеров использования неона в веб-дизайна: We Craft Apps, Zaha Hadid, DERIVE, Sidewalk Labs, creativecats, adaptable, DDD2017, bigomaha, ReNa. Много получилось, но на каждом из них всё по-разному и очень красиво.
Используем Photoshop
Самое простое, где может потребоваться неоновый эффект – фон. Предположим, мы создаем темный фон, используем контрастный текст и хотим вместо обычной заливки на фоне применить Узор или Текстуру. С помощью неонового цвета можно сделать редкие и небольшие всполохи, границы волн и растительные элементы. При этом сделать их можно неяркими или затем чуть затонировать и получится очень даже симпатично. На примерах выше уже есть аналоги этому. Тем более если есть иллюстрированный фон для архитектурного сайта, схема здания и прилегающей территории, то некоторые объекты можно подсветить с помощью неона.
Идей много, но давайте посмотрим.
Мы взяли образец дизайна (многим он уже знаком) и здесь уже логотип и рамки кнопок имеют неоновый эффект. Рамочки делаются по аналогии с тем, что мы покажем. Теперь в фон «шапки» добавим что-нибудь интересное… Наш логотип использует два светлых оттенка: #49A3CC и #53C3BF. Их и будем использовать.
Создаем слой, заливаем нужным цветом или градиентом и создаем сверху еще один пустой прозрачный слой. Фон нужен для удобства, мы его даже копировать потом не будем.
Подготовили кисточку и вновь переходим к Перо. Создаем еще один слой (пустой) и, кликнув Пером по контуру ПКМ, выбираем Выполнить обводку контура. В диалоговом окне указываем кисть и Имитирование нажима. В противном случае эффекта взмаха не получится. Цвет кисти в данном случае совсем неважен. У нас, вот, желтая. После этого снова кликаем ПКМ по линии и Удаляем контур.
Теперь к этому шедевру осталось добавить свечение Glow.
В окне Слоев нажимаем по ПКМ по данному второму слою с линией и выбираем Параметры наложения. И начинаем фантазировать.
Наша задача настроить Внешнее свечение с помощью самого светлого оттенка в логотипе. Это #53C3BF с режимом Экран и небольшой Непрозрачностью.
Затем используем Внутреннюю тень с Цветовым тоном и вторым цветом из логотипа #49A3CC. Также в качестве Наложения можно выбрать и режим Цветность.
Теперь осталось сделать легкое тонирование, иначе слишком ярко получается, да и эффект еще не реалистичен. Выбираем Наложение цвета и берем темно-зеленый в нашем случае. Что касается режима наложения – поиграйте! Это будет весело!
Готово. Скопируем этот последний один слой с линией в наш основной проект и, например, растянем его на весь фон (прямоугольника) или подчеркнем им линию меню и логотипа. Выглядит вполне недурно. И, да, это легко. Какими бы сложными неоновые цвета не казались, создавать такое очень просто. Можно даже использовать и цвета проекта и сделать линию чуть ярче, можно приглушить тона, сделать линию тоньше… Вариаций очень много.
Таким нехитрым способом, можно подсветить любой элемент, часть фонового рисунка, создать декор. И, разумеется, потренировать свою фантазию!
Выводы
Современные неоновые эффекты мало что имеют общего с неоном 80х годов, хотя и произошли они именно от него. Сейчас важно подбирать тот неон, который будет эффективно работать при современном дизайне, минимализме, спокойствии красок. Одновременно с этим, неон должен подчеркнуть главное на сайте, сообщить посетителю, что здесь за этой кнопкой он найдет подобную информацию.
Неоновые цвета могут быть очень веселыми и очень спокойными одновременно, даже незаметными. Главное – сочетание с общей палитрой и тематикой проекта. Только тогда можно получить счастливое завершение проекта.
Неон используется в современности и очень-очень часто даже известными брендами. Его нужно только увидеть и понять: где и как.
Неоновый цвет – это какой, с чем сочетается и кому идет?
На сегодняшний день существует множество разнообразных модных оттенков как в одежде, так и в маникюре и педикюре. Неоновый цвет входит в их число, поэтому стоит разобраться, как его лучше носить, с чем он комбинируется, и что это за оттенок.
Неоновый цвет – это какой?
Многим модницам интересно знать, как выглядит неоновый цвет:
Кому идет неоновый цвет?
При выборе таких оттенков важно понимать, кому идут яркие неоновые цвета:
Важные нюансы, касающиеся выбора такого цвета, таковы:
С чем сочетается неоновый цвет?
Чтобы образ выглядел гармонично, необходимо правильно сочетать неоновый цвет с другими тонами:
Неоновые цвета в одежде
Неоновая одежда – очень смелое решение, на которое отважится не каждая девушка. Однако при правильном подборе оттенков образ может выглядеть невероятно красиво и ярко. Рекомендации по составлению образа таковы:
Платье неонового цвета
Очень оригинально и интересно смотрятся платья неоновых цветов. Они привлекут много внимания со стороны окружающих. Их можно носить как молодым девушкам, так и зрелым женщинам. Нужно знать некоторые правила ношения этого предмета гардероба:
Штаны неонового цвета
Кислотные штаны сморятся хорошо, если они широкие. Это отличный выбор для осени или зимы. Лучше всего носить данный предмет гардероба в тотал луке, выбирая куртку, свитер или пальто в цвет. Яркие брюки, для изготовления которых использован неоновый зеленый цвет или какой-либо другой тон, хорошо выглядят с верхом в нейтральных оттенках.
Футболка неонового цвета
Кислотная футболка – превосходный выбор для теплого времени года:
Толстовка неонового цвета
Толстовка – очень удобный предмет гардероба, который нравится многим девушкам. Если для ее пошива применен неоновый розовый цвет или какой-либо другой кислотный оттенок, она делает значительный акцент на образе, выделяя девушку из толпы. Стоит носить ее со спокойными предметами гардероба, чтобы не перегружать образ. Лучшие компаньоны для толстовки:
Купальник неонового цвета
Если хочется выделиться на пляже, то стоит выбирать купальники неоновых цветов:
Дождевик неонового цвета
Даже самый серый и дождливый день можно сделать ярче. Для этого можно приобрести дождевик, для изготовления которого применен неоновый оранжевый цвет или какой-либо другой тон, который смотрится очень оригинально. Стоит помнить, что размер дождевика подбирается с учетом ношения поверх одежды. Лучше всего брать вещь, изготовленную из плотной ткани и имеющую водоотталкивающее покрытие. Швы должны быть тщательно проклеены.
Топ неонового цвета
Топы в разнообразных вариациях встречаются очень часто:
Костюм неонового цвета
В своих модных коллекциях дизайнеры представили яркие и необычные кислотные юбочные и брючные костюмы. При этом неон очень часто используют в разнообразных принтах: геометрических, анималистических или растительных. Костюм рекомендуется сочетать со спокойными тонами. Например, для его пошива может быть взят неоновый салатовый цвет, но при этом аксессуары должны быть сдержанными, обувь простой. Не следует перегружать лук деталями.
Туфли неонового цвета
Кислотные туфли – яркая часть образа. Их можно носить с однотонным костюмом классического покроя и легкой блузкой, такой лук выглядит очень гармонично. Для вечера можно взять туфли с открытым носком, только педикюр при этом должен быть сдержанным. Спортивный образ украсят кроссовки неонового цвета. Носить такую обувь рекомендуется:
Очень дерзкое и яркое решение – это педикюр с неоновыми цветами. В число популярных оттенков входят зеленый, оранжевый и желтый. Если хочется, их можно сочетать между собой или покрывать ногти одним цветом. Дополнительный декор преимущественно не используется, ведь этот дизайн и так сильно выделяется.
Маникюр, для создания которого применен неоновый цвет ногтей, смотрится невероятно ярко. Часто этот дизайн популярен для отпусков, поскольку не каждая девушка выберет его себе на каждый день. Варианты дизайна таковы:
Неономания: как Ким Кардашьян, Дженнифер Лопес и даже королева носят главный цвет сезона
Звездотренды
Нас ожидает осень в стиле диско — неоновые цвета покорили подиумы и стали одним из главных трендов наступающего сезона. Флуоресцентные оттенки сразу приглянулись и звездам — еще бы, ведь такие наряды выглядят фантастически яркими, запоминающимися и помогают подчеркнуть индивидуальность. Для тех, кто последний раз сталкивался с неоновыми цветами, когда выделял маркером строчки конспектов, SPLETNIK.RU собрал звездные идеи, как «наэлектризовать» гардероб и добавить в него рискованных цветов.
Выбрав неоновые оттенки, вы точно выделитесь в толпе, поэтому так важно разобраться, как же правильно их носить, чтобы выглядеть человеком, который идет в ногу с последними тенденциями моды, а не городским сумасшедшим.
Сочетать ярко-салатовые, розовые и оранжевые оттенки между собой стоит предельно аккуратно, а лучше и вовсе отказаться от этой идеи. Мастерство комбинирования лучше продемонстрировать в другой ситуации — неон и так говорит сам за себя. Лучшим вариантом тут будут монохромные луки: яркое однотонное платье, как у Ким Кардашьян, или брючный костюм как у Блейк Лайвли.
Настоящим экспертом в области укрощения ярких цветов можно считать королеву Елизавету II. Глядя на образы монаршей особы, можно учиться, как вписать неоновые цвета в протокольный дресс-код. А вот с аксессуарами лучше быть максимально сдержанным: стоит выбрать более простые и мягкие тона, чтобы был контраст, и минималистичный дизайн.
Ким Кардашьян 
Блейк Лайвли 
Лили Аллен
Если и говорить о том, с чем сочетаются флуоресцентные цвета, то думать в первую очередь надо не о других материалах и фактурах, а о тоне кожи и цвете волос. Так, желтые, оранжевые и салатовые оттенки хорошо смотрятся на загорелой коже, поэтому сейчас, в конце лета, именно они пользуются, пожалуй, самой большой популярностью. Обладателям светлого тона кожи и волос стоит обратить внимание на более яркие цвета, вроде розового или фиолетового. Так что неоновые купальники, пожалуй, самый эффектный способ закрыть летний сезон и подчеркнуть свой загар.
Яна Рудковская 
Оливия Калпо 
Кортни Кардашьян
Выбирая неоновый наряд для городской жизни, стоит быть более внимательным, ведь повседневным таким образ точно не назовешь, и тут всегда надо помнить о балансе. Черные и бежевые цвета помогут нейтрализовать излишнее «электричество». Черные брюки к яркому салатовому топу, или нюдовый блейзер к розовому платью станут отличной комбинацией.
Работает и обратный принцип: стоит добавить неон в классические базовые вещи, как они сразу превратятся в оригинальные ультрамодные наряды. Комбинировать можно и неоновые цвета со схожими не флуоресцентными оттенками — так получится создать относительно однотонный, но не столь кричащий «дискотечный» образ.
Эшли Грэм 
Тина Кунаки 
Винни Харлоу 
Джордин Вудс
Рита Ора
Если наряд состоит из нескольких предметов одежды, стилисты в один голос рекомендуют отдавать предпочтение неоновому верху, а вот нижнюю часть использовать в качестве балансирующего элемента.
Напомним, важно подбирать правильные яркие цвета под тон кожи, так что лучше связка будет работать, если неоновая вещь находится ближе к лицу. Кроме того, флуоресцентные оттенки точно не лучшие друзья, если хочется выглядеть более стройной. Но если все-таки хочется надеть салатовую вещь, а вы бледнолицая блондинка, то такой «перевертыш» вполне допустим.
Каролин Даур
Если не хочется расставаться с любимым гардеробом в нейтральных оттенках, стоит хотя бы добавить в него ярких акцентов. Подбор аксессуаров под яркие образы может оказаться слишком сложной наукой, но вот найти броское дополнение по вкусу к привычному базовому образу точно сможет каждый. Неоновые аксессуары, пожалуй, самый безопасный способ включиться в модное движение. Такие оттенки в спортивной обуви помогут оживить любой неформальный лук, ну а яркий клатч не нарушит элегантности даже самого строгого дресс-кода.
Дженнифер Лопес 
Келли Осборн
Ну а самые смелые могут не просто модернизировать свой гардероб, но и поэкспериментировать с внешностью. После розовых и серебристых тонов теперь популярность набирают зеленые волосы. Салатовые неоновые оттенки — часть нового тренда. Ну а эффектная прическа вполне способна заменить собой любой аксессуар.
Ким Кардашьян 
На первый взгляд, тренд на неоновые цвета может показаться слишком вычурным. Как подступиться к палитре, напоминающей о софитах ночного клуба, в обычной жизни, если праздник далеко не всегда с нами, неясно. Но на самом деле вариантов прибавить яркости в своих образах множество — большинство из них уже вполне успешно испытали на себе звезды. Теперь очередь всех остальных модников. Главное, как и в случае со всеми трендами, знать чувство меры и прислушиваться к своему внутреннему голосу, какой бы писк моды ни стоял вокруг. Перед зеркалом в примерочной честной надо быть не перед Prada или Balenciaga, а перед самой собой: ответ на вопрос «Идет мне это или нет?», как правило, все-таки один.
А вы будете носить неоновые вещи этой осенью?
