Привет. Как разработчику приложений, который также работает и над пользовательским интерфейсом, мне иногда очень хочется подобрать максимально удачную цветовую гамму. Сделать это с первого раза выходит нечасто. Но вот, я уже десятый раз меняю цвета кнопок и тулбаров, а цельной картинки всё нет и нет. Нужна какая-то единая палитра цветов!
Сейчас с палитрой стало проще, конечно. Тёмные темы, более материальные дизайны. Но кроме мобильных приложений есть ещё вебсайт, unity ui, векторная и растровая графика (я иногда рисую). Правильный подбор цветов не просто важен, а будет первым, что увидит пользователь, и это однозначно окажет эффект на то, останется ли он с вами.
Я предоставлю парочку примеров того, что я бы предпочёл закрыть и больше не открывать:
Лучше всего мою мысль выражает сайт theworldsworstwebsiteever.com:
Решение цветной проблемы — coolors.co
За время в сети я нашёл несколько интересных ресурсов, которые могут помочь с подбором цвета. Первый из них coolors.co. О нём я, кстати, писал когда-то Генератор цветовых палитр COOLORS.
Тут есть целая куча готовых палитр цветов. И от некоторых я в восторге!
Но если подходящих тут не нашли, то есть генератор. И там то можно сотворить свой идеал. Конечно же доступно множество вариантов экспорта как самой палитры, так и значения цветов во всех известных форматах (HEX, HSB, HSL, RGB, CMYK и т.д.).
Есть и другие функции для генерации цвета, и выбор цветов с фото:
Так что этот ресурс классный. Но! Если вам он почему-то не подходит, то есть другие варианты.
Palx — Генератор палитры для цвета
Итак. Уже определились с основными цветами, и вам нужно создать палитру для каждого? palx.jxnblk.com — автоматический генератор цветовой палитры на основе основного цвета. И он может с этим помочь.
Он куда проще и менее функциональный чем предыдущий, зато вам нужно лишь ввести один цвет, а сайт уже докинет вариантом. Дальше уже выбор за вами:
ColorScheme.ru — отличный цветовой круг с палитрой
Старый добрый цветовой круг, но с возможностью выбора режима цвета, будь то моно или триада. Сразу видно их сочетание, можно регулировать яркость, насыщенность и т.д. Думаю, что тоже может кому-то помочь.
И что-то очень просто от Google
Напоследок я оставил очень простую цветовую палитру от Google. Просто пишем «палитра цветов» и получаем палитру, которую можно найти в любом графическом редакторе. Она и рядом не стоит с тем, что было выше. Зато всегда под рукой =)
Пингбэк: Плавный переход между картинками в Photoshop – GeekStand
Пингбэк: Каталог документации DevDocs.io – GeekStand
Пингбэк: Советы по дизайну – GeekStand