Top.Mail.Ru
Онлайн-школа Art Glüсk
  • О школе
  • Подписка
  • Каталог
  • Отзывы и работы
  • Бесплатно
  • Блог
Смотреть все
Дизайн интерьера
Нейросети
3Ds Max
Corona Renderer
Revit
Archicad
SketchUp
D5 Render
Procreate
Photoshop
Twinmotion
QGIS
InDesign
Rhinoceros
Grasshopper
Войти Оформить подписку Задать вопрос
  • О школе
  • Подписка
  • Каталог
    Смотреть все
    3Ds Max
    Corona Renderer
    Revit
    Photoshop
    Procreate
    SketchUp
    Twinmotion
    QGIS
    InDesign
    Нейросети
    Archicad
    Rhinoceros
    Grasshopper
    D5 Render
    Дизайн интерьера
  • Отзывы и работы
  • Бесплатно
  • Блог
  • Преподаватели
  • Глоссарий
  • Способы оплаты
  • Контакты
Оформить подписку «60-30-10» – самый простой приём для работы с цветомВойти
  • Telegram
  • YouTube
  • ВКонтакте
  • Дзен
  • Rutube
  • Pinterest
Главная>Блог>«60-30-10» – самый простой приём для работы с цветом
Главная>Блог>«60-30-10» – самый простой приём для работы с цветом
17.05.2021
Время на прочтение

«60-30-10» – самый простой приём для работы с цветом

Цвет Колористика Инструкция
Известно, что в одном изображении принято сочетать не более трёх активных цветов. Под изображением мы понимаем и обложку книги, и страницу сайта, и иллюстрацию.
«60-30-10» – самый простой приём для работы с цветом
Лидия Антонова
Автор
Лидия Антонова
Архитектор, визуализатор, автор курса InDesign
Известно, что в одном изображении принято сочетать не более трёх активных цветов. Под изображением мы понимаем и обложку книги, и страницу сайта, и иллюстрацию.

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

Если чуть углубиться в теорию о цветовых схемах, можно наткнуться на излюбленный web-дизайнерами принцип «60-30-10».

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

Как работать с этим принципом?

Можно взять готовую схему из трёх цветов и вспомогательных оттенков и составить из них пропорцию, как на изображении ниже. Использовать такую пропорцию можно в качестве готовой палитры в Photoshop или Procreate.

  • 60% - доминирующий цвет
  • 30% - второстепенный цвет
  • 10% - акцентный цвет

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

В интерьере такой принцип используется для сочетания основных цветов и правильного внедрения цветовых акцентов. Дизайнеры, применяющие в своей работе пропорцию «60-30-10», разбивают её следующим образом.

  • 60% - основной цвет стен и крупногабаритной мебели
  • 30% - вспомогательные элементы (фрагментарная окраска, элементы мебели и массивные шторы)
  • 10% - декор и текстиль

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

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

Онлайн-курс
-30%
Входит в подписку
Портфолио в InDesign. Как устроиться на работу мечты

Портфолио в InDesign. Как устроиться на работу мечты

Подробнее о курсе
Лидия Антонова
Автор
Лидия Антонова
Архитектор, визуализатор, автор курса InDesign

Приходите учиться на курс

Онлайн-курс

Портфолио в InDesign. Как устроиться на работу мечты

С нуля • 1-2 месяца
Подробнее о курсе
Портфолио в InDesign. Как устроиться на работу мечты
Онлайн-курс
-20%
-20%
InDesign

Курсы, которые могут быть вам интересны

Онлайн-курс
-20%
Входит в подписку
Проектирование интерьера в SketchUp на iPad

Проектирование интерьера в SketchUp на iPad

С нуля • 1-2 месяца
Онлайн-курс
-20%
Входит в подписку
Архитектурная визуализация в Photoshop

Архитектурная визуализация в Photoshop

С нуля • 2-4 недели
Онлайн-курс
-30%
Входит в подписку
Визуализация и анализ данных в QGIS

Визуализация и анализ данных в QGIS

С нуля • 1-2 месяца

Читайте также

Композиция в кино: как создать идеальный кадр
Видео Обучение Инструкция
Композиция в кино: как создать идеальный кадр
Искусство создания выразительного визуального ряда в кино требует глубокого понимания композиционных приемов. Умение грамотно выстроить кадр определяет характер произведения, позволяя каждой детали занимать в нем свою роль. Современные методы работы с пространством объединяют традиционные принципы и инновационные идеи.
05.11.2025
Текст по кругу в Photoshop
Графический дизайн Photoshop Обучение Инструкция
Текст по кругу в Photoshop
Работа с текстом в Photoshop становится все более актуальной для дизайнеров и творческих специалистов. Умение написать текст по кругу в фотошопе открывает новые возможности для создания запоминающихся проектов, где гармонично сочетались графика и текст. Правильное расположение надписи помогает объединить элементы дизайна, а учет всех деталей – от выбора инструмента до окончательной доработки – позволяет добиться профессионального результата. Применение описанных методов дает возможность не только создать красивую композицию, но и подчеркнуть индивидуальность проекта. Важно экспериментировать с различными подходами, сохраняя баланс между традиционными методами и современными инструментами обработки изображения.
30.10.2025
Горячие клавиши в Blender
3D Blender Обучение Инструкция Софт
Горячие клавиши в Blender
Blender 3D уже давно завоевал популярность среди тех, кто работает с 3D-графикой – от новичков до профессионалов. Основной особенностью программы являются горячие клавиши в блендере, позволяющие значительно упростить и ускорить рабочие процессы. В данной статье подробно рассматриваются горячие клавиши blender и сочетания клавиш, которые облегчают работу: от выделения и перемещения объектов до тонкой настройки анимации.
17.10.2025
Фиолетовый цвет в психологии и дизайне
Цвет Психология История
Фиолетовый цвет в психологии и дизайне
Фиолетовый цвет всегда имел особое значение в истории человеческой культуры. Он – больше, чем просто оттенок; фиолетовый цвет в психологии вызывает целый спектр эмоций, способных оказывать глубокое влияние на восприятие пространства. История фиолетового цвета и его влияние на дизайн представляют собой уникальное явление, где традиции переплетаются с инновациями. Уже многие века этот цвет оказывается в центре внимания дизайнеров, художников и культурологов.
10.10.2025
История оранжевого цвета в дизайне
Цвет Психология История
История оранжевого цвета в дизайне
Оранжевый цвет всегда привлекал внимание своей яркостью и энергией. Его история пронизана культурными традициями, а его применение в дизайне и маркетинге продолжает удивлять своей универсальностью. Мы расскажем, как оранжевый цвет в психологии влияет на эмоциональное состояние, какие оттенки оранжевого применяются для создания гармоничных интерьеров, а также какие примеры успешного использования демонстрируют, что этот цвет способен преобразить любое пространство.
24.09.2025
Полный гид по Pinterest для дизайнеров
Вдохновение Лайфхаки Подача проекта Инструкция
Полный гид по Pinterest для дизайнеров
Пинтерест – современная платформа, которая открывает безграничные возможности для творческих профессионалов. В условиях цифровой трансформации и постоянного развития дизайнерского рынка, пинтерест становится незаменимым инструментом для роста и вдохновения. Дизайнеры используют его для поиска свежих идей, создания визуальных концепций и формирования качественного портфолио. Благодаря продуманному интерфейсу и простоте использования, платформа помогает систематизировать проекты и делиться ими с коллегами и потенциальными клиентами.
23.09.2025
Как создать лендинг на Tilda
Веб-дизайн Обучение Инструкция
Как создать лендинг на Tilda
Создание лендинга на Тильде за последние годы стало одним из самых актуальных направлений веб-разработки. Платформа Тильда предоставляет возможность быстро воплощать идеи в жизнь благодаря своему удобному интерфейсу и базе стандартных решений. Сайт на Тильде зачастую обладает современным дизайном, интуитивной навигацией и высокой адаптивностью для различных устройств. Опыт многих специалистов подтверждает, что грамотное создание лендинга способствует повышению конверсии и улучшению имиджа бренда. Здесь важно понимать, что работа с Тильдой – это не простая сборка готовых элементов, а креативный процесс, в котором даже мелкие детали могут оказывать значительное влияние.
27.08.2025
Как создать компьютерную игру: пошаговый разбор от геймдизайнера
3D Обучение Инструкция
Как создать компьютерную игру: пошаговый разбор от геймдизайнера
Индустрия создания игр развивается с неимоверной скоростью, и сегодня понять все этапы разработки становится необходимостью для каждого, кто хочет создать свою игру с нуля. Этот материал – попытка показать, как правильно начать разработку игр и создать продукт, который будет не только технически совершенным, но и наполненным творческим замыслом. Автор делится личным опытом работы в сфере геймдева, рассказывает, какие инструменты помогают разработчикам создать игру, и какой путь нужно пройти, чтобы научиться создавать проекты, отвечающие современным требованиям рынка. В этой статье вы найдете конкретные рекомендации по выбору языка для создания программ, работе с игровыми движками, построению кода и множеству других аспектов разработки игр. Такой комплексный разбор поможет вам начать создавать игру, понять тонкости разработки игр и научиться создавать проекты, которые будут востребованы в условиях высокой конкуренции.
15.07.2025
Как цвет работает в кино: от драмы до трагедии
Цвет История Психология
Как цвет работает в кино: от драмы до трагедии
В современном кино цвет перестал быть простым визуальным элементом. Сегодня он выступает в роли важного эмоционального носителя и помогает рассказать историю без слов. Понимание того, как работает цвет в кино, а также в интерьере, открывает новые возможности для режиссёров и дизайнеров.
02.07.2025
Зеленый цвет: значение, психология и влияние на дизайн
Цвет Психология История
Зеленый цвет: значение, психология и влияние на дизайн
Зеленый цвет с древних времен привлекал внимание своей загадочностью и символическим значением. Изучая историю зеленого цвета, можно глубже понять, как его применение на протяжении веков трансформировалось и оказало влияние на современные тенденции в дизайне интерьера и корпоративном брендинге. Этот оттенок несет в себе глубокий смысл в психологии, благодаря чему становится незаменимым инструментом при создании комфортных и гармоничных пространств.
10.06.2025
История синего цвета и его влияние на дизайн
Цвет Психология История
История синего цвета и его влияние на дизайн
Когда мы думаем о спектре, человек редко задумывается, каким именно цветом воспринимает пространство вокруг. Однако палитра доступных цветов постоянно расширяется вместе с развитием технологий, и исследователи уделяют пристальное внимание тому, как мозг реагирует на синие оттенки. Океаническая гладь и ясное небо создают устойчивое ощущение спокойствия: именно этим синего цвета контекстом дизайнеры часто пользуются, чтобы снизить уровень тревоги у зрителя.
14.05.2025
Портфолио от А до Я: как оформить, обновить и не упустить главное
Портфолио Инструкция Подача проекта
Портфолио от А до Я: как оформить, обновить и не упустить главное
Что говорит ваше портфолио о вас? Это визитка, которая производит впечатление — или альбом, в котором вы сами теряетесь? В 2025 году, когда дизайнеров и архитекторов сотни, важен не только навык, но и то, как вы его подаёте. Портфолио — это инструмент, который может стать ключом к проекту, стажировке, работе мечты. Но только если в нем — актуальные работы, понятная структура и ваша индивидуальность.
02.04.2025
Значение белого цвета и его влияние на дизайн
Цвет Психология История
Значение белого цвета и его влияние на дизайн
Белый цвет в широком смысле представляет собой не столько цвет, сколько феномен света. В отличие от других цветов, которые представлены на цветовом круге, белый относится к ахроматическим цветам, таким как черный и серый. Этот цвет уникален тем, что образуется за счет комбинации всех видимых цветов спектра, что делает его наиболее мощным и насыщенным. В статье попробуем детально рассмотреть роль белого цвета в дизайне и его влияние на людей, культуру, окружающее пространство.
09.12.2024
Как красный цвет используется в дизайне
Цвет Психология История
Как красный цвет используется в дизайне
Каждый цвет формирует определенное настроение и влияет на появление различных чувств у потенциальной целевой аудитории. Первое подсознательное суждение возникает в течение 30-40 секунд, и оно основано именно на цвете. Разберемся, чем привлекает внимание красный цвет, опираясь на наших практических экспериментах.
02.12.2024
Как скачать SketchUp на iPad из России: пошаговая инструкция
SketchUp Софт Инструкция Лайфхаки
Как скачать SketchUp на iPad из России: пошаговая инструкция
В этой статье мы расскажем как скачать SketchUp и другие заблокированные для жителей РФ приложения из App Store.
16.04.2024
Создание визуализации в 3Ds Max: пошаговое руководство для начинающих
3Ds Max Софт Визуализация Инструкция Обучение
Создание визуализации в 3Ds Max: пошаговое руководство для начинающих
В этой статье я расскажу о работе визуализатора на примере сцены, которую мы создаем на нашем бесплатном курсе по 3Ds Max + Corona Renderer.
17.10.2022
Как улучшить качество подачи. Работа с цветом
Цвет Колористика Подача проекта Инструкция
Как улучшить качество подачи. Работа с цветом
В теории цвета, цветовая схема - выбор цветов, используемых в различных художественных и дизайнерских контекстах. В нашем случае подбор схемы позволяет создать более целостный и продуманный дизайн или оформление.
13.04.2021
Как улучшить качество подачи. Работа с текстом
Подача проекта Инструкция Портфолио
Как улучшить качество подачи. Работа с текстом
Разберём, как ещё можно улучшить визуальную составляющую текстовых элементов в компоновке планшета или портфолио.
11.03.2021
Чек-лист проверки скачанных моделей в 3Ds Max
3Ds Max 3D Инструкция
Чек-лист проверки скачанных моделей в 3Ds Max
Многие готовые модели, которые вы скачиваете могут быть настроены с ошибками, и важно проверить их и исправить, чтобы на рендере они выглядели корректно и красиво. В этой статье приводим список того, что и как необходимо проверять и исправлять в каждой модели.
26.10.2020
Как быстро разложить текстуру на паркете с помощью Unwrap UVW
3Ds Max Софт Инструкция
Как быстро разложить текстуру на паркете с помощью Unwrap UVW
Все знают, что когда мы делаем паркет (а также плитку и т.п.) с помощью плагина FloorGenerator, чтобы правильно накинуть на него текстуру нужно использовать также плагин MultiTexture либо карту CoronaMultiMap, кроме того, нужно использовать несколько текстур для рандомной раскладки по плашкам или плиткам. Но есть еще несколько более быстрых и удобных способов, как используя всего одну текстуру рандомизировать ее. В этой статье будет разобран один из них — с помощью Unwrap UVW.
14.04.2020
Личный кабинет
E-mail
support@artgluck.ru
Контактный телефон
+7 (812) 385-73-93
Адрес офиса
Санкт-Петербург,
Малая Конюшенная, 10
Страницы
  • О школе
  • Подписка
  • Каталог
  • Отзывы и работы
  • Бесплатно
  • Блог
  • Преподаватели
  • Глоссарий
  • Способы оплаты
  • Контакты
Инструменты
  • 3Ds Max
  • Corona Renderer
  • Revit
  • Photoshop
  • Procreate
  • SketchUp
  • Twinmotion
  • QGIS
  • InDesign
  • Нейросети
  • Archicad
  • Rhinoceros
  • Grasshopper
  • D5 Render
  • Дизайн интерьера
  • Telegram
  • YouTube
  • ВКонтакте
  • Дзен
  • Rutube
  • Pinterest
Новости

Подпишитесь и первыми узнайте о новых курсах, уроках, событиях и акциях

Подписаться

2025 ИП Моргач Р.В.

Все права защищены.

ОГРНИП 317784700148912

Договор оферты Политика обработки персональных данных
  • Договор оферты
  • Политика обработки персональных данных

Продолжая использовать наш сайт, вы даете согласие на обработку файлов Cookies и других пользовательских данных, в соответствии с Политикой обработки персональных данных

Онлайн-школа Art Glüсk
Visa Mastercard Мир SberPay T Pay Яндекс Пэй Система быстрых платежей Сбербанк Т-Банк Ресурс Развития Всегда.Да Poscredit Яндекс Сплит Долями Подели
Привет!
Оставь свой номер телефона, чтобы начать учиться в Art Glück. Мы свяжемся с тобой в мессенджере в ближайшее время.
Нажимая кнопку, принимаю условия политики обработки персональных данных .
Привет!
Оставь свой вопрос и мы свяжемся с тобой в мессенджере в ближайшее время.
Нажимая кнопку, принимаю условия политики обработки персональных данных .
Успех!
Мы получили заявку и свяжемся с тобой в мессенджере в ближайшее время.
Закрыть
Отправили E-mail
Проверьте Входящие или Спам, если письмо не пришло — напишите нам.
Войти
Привет!
Заполни форму, чтобы начать учиться в Art Glück.
Нажимая кнопку, принимаю условия политики обработки персональных данных и пользовательского соглашения .
Акция скоро начнётся. Скидки до 50% через
Акция скоро начнётся. Скидки до 50% через
Акция скоро начнётся. Скидки до 50%
Акция скоро начнётся. Скидки до 50% через
Смотреть каталог Смотреть каталог