{"id":10776,"title":"\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0443 \u0432 \u043e\u043a\u0435\u0430\u043d \u043f\u043e\u043f\u0430\u0434\u0451\u0442 \u043c\u0435\u043d\u044c\u0448\u0435 \u043f\u043b\u0430\u0441\u0442\u0438\u043a\u0430","url":"\/redirect?component=advertising&id=10776&url=https:\/\/vc.ru\/acer_russia\/347915-acer-vypustila-pervyy-noutbuk-iz-pererabotannogo-plastika&placeBit=1&hash=368c351f012741e124bb4bc6c0b9b05d5e0f9033fab83ea5e301424877f73936","isPaidAndBannersEnabled":false}
Дизайн
Zephyr Lab

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

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

Что такое Duotone?

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

Где и как его использовать?

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

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

http://ubersignlanguage.com/about/

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

Благодаря синему оттенку мы будто заглядываем в офис компании. Если уберём насыщенный синий, согласитесь, уже не будет такого настроения. moddit.nl
Как оживить офисный снимок? Просто берём приём Duotone. wonderfour.se

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

Duotone может работать и на серьёзном портале. Здесь мы используем этот приём как фон, поэтому снимок привносит атмосферу, главный акцент делаем на содержании страницы.invest.mosreg.ru by ZephyrLab
Хотя снимок и немного размытый, прекрасно передано настроение evoluircultural.com.br

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

Яркие и насыщенные цвета передают настроение и задают тон всему сайту. xiangjiaoxiansheng.com
Молодые, неординарные, яркие — именно такими видит команда Spotify своих пользователей. Spotify для Dribbble

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

Хотя автор использует фотографию с огромным количеством деталей, мы этого не замечаем из-за правильно расставленных акцентов. ourstory.qso.com.au
Duotone-блоки на главной странице — ярко, необычно и сочно. myfest.es

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

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

Заключение

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

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

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

0
4 комментария
Популярные
По порядку
Тамерлан Джиджоев

Спасибо! Будем знать.

Ответить
1
Развернуть ветку
Zephyr Lab

спасибо, что читаете)

Ответить
1
Развернуть ветку
Женя Мухуров

статья ради ссылочки в конце

Ответить
0
Развернуть ветку
Zephyr Lab

Конечно, чтобы можно было сразу начать пользоваться.)

Ответить
1
Развернуть ветку
Читать все 4 комментария
Позитивные результаты Ericsson смогли повлиять на Nokia

Несмотря на потерю доли рынка в Китае, прибыль Ericsson за IV квартал 2021 года приятно удивила. Возросший спрос на поставку оборудования 5G в Европу, Северную и Латинскую Америку увеличили чистую прибыль компании на 40%, и она достигла $1,1 млрд. Фондовый рынок моментально отреагировал на новости от Ericsson – акции Nokia возросли на 1,46%.

Как сгореть заживо за 700 руб

Aliexpress, OZON, Yandex, DNS, Eldorado нам нужно серьезно поговорить.

Исследование: как бизнес преодолел кризис в 2021 году, часть первая

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

Очистка репутации застройщика, девелопера, объекта

Здравствуйте! Вы тут, потому что у вас есть проблемы с online-репутацией. Если это не так – не читайте дальше.

Использовать банки и собирать информацию о клиентах: Минфин подготовил план регулирования криптовалют в России Статьи редакции

Если не регулировать или запретить криптовалюты, это приведёт к дестабилизации отрасли, считает ведомство.

«Тинькофф» отказывает в предоставлении услуги, включённой в тариф

Привет! У банка Тинькофф Банк есть тариф для ИП "Профессиональный" с абонентской платой около 5к в месяц, там же в описании включена услуга "Бухгалтерское обслуживание" (на данном тарифе бесплатно).

Tesla отчиталась о рекордной прибыли за год в $5,5 млрд и проблемах в цепочке поставок из-за дефицита чипов Статьи редакции

Компания не будет выпускать новые модели в 2022 году, а сосредоточится на расширении производства.

Говорит Москва: Yota определила самые общительные регионы России в 2021 году

Yota проанализировала количество и продолжительность телефонных звонков своих пользователей, а также объем использованного мобильного трафика за 2021 год в разных регионах страны. Таким образом мобильный оператор определил самые «звонящие» и «качающие» регионы.

Перспективы возобновления производства гражданской авиации в России

20 января 22 года председатель правительства Михаил Мишустин провёл в Воронеже мероприятие, посвящённое развитию авиации в России. По итогам совещания был сделан следующий вывод: в парке крупнейших российских авиакомпаний 30 % самолётов к 2030 году должны быть произведены внутри страны, а мощность заводов должна составлять от 100 ЛА в год.

Ангар с МС-21 подготовленным для испытаний
Кейс выхода на рынок клининговой компании в условиях жесткой конкуренции: как получать продажи при помощи контекста

«Выходить на рынок уже поздно, везде большая конкуренция, у меня нет шансов!» – готовы поспорить, вы слышали подобные фразы и, возможно, из-за этого даже не пробовали. В эфире digital-агентство Tesla Target и мы расскажем как нашему сотруднику Анне Драгун удалось получить конверсию 10,6% с помощью контекстной рекламы для новой клининговой компании.

Что такое АДР и ГДР: чем отличаются от акций, что предпочесть инвестору
null