Что такое Duotone и как его использовать?

Что такое duotone, какие особенности в использовании и как его применяют бренды.

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

В 2017 году мы наблюдали использование цветовой схемы у Spotify, SoundCloud, Uber и других. Чаще всего duotone берут вместе с другими фишками. А сейчас я покажу на примерах особенности использования эффекта:

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

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

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

— Контраст, контраст и ещё раз контраст!

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

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

Если вам уже не терпится испытать все приёмы на своих работах, то вот здесь можете скачать 40 пресетов:

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

Будем рады, если вы тоже поделитесь с нами своими примерами и впечатлениями. Просто оставляйте в комментариях ссылку на проект и пару слов от себя. Всем вдохновения!

Ждём в нашем блоге.