Цвет – один из самых важных элементов в работе дизайнера. Но его, как концепцию, довольно сложно освоить: из-за множества комбинаций палитр зачастую трудно решить, каким образом лучше оформить интерфейс веб-страниц и приложений. Ранее мы публиковали обзоры инструментов по выбору и . А сегодня хотим расширить тему, разместив в блоге перевод статьи Essential Color Tools for UX Designers от Nick Babich.
В заметке содержится список лучших сервисов подбора цвета для сайтов и UX-дизайна, которые помогут значительно сэкономить вам время. Благодаря данным проектам вы узнаете:
- откуда черпать вдохновение;
- как создать собственную палитру;
- как сделать дизайн доступным людям с нарушениями цветового зрения.
1. Ищем вдохновение
Краски природы
Черпайте из окружающего вас мира. Все, что вам нужно – просто осмотреться. Модная одежда, обложки книг, дизайн интерьера… вас окружает так много потрясающих вещей. Но лучшие цветовые сочетания – это краски природы. Запечатлите красивый момент и попробуйте создать собственную подборку на основе конкретного изображения.
Лучшие сочетания красок – в природе. Можете получить цветовую схему из любого фото
Behance
В популярном сервисе найдете интересные работы, включенные в наилучшие онлайн-портфолио настоящих профессионалов своего дела. Этот сайт – также прекрасный источник вдохновения. Чтобы просмотреть новые достойные примеры проектов, просто выберите нужный цвет.
Dribbble Colors
Dribbble – одна из лучших , которая пригодится при создании пользовательского интерфейса. Если вы желаете визуально понять, каким образом другие специалисты использовали конкретный цвет, откройте страницу по ссылке dribbble.com/colors и укажите нужное значение.
Подбирая цвет для сайта здесь можно задать минимальный его процент — поэкспериментируйте, например, попробуйте поставить 30 % синего.
Попробуйте указать минимальный процент определенного цвета в Dribbble
Designspiration
Designspiration – полезный инструмент в первую очередь тем, у кого уже есть идеи цветовых комбинаций и кто хочет увидеть примеры таких сочетаний. Выберите от 1 до 5 вариантов, и найдете картинки, соответствующие указанным параметрам.
В Designspiration найдете разные примеры цветовых комбинаций
Tineye Multicolr
С помощью сервиса подбора цвета Tineye Multicolr сможете определить желаемую гамму изображения и даже задать процент каждого из них (соотношение). Сайт интегрирован с базой данных, состоящей из 20 млн фоток Creative Commons от Flickr. Это определенно один из самых быстрых способов найти в идеальной палитре.
Colorzilla
ColorZilla – расширение для установки в браузерах Chrome и Mozilla Firefox. Оно включает в себя такие инструменты, как «пипетка», функции просмотра палитр, создания и многое другое.
Расширение ColorZilla доступно в Chrome и Firefox
Shutterstock Spectrum
Один из лучших способов представить, как же будет выглядеть цветовая гамма, – посмотреть соответствующие изображения. Большинство решений, предлагающих выбор цвета для дизайна сайта, включают подобную функцию, но Shutterstock Spectrum располагает невероятно удобным интерфейсом и предварительным просмотром, что действительно может оказаться полезным.
Причем вам не потребуется подписка, поскольку предварительной оценки картинки будет вполне достаточно (даже несмотря на то, что на ней присутствует «водяной знак») .
W3Schools
Недавно в блоге рассматривали подборку от W3Schools. Там собрано очень много информации по теме, начиная от их названий/кодов оттенков, теории сочетания палитр и заканчивая описанием разных форматов: HEX, RGB, CMYK, HWB и др. Также найдете простенькие генераторы, конверторы и тому подобные «мини-сервисы». В целом, интересно посмотреть.
2. Создаем цветовую палитру
Material Design Color Tool
Сервис подбора цветов для сайта Material Design Color Tool позволит создавать цветовые схемы, делиться ими и просматривать приблизительный пользовательский интерфейс для подобранных вами параметров. Одна из полезных его функций – измерение уровня доступности любого сочетания цветов.
Coolors
Coolors – сайт для создания многоцветной палитры. Просто закрепите определенный цвет и нажмите на «пробел». Инструмент хорош также тем, что вы получите не один результат, а можете сгенерировать несколько вариантов, изменив лишь начальные данные.
Цветовая схема в Coolors на основе фото
Adobe Color CC
Сервис подбора цвета Adobe Color CC (ранее Kuler), сейчас довольно популярен. Он находится в свободном доступе в интернете, но существует также и десктор-версия. С помощью данного веб-приложения вы сделаете свою палитру, используя цветовой круг:
А можете получить определенный результат из готового изображения:
Подбор цвета для сайта по картинке
Здесь есть сотни готовых комбинаций, ищите их в разделе «Смотреть»:
Если пользуетесь десктоп-версией, то сможете в один клик экспортировать созданную вами цветовую систему в InDesign, Photoshop и Illustrator.
Paletton
Его часто сравнивают с предыдущим Adobe Color CC, поскольку эти проекты очень похожи. Разница лишь в том, что в Paletton вы не ограничены пятью параметрами, а можете экспериментировать с дополнительными тонами интерфейса.
Дополнительно можете глянуть на . Вместе с другими приложение позволяет работать в любом месте, просто используя свой смартфон. Кроме непосредственно задач по созданию/экспорту цветовых палитр, здесь можно выбирать определенные цвета из картинок или использовать базовые варианты.
3. Делаем палитру доступной
В настоящее время нарушения цветового восприятия куда более распространены, чем мы предполагаем. Около 285 млн человек в мире испытывают проблемы со зрением. Всегда нужно проверять, доступна ли выбранная вами таким пользователям.
WebAIM Color Contrast Checker
Одни тона прекрасно сочетаются друг с другом, другие же – совсем наоборот. Огромное количество проектов не проходят тест А/А, и это факт. Очень важно проверять визуальное оформление интерфейса и контрастность тонов, особенно если на странице много текста. Для этих целей используйте при подборе цветов сайта.
WebAIM Color Contrast Checker – веб-инструмент, с помощью которого проверяются цветовые коды в шестнадцатеричных значениях.
Coolors
О данном сервисе мы уже упоминали выше. Кроме всего прочего Coolors также поможет вам проверить придуманную палитру на цветовую слепоту.
Тип цветовой слепоты в схеме
Вместо режима «Обычный» выберите тот тип проблемы со зрением, который вы желаете сымитировать. В результате поймете, как именно человек, неспособный различать определенные цвета, увидит ваш дизайн.
Так человек с протаномалией видит палитру
NoCoffee Vision Simulator для Chrome
С помощью сайта NoCoffee Vision Simulator сможете просмотреть, как люди с цветовой слепотой или слабым зрением будут воспринимать определенные веб-страницы. Например, указав параметр «Ахроматопсия» в секции «Color Deficiency», вы увидите веб-страницу в сером цвете.
Так выглядит проект CNN для человека с дейтеранопией
Заключение
Все сервисы подбора цвета для сайтов и UX-дизайна, упомянутые в статье, определенно помогут вам в поисках интересной и эффективной гаммы. Но помните: лучший способ научиться создавать удивительные палитры – много практиковаться и экспериментировать.
Один из самых важных факторов при создании уникального и узнаваемого дизайна - цвет. Грамотный выбор цветовой схемы может определить успех или провал сайта. Когда посетитель бросает первый взгляд на веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение об этой странице. К счастью, существует много инструментов, которые помогут выбрать правильную цветовую схему. Вот пять лучших из них.
1. Kuler
Kuler от компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды. Для общения в сообществе нужно зарегистрироваться и получить Adobe ID. Цвета в Kuler представляются в различных форматах, включая RGB, CMYK, LAB и HSV.
Вдохновение может возникнуть под влиянием самого неожиданного повода. Например, вы можете наткнуться на красивую фотографию с привлекательной цветовой гаммой. Этот генератор цветовой палитры создан как раз для обработки таких фотографий. Загружаете файлы в форматах JPG или PNG - и получаете подробную раскладку по ключевым цветам. Независимо от того, какую реакцию вы пытаетесь вызвать у ваших посетителей, генератор цветовой палитры поможет создать уникальный внешний вид для любого веб-сайта.
Отдельные цвета никогда не висят в вакууме, и каждый оттенок воздействует на окружающие. Инструмент Contrast-A применяет сугубо технический подход к конфигурации палитры, предоставляя подробную информацию о соотношение канала яркости (Luminance Ratio) и отличиях в яркости и цвете. Это идеальный инструмент, если нужно создать минималистский сайт с небольшим количеством цветов, которые дополняют друг друга.
Этот популярный плагин для Firefox позволяет прямо в браузере определить значения отдельных цветов и измерить разницу между ними. Есть «браузер цветовых схем» для выбора отдельных цветов из заранее подобранных наборов. Простой в использовании и чрезвычайно многофункциональный, плагин ColorZilla - словно швейцарский армейский нож среди расширений браузера для веб-дизайнеров и художников.
В отличие от большинства других генераторов цветовых схем типа «цветового колеса», Colorotate показывает палитру на трёхмерном конусе. Как и Kuler, пользователи могут сохранять и редактировать свои цветовые схемы, а также просматривать палитры, сделанные другими дизайнерами. Инструмент интегрирован с популярными дизайнерскими программами Adobe Fireworks и Photoshop.
Когда речь идёт об эффективном веб-дизайне, то говорят об интуитивном пользовательском интерфейсе и макетах, однако цветовые схемы имеют такое же большое значение, а то и бóльшее. Перечисленные здесь инструменты должны направить вас в верном направлении, чтобы выбрать отличную цветовую палитру для сайта с первой попытки. В интернете можно найти и другие полезные инструменты, но именно с этих вы можете начать подбор идеального арсенала, который соответствует вашему персональному стилю. Удачи и счастливого дизайна!
Современные технологии позволяют делать контактные линзы все более совершенными. С помощью них можно не только скорректировать зрение при различных патологиях. Линза становятся мягче и тоньше, что обеспечивает хорошую кислородную проницаемость и увлажненность.
Инновации подарили нам линзы, которые можно не снимать несколько дней и даже недель. Но самый большой плюс прогресса – это создание цветных, оттеночных и карнавальных контактных линз, которые могут одновременно корректировать остроту зрения и вносить косметические изменения в образ.
Что нужно знать о таких линзах
Цветные контактные линзы имеют несколько слоев. Наружный слой контактирует с веками, а внутренний – с радужной оболочкой. Оба этих слоя обычно изготавливают из гидрогеля. На внутреннем слое нанесен цветной пигмент. Он позволяет оттенить естественный светлый оттенок глаз или полностью поменять цвет как светлых, так и темных глаз. В первом случае линзы являются однотоновыми, а во втором – двухтоновыми или трехтоновыми.
Подробнее об оттеночных контактных линзах расскажет эта .
Слой с пигментом находится между двух слоев и не контактирует с глазной поверхностью, поэтому такие линзы совершенно безопасны.
По центру линзы в зоне зрачка окраска отсутствует, поэтому глаза могут четко видеть. Но следует помнить, что зрачку свойственно сужаться на свету или расширяться при недостатке света. Чтобы сделать ношение цветных линз более удобным в условиях яркого освещения, рекомендуется пользоваться .
Рассмотрим подробнее все разновидности цветных линз :
- Однотоновые линзы. Окраска в один тон имитирует естественный рисунок радужной оболочки светлых глаз. Она не может поменять цвет глаз, но может подчеркнуть их естественную красоту, сделать оттенок более ярким и насыщенным. По краю линзы обычно находится тонкий ободок, который делает глаза более контрастными.
- Двухтоновые линзы. Они имеют два окрашенных слоя. В большинстве случаев один цвет делится на два тона, например чередование светлых и темных вкраплений. Край ободка обычно окрашивается в темный цвет, что позволяет сделать радужку более яркой, придать взгляду выразительности. Такие двухтоновые линзы смотрятся очень естественно и красиво. Они подходят людям и со светлыми, и с темными глазами. Окраска двухтоновых линз достаточно яркая, поэтому она сможет перекрыть даже самые темные глаза. Благодаря большой палитре цветов и оттенков можно подобрать линзы на любой вкус.
- Трехтоновые линзы. Такие линзы являются самыми сложными по рисунку. На их поверхности создается особый градиент цветов – от центра линзы к ее краям тон переходит от светлого к темному оттенку. Цвет трехтоновых линз очень сложный. Он по-разному смотрится при разной освещенности. Эти контактные цветные линзы подойдут светлым и темным глазам.
- . Эти линзы не предназначены для коррекции зрения. Они используются исключительно для косметического эффекта. Карнавальные линзы подойдут для создания различных образов. Они имеют необычный, яркий и не всегда симметричный рисунок.
Специфика режима ношения
Цветные линзы могут быть ежедневной, ежемесячной и квартальной замены. Линзы ежедневной замены или однодневные линзы – это оптимальный вариант для тех, кто не хочет тратить время на уход за такой оптикой, или для тех, кто носит цветные линзы лишь от случая к случаю. Каждый раз необходимо надевать новую пару.
О квартальных линзах читайте по .
Цветные линзы ежемесячной замены стоят гораздо дешевле, чем предыдущий вид линз. Но они ничем не отличаются в комфорте и безопасности. Такой режим является очень удобным, поскольку за это время линзы не накапливают большого количества отложений, которые могут вызывать раздражение и снижать качество зрения. Линзы квартальной замены предназначены для использования в течение трех месяцев. Если их ношение не приносит дискомфорта, то допускается увеличение срока эксплуатации .
Какой бы ни был срок замены цветных линз, их можно носить не более восьми часов в сутки. Спать в них запрещено.
Цветные контактные линзы можно носить как людям с хорошим зрением, так и тем, у кого есть какие-либо нарушения.
При дальнозоркости довольно сложно подобрать цветные линзы, поэтому их необходимо изготавливать на заказ.
Людям с миопией и людям с хорошим зрением можно выбирать абсолютно любые цвета и оттенки цветных линз. Выбирая линзы в каталогах и интернет-магазинах, следует помнить, что ожидания не всегда будут соответствовать реальности . Это объясняется тем, что цвет радужки у каждого человека имеет свои специфические особенности, а эффект наложения линзы на радужку не всегда дает требуемый оттенок. Чтобы точно подобрать цветные линзы, необходимо делать примерку.
Почти во всех салонах оптики предоставляется услуга по примерке цветных линз. Она совершенно бесплатная. Благодаря такой возможности можно примерить несколько вариантов и подобрать необходимый цвет.
Современные производители
- Эта компания выпускает цветные линзы Soflens Natural Colors. Данные линзы представлены в голубом, фиолетовом, синем, сером и коричневом цвете. Они могут быть как с диоптриями, так и без них. Линзы Soflens Natural Colors бывают цветными и оттеночными.
- EyeMed Technologies . Компания EyeMed производит свои цветные линзы по особой технологии имплантации цвета, которая не позволяет роговице контактировать с пигментом на поверхности линзы. Данный производитель выпускает двухтоновые и трехтоновые линзы медового, голубого, серого и зеленого оттенка.
- Johnson & Johnson . Производитель выпускает цветные линзы ACUVUE 2 COLOURS Opaques. Линзы производят по технологии, позволяющей им смотреться естественно и красиво. ACUVUE 2 COLOURS Opaques представлены в синем, голубом, зеленом, сером и коричневом цвете.
- . Компания выпускает цветные линзы Optosoft Colors, которые могут полностью изменить естественный цвет глаз на зеленый, голубой, бирюзовый или фиалковый.
- . Линейка цветных линз Images представлена в сером, зеленом и коричневом цвете. А линзы Color Tones имеют на своей поверхности плавные переходы и желтые ободки вокруг зрачка, делающие глаза лучистыми и ясными.
- . Компания занимается выпуском Fresh Look, которые представлены красивыми фиолетовыми, медовыми, синими, ореховыми, голубыми и карими линзами.
- Ocular Sciences . Цветные линзы Biomedics Colors, выпускаемые этим производителем, изготавливаются по особой технологии окрашивания. Поэтому линзы имеют яркие и насыщенные цвета.
- . Эта компания производит линзы ОФТАЛЬМИКС COLORS. Они являются надежными и безопасными. Можно подобрать голубые, серые, зеленые, коричневые, фиалковые, васильковые и черные линзы ОФТАЛЬМИКС COLORS.
Цветные линзы , как уже было сказано ранее,изготавливаются из гидрогеля . Этот материал обеспечивает хорошее увлажнение и комфорт на протяжении всего периода использования данного вида контактной оптики. К сожалению,
Не решаешься покрасить волосы? А что насчет глаз? Цветные линзы изменят твой образ этой весной.
Цветные контактные линзы - неплохой способ немного освежить образ, добавить яркости. К тому же это выглядит очень необычно и всегда притягивает внимание окружающих . Существует несколько видов цветных контактных линз: цветные, оттеночные, или тонированные, декоративные, карнавальные, косметические.
Цветные линзы
Цветные линзы предназначены для изменения природного цвета глаз. Он меняется из-за красителя, который есть в этих линзах. Но не переживай, никакой химический элемент не попадет в глаза. Краситель не пропускает через себя свет, поэтому зона зрачка в этих линзах остается полностью прозрачной. Через нее ты видишь все, что тебя окружает.
Оттеночные линзы
Оттеночные линзы имеют слабое тонирование (примерно на 20 %) и кардинально менять цвет глаз не могут. Они лишь придают твоему природному цвету глаз оттенок, делают их ярче. Поэтому если у тебя темные глаза, то никакого эффекта ты не увидишь. Современные технологии окрашивания позволили создать двух- и трехтоновые расцветки. А значит, появились цветные контактные линзы, которые придают глазам естественный цвет.
Декоративные линзы создают причудливые цветные эффекты или узоры на радужке - то, что надо для маскарада или праздника. В принципе, ты можешь носить их в любой ситуации, если хочешь добавить своему образу изюминки .
Карнавальные линзы
С карнавальными линзами ты точно шокируешь окружающих. Они бывают с самыми разными рисунками : глаз вампира, смайлик, знак доллара, кошачий глаз, бельмо, футбольный мяч, пламя и так далее. Зачем это нужно? Для тематических вечеринок с друзьями, для карнавалов и даже для исполнения ролей в театре или кино. Для обычной жизни такие линзы чересчур броские.
Косметические линзы
А вот косметические линзы нужны вовсе не для развлечений. Они предназначены для того, чтобы скрыть дефекты глаз. Это необходимая вещь для людей с аниридией (отсутствием радужной оболочки), анизокорией (со зрачками разного размера), афакией (отсутствием хрусталика), гетерохромией (с глазами разного цвета), колобомой (отсутствием части радужки), бельмом (частичным помутнением роговицы глаза) и другими дефектами.
Ольга Николаевна Степанова
заместитель руководителя отдела обучения персонала салонов оптики «Линзмастер»
Цветные и оттеночные контактные линзы изготовлены из различных материалов и могут быть гидрогелевыми и силикон-гидрогелевыми. Менять их надо либо ежедневно, либо раз в две недели, либо каждый месяц. Эти линзы, как и любые медицинские контактные линзы: нужно соблюдать режим ношения, хранить линзы всегда в свежем растворе, при необходимости осуществлять дополнительную очистку. Нельзя меняться цветными линзами с другом.
Цветные контактные линзы могут быть предназначены и для людей с плохим зрением, как близоруким, так и дальнозорким. Также изменить цвет глаз могут и те, у кого нет проблем со зрением, воспользовавшись контактными линзами без диоптрий - plano.
Подобрать цветные контактные линзы всех видов поможет врач-офтальмолог, сделав замеры на специальном оборудовании. Помни, что линзы подбираются индивидуально для тебя. Нельзя меняться ими с друзьями. Во-первых, линзы подбираются исходя из анатомических особенностей глаз, которые могут отличаться у твоих друзей. Во-вторых, в результате использования линз разными людьми могут развиться инфекционные заболевания глаз.
Текст: Кристина Ящанина
Сначала спросите себя о том, какое настроение и в каком помещении вы хотите создать. Например, в спальне нужна уютная и спокойная атмосфера. Кабинет лучше оформлять в тех цветах, которые настраивают на плодотворную работу. В хорошо использовать оттенки, которые помогают расслабиться и отдохнуть.
Белый
Часто используют для отделки стен в гостиной, кабинете или спальне. Он визуально расширяет пространство, а потому превосходно подходит для маленьких квартир. Белый цвет помогает ясно мыслить, побуждает к творчеству, хорошо настраивает на рабочий лад.
Хорошие сочетания:
- белый, серый, бежевый;
- белый, бежевый, жёлтый;
- белый, розовый, бежевый.
Серый
Своей нейтральностью подчёркивает другие цвета. Его можно использовать в любом помещении. Светло-серые оттенки хороши для спальни, а вот тёмно-серый идеально настроит на рабочий лад. Правда, не стоит выбирать сизо-серый в качестве основного: он очень депрессивный, ассоциируется с грустью.
Хорошие сочетания:
- серый, белый, бежевый;
- серый, белый, розовый;
- серый, синий, коричневый.
Зелёный
Один из самых выигрышных цветов. Во-первых, он вызывает положительные эмоции и расслабляет. Во-вторых, для каждой комнаты найдётся свой оттенок. В спальне лучше использовать светло-зелёный, в кабинете - оливковый или ярко-зелёный, а в гостиной хорошо будет смотреться салатовый, серо-зелёный или приглушённый тёмно-зелёный.
Хорошие сочетания:
- зелёный, белый, бежевый;
- оливковый, серый, коричневый;
- зелёный, коричневый, тёмно-красный.
Жёлтый
Идеальный цвет для отделки детской комнаты. В остальных же случаях жёлтый нужно использовать аккуратно. Этот цвет очень радостный и яркий, поэтому может получиться слишком насыщенным. Хороший вариант - светло-жёлтый цвет, который с успехом применяют для декорирования спален и гостиных.
Хорошие сочетания:
- жёлтый, белый, серый;
- жёлтый, оранжевый, зелёный;
- жёлтый, белый, коричневый.
Фиолетовый
Ярко-фиолетовый - выбор оригиналов. Но даже если вы не особо склонны к нестандартным интерьерам, вам обязательно стоит подумать о том, чтобы выбрать именно фиолетовый в качестве основного. Это цвет отдыха и восстановления сил. Светло-фиолетовый (лавандовый) - лучший выбор для спальни или ванной. Ярко-фиолетовый хорошо будет смотреться в детской. Тёмно-фиолетовый создаст правильную атмосферу в гостиной.
Хорошие сочетания:
- светло-фиолетовый, белый, бежевый;
- фиолетовый, белый, розовый;
- фиолетовый, серый, коричневый.
Красный
Этот цвет лучше не использовать в качестве основного. Он будет раздражать глаза, создавать атмосферу напряжения и стресса. Но если вы очень любите красный, используйте его оттенки. Например, винный, терракотовый или приглушённый бордовый.
Хорошие сочетания :
- красный, белый, чёрный;
- красный, серый, коричневый;
- терракотовый, светло-серый, бежевый.
Чёрный
Чёрный цвет считается излишне мрачным, но это не совсем так. Ведь он делает помещение стильным и респектабельным. Чёрный - это красивый и сложный цвет, который можно и нужно использовать в интерьере. Он будет кстати даже в детской, если выбрать специальное покрытие для рисования мелом на стенах.
Loading...