Делаем ваше приложение дружелюбнее с помощью подбора цветовой схемы

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

image

Используя приложение, вы можете быстро увидеть многоаспектный характер цветов и отношения между цветами. Цвета палитрый представлены в 3d виде. Созданные палитры могут быть импортированы или экспортированы в Adobe Swatch Exchange (ASE). В ColoRotate есть свое сообщество, где можно просмотреть темы, созданные другими пользователями.

Kuler

image

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

 Color Scheme Designer

Этот сервис пригодится особенно веб-дизайнерам. Он позволяет подобрать цветовую модель для будущего сайта. 

 COLOURlovers

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

Copaso

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

 Color Blender

Абсолютно бесплатно и, что наиболее важно – онлайн, позволяет создавать и сохранять гармоничные цветовые сочетания, как автоматически, так и вручную. Пользуясь тремя ползунками RGB или HSV вы автоматически получаете гармоничное сочетание из шести цветов и затем можете настраивать их в соответствии со своим вкусом. Цвета автоматически представляются в виде цветового HTML кода и кода RGB, а также могут быть экспортированы в виде цветовых таблиц Photoshop (.ACT) и Illustrator (.EPS). Кроме того, есть функция сравнения цвета со стандартным понтонным. Свои палитры можно хранить прямо на сайте, задавая им удобные вам имена. Также на сайте можно найти массу готовых палитр на разные случаи жизни.

Toucan

Этот сервис позволяет выбрать до 20 подходящих цветов для каждого цвета палитры. Множество настроек и возможностей, которые вам обязательно пригодятся.

ColorMunki

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

Color Wizard

Полезный сервис, который помогает подобрать правильные цвета и оттенки. Интерфейс интуитивно понятен, сложностей возникнуть не должно.

Color Explorer

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

Источник

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

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

Хотите сделать ремонт в квартире и обновить интерьер? Создаете украшение своими руками? Шьете одежду? Хотите сменить свой имидж? Надо подобрать текстиль в комнату? Задумали витражную роспись? Все это требует красивого и гармоничного цветового решения.

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

– с цветовым кругом;

– подбор цвета ползунком;

– цветовой палитрой.

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

1. ADOBE KULER

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

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

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

2. COLORSCHEME

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

Вот несколько примеров с синим цветом:

моно

контраст

триада

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

3. COLRD

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

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

4. PICTACULOUS

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

Pictaculous очень удобная, простая в использовании программа.

Вы можете сохранить полученную цветовую схему на диске, можете отправить по e-mail.

Удачи всем! творите и наслаждайтесь жизнью во всем ее цвете!

Новая Программа цветового дизайна ColorUP доступна в бета-версии!

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

Tikkurila предлагает вашему вниманию уникальную “Программу цветового дизайна”. Идея программы – не заменить колеровочные карты или веера, а предоставить возможность пользователю убедиться в том, как различные сочетания цветов влияют на внешний облик объектов.

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

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

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

Этот список в дальнейшем можно использовать при покупке краски.

Сделайте внутреннюю или внешнюю планировку:

Внимание! Не забудьте проверить выбранные цвета по реальным картам и веерам перед тем, как купить краску. Монитор компьютера и принтер настолько близко воспроизводят реальные цвета, насколько позволяют их технические параметры.

Для чего эта программа и что в ней можно делать?

  • Хотите поменять цветовую гамму в квартире, но не знаете, как выбрать цвет стен?
  • Давно хотели оживить гостиную, визуально расширить небольшую кухню, сделать ярче детскую?
  • ColorUP! – это программа, которая поможет “примерить” самые смелые сочетания цветов в интерьере на реальных примерах.

Этот веб-сервис помогает вам увидеть любой интерьер в тысячах цветов палитры Tikkurila. Выбирайте готовые интерьеры в программе или загрузите фото собственной комнаты… и приступайте к творчеству!

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

И, кстати, онлайн-планировщик интерьеров ColorUP! абсолютно бесплатен 🙂

Начать работу с ColorUP! – Нажмите для запуска программы

Содержание

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

Какое фото выбрать, чтобы не получился эффект парика

Сервисы для изменения цвета волос работают по одному из двух принципов:

  1. Автоматическое распознавание волос. Результат покраски зависит в большей степени от качества фото. Минус – нельзя стереть лишнее ластиком, если вдруг цвет зашел за границы.
  2. Ручное закрашивание. Подходит, если фото не слишком качественное. Закрашивать удобнее в мобильном приложении, а не в веб-сервисе. Курсором легче управлять с помощью пальца, а не мышкой. К мышке еще нужно приноровиться.

Чтобы сервис распознал волосы максимально точно, фотография должна соответствовать требованиям:

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

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

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

Веб-сервисы для подбора цвета волос по фото

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

Сервис от Garnier

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

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

Как работать в сервисе:

  1. Перейдите на сайт Garnier.
  2. Выберите цветовую семью: блонд, русые, рыжие/красные, черные, каштановые, фиолетовые или выразительные цветные.
  3. Определитесь с видом краски и нажмите «Примерить онлайн».
  4. Снова кликните по кнопке «Примерить онлайн».
  5. Поставьте галочку «Я согласен». Нажмите одну из кнопок: «Примерить», чтобы на экране появилось ваше лицо, снятое с веб-камеры, или «Загрузить фото», чтобы выложить готовый снимок, который хранится на ПК.
  6. Если решили включить живую трансляцию, нажмите «Разрешить» в диалоговом окне, чтобы браузер смог использовать камеру.
  7. Для загрузки готового снимка найдите фото в «Проводнике Windows», выделите его левой кнопкой мыши и нажмите «Открыть».
  8. Подождите немного, пока сервис загрузит фотографию. Оцените результат.
  9. При необходимости поменяйте оттенок с помощью цветовой палитры справа от фото.
  10. Чтобы сделать снимок «до и после», нажмите на иконку с прямоугольником в правом нижнем углу фото. Передвигайте разделяющую линию с помощью зеленого значка со стрелками.
  11. Чтобы сохранить снимок, кликните по второй иконке в правом углу. Нажмите «Подтвердить и поделиться».
  12. Выберите Facebook, чтобы опубликовать результат на своей странице в соц. сети, либо скачайте фото на ПК с помощью стрелки.

Matrix

Matrix – тоже производитель красок. Интерфейс сервиса на английском языке. Работает практически по той же схеме, что и Garnier. Можно загружать сохраненные фотографии либо использовать живую трансляцию. Делать снимок «до и после». Волосы закрашиваются автоматически.

Снимок с новым образом можно скачать на ПК или поделиться им через соц. сети: Facebook, Pinterest, Twitter.

В отличие от Garnier сервис Matrix предлагает яркое виртуальное окрашивание:

  • голубой,
  • розовый,
  • красный,
  • желтый,
  • фиолетовый,
  • зеленый и т. д.

Как пользоваться сервисом:

  1. Перейдите на сайт компании.
  2. Прокрутите страницу немного вниз и выберите одну из кнопок: Live Camera (для прямой трансляции изображения с веб-камеры) или Upload Photo (для загрузки готового снимка в сервис).
  3. В первом случае разрешите браузеру использовать веб-камеру устройства.
  4. Во втором случае поставьте галочку I Consent, чтобы предоставить сервису право обрабатывать ваши снимки.
  5. Найдите готовое фото в папке на ПК. Выделите его левой кнопкой мыши и нажмите «Открыть».
  6. На панели справа выберите сначала цветовую семью: яркие цвета, блонд, коричневые, красные, серые, неоновые. Затем выберите сам цвет на палитре внизу.
  7. Оцените результат окрашивания.
  8. Нажмите на иконку с прямоугольником, чтобы сделать фото «до и после». Перемещать линию разделения можно с помощью красного значка со стрелками.
  9. Для сохранения выберите второй значок с цепью в правом нижнем углу фото.
  10. Нажмите Confirm Photo & Share.
  11. Выберите соц. сеть, чтобы поделиться снимком на своей странице: Facebook, Twitter, Pinterest. Либо нажмите на стрелку, чтобы скачать фотографию на ПК.

Avatan

Avatan – полноценный фоторедактор, где окрашивание волос – лишь одна из дополнительных функций. Палитра цветов широкая: от светлых до темных и насыщенно ярких.

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

Функции:

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

Если при загрузке фото в Avatan появилась ошибка «Для работы приложения необходим Flash Player»,  включите указанный плагин в настройках браузера (по умолчанию он может быть отключен).

Как работать в фоторедакторе:

  1. Перейдите на сайт Avatan и нажмите «Ретушь».
  2. Найдите фото в папке на ПК и кликните «Открыть».
  3. Когда снимок загрузится, прокрутите список инструментов слева. Выберите «Цвет волос».
  4. Укажите примерный цвет, уровень затемнения, интенсивность окрашивания, размер кисти.
  5. Зарисуйте кистью волосы. Для удобства и более точного закрашивания приближайте фото колесиком мыши.
  6. Оцените результат. Если цвет вам не понравился, выберите другой. Заново закрашивать волосы не надо: те участки, по которым прошла кисть, сами изменятся в цвете.
  7. Если где-то задели лицо, вышли за границы волос, нажмите на ластик в левом меню и той же кистью сотрите краску. Когда результат вас устроит, нажмите «Применить», чтобы сохранить изменения.
  8. Чтобы скачать фото на ПК, нажмите «Сохранить» вверху. Выберите вкладку «На компьютере».
  9. Дайте название снимку, укажите качество фото, размер и формат (jpg или png). Щелкните «Сохранить», выберите папку и подтвердите скачивание.
  10. Либо перенесите готовое фото в альбом или на стену ВКонтакте.

У сервиса Avatan есть мобильное приложение, доступное для Android и iOS. Это фоторедактор с теми же функциями, но более компактным интерфейсом, который подходит для маленького экрана смартфона. Отличие от онлайн-сервиса – можно делать моментальные снимки с камеры.

Как изменить цвет волос в приложении Avatan:

  1. Нажмите на иконку в виде плюса на нижней панели.
  2. Разрешите приложению доступ к галерее.
  3. Выберите фотографию из галереи либо нажмите на иконку с камерой, чтобы сделать моментальную фотографию и отредактировать ее.
  4. Зайдите в раздел «Ретушь».
  5. Выберите «Цвет волос».
  6. Определитесь с цветом (раздел «Палитра») и его яркостью. Включите «Кисть» и закрасьте пальцем волосы. При необходимости воспользуйтесь инструментом «Ластик».
  7. Когда закончите, нажмите на галочку, а затем на кнопку «Далее».
  8. Сохраните фото в галерее либо поделитесь им через любой мессенджер или соц. сеть: Instagram, Facebook, Twitter, WhatsApp и т. д.

Мобильные приложения для подбора цвета волос по фото

Все программы ниже бесплатные. В некоторых есть реклама.

Fabby Look

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

Функции и возможности:

  • Автоматическое распознавание волос.
  • Сохранение снимка в галерею телефона одним касанием.
  • Возможность поделиться новым цветом волос через Facebook, Instagram, WhatsApp, Viber и другие мессенджеры и соц. сети.
  • Много оттенков: необычные яркие (синий, зеленый, красный, фиолетовый) и более естественные (блонд, темно-русый и другие).

Как работать в приложении:

  1. Сделайте сразу моментальное фото либо нажмите на маленький круг, чтобы перейти в галерею.
  2. Найдите нужный снимок в галерее, если выбрали второй вариант.
  3. Тапните по галочке.
  4. Выделите область фотографии, которая будет в дальнейшем использоваться. Нажмите «Обрезать».
  5. Прокрутите палитру снизу и выберите нужный цвет.
  6. Чтобы сохранить результат в галерею, кликните по стрелке вниз.
  7. Чтобы поделиться снимком в соц. сетях или через мессенджер, нажмите на стрелку вверх.
  8. Выберите соц. сеть из списка либо нажмите на «Еще». Программа покажет другие мессенджеры, с помощью которых можно отправить фото.

Teleport

У программы Teleport функционал уже более широкий. Сама определяет, где на снимке волосы. На выбор более 25 оттенков – как ярких, так и натуральных. Фотографиями можно делиться через  Facebook, Instagram и другие соц. сети и мессенджеры. А также скачивать их в галерею.

Минус – выскакивает реклама. Но ее можно сразу закрыть, никаких таймеров нет.

Функции и возможности:

  • Моментальное фото либо загрузка готового снимка из галереи.
  • Установка виртуального фона (своего или стандартного: Париж, природа, пляж, Луна, животные и прочие).
  • Размытие фона.
  • Изменение цвета кожи (от золотистого загара до зеленого Халка).
  • Коллаж из 9 или 4 снимков с разными цветами волос.

Как пользоваться приложением:

  1. Сделайте моментальное фото либо загрузите снимок из галереи.
  2. Выделите часть фото, которая будет отредактирована. Нажмите на галочку.
  3. Выберите цвет во вкладке Hair Color.
  4. Сделайте при необходимости коллаж из 9 или 4 новых цветов.
  5. Во вкладках Skin Color и Background измените при желании цвет кожи и фон.
  6. Чтобы сохранить фото, кликните по стрелке вверх. Выберите одну из соц. сетей либо нажмите на стрелку вниз, чтобы скачать снимок на телефон.

 «Изменение цвета волос и глаз» от Ultimate Labs

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

Дополнительно можно менять цвет глаз. Для обоих зрачков или только для одного.

Функции и возможности:

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

Как работать с программой:

  1. Нажмите на веб-камеру, чтобы сделать фото сейчас, либо на галерею, чтобы загрузить готовый снимок.
  2. Выберите нужную область фото и нажмите на галочку.
  3. Зайдите в раздел «Цвет волос».
  4. Выберите размер щетки. Закрасьте ей волосы. Сначала они будут красными. Не переживайте – это еще не настоящее окрашивание. Нажмите «Следующий».
  5. Теперь уже укажите нужный цвет.
  6. Во вкладке «Регулировка» настройте уровень темных волос. Поставьте на максимум, если у вас темные кудри сейчас, а вы, например, хотите, блонд. Перекрытие будет более качественным. Нажмите «Следующий».
  7. Установите яркость и насыщенность цвета. Нажмите «Готово».
  8. Кликните по ОК.
  9. Нажмите на дискету, чтобы сохранить результат в галерею.
  10. Щелкните по ОК.
  11. Выберите мессенджер или соц.сеть, если хотите поделиться снимком. Если нет, нажмите на иконку в виде дома, чтобы вернуться на главную страницу приложения.

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

01 апр в 09:56 705 image

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

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

image

Какие методы распределения цветов существуют?

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

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

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

  3. Дополнительные цвета. Вы берете основной цвет, а затем через цветовой круг (круг Гете) находите цвет, который располагается напротив выбранного вами цвета. К примеру, используете сочетания желтый-фиолетовый или красный-зеленый.image

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

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

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

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

  4. Цвета вашего бренда. Дизайн вашего сервиса должен исходить из логотипа или иной брендовой визуализации. К примеру, логотип кошелька Qiwi состоит из оранжевого и белого – соответственно, сайт и приложение Qiwi состоят из тех же самых цветов. 

  5. Анализ конкурентов. Вы можете проанализировать похожие сервисы и почерпнуть из них дизайнерские ходы. 

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

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

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

image

Переходим на сайт и нажимаем на кнопку «Start the generator!».

image

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

image

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

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

Я надеюсь, данная статья помогла вам определиться с цветовой схемой для вашего сервиса. Спасибо за внимание!

AnzzyLet0ff +28

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий