Какие ограничения я могу наложить на набор цветов для создания качественных градиентов?

Я программно создаю градиент с помощью HSB Colors. Мой вопрос: какие цвета хорошо сочетаются друг с другом в градиенте? Какое из значений H(ue), S(насыщенность), B(правильность) нужно варьировать?

Вы в основном спрашиваете, «какие цвета выглядят хорошо»? Есть субъективный ответ, который не очень помогает, а есть объективный ответ, который потребует целого урока по теории цвета и по-прежнему требует большого количества контекста (а также помощи субъективного мнения).

Ответы (3)

Этот вопрос безумно широк... Но вот обзор ключевых наиболее важных принципов:

  • Есть целые книги по теории цвета. Однако вам не нужна вся эта глубина. Вот отличный обзорный учебник от нашего собственного Алана Г. , и я бы также порекомендовал отличный прямолинейный двухстраничный разворот в «Универсальных принципах дизайна» (отличная книга, не могу рекомендовать ее достаточно высоко). Вы можете найти больше информации о теории цвета в ответах на этот вопрос . Вкратце: измените любой из них или все, это будет зависеть от того, что вы пытаетесь сделать. Серьезно, почти все потенциально может сработать, от очень тонкого до драматического, все зависит от контекста и предполагаемой цели, так что экспериментируйте.
  • Это подводит меня к тому, почему я думаю, что вы находите это трудным - похоже, вы подходите к проблеме с ног на голову. Вы создаете что-то, что создает градиенты, вы смотрите на детали реализации цветов в градиентах, думаете, как мне превратить их в отличные градиенты? Такой подход кажется чуждым мне как дизайнеру — смотреть на систему цветовых спецификаций HSL для вдохновения цветовой палитрой — все равно, что пытаться придумать новый стильный дизайн автомобильного шасси, глядя на компоненты двигателя внутреннего сгорания. Сделайте шаг назад и снимите шляпу инженера, поэкспериментируйте с цветами, определите, какие градиенты вы хотите реализовать, не отвлекаясь от деталей реализации и ограничений, а затем снова наденьте шляпу инженера, ищите шаблоны, которые помогут вам понять, как реализовать дизайн. В любом творческом процессе сначала сделайте творческий шаг, затем аналитический и повторите. Решите, к чему вы стремитесь, а затем выясните, как этого добиться. Затем адаптируйте и повторяйте по мере необходимости.
  • Итак, ваша первая задача — придумать цветовые схемы. Любые цвета, которые хорошо смотрятся вместе, также можно сделать так, чтобы они хорошо смотрелись в градиенте, и детали того, как адаптироваться, будут зависеть от того, для чего предназначены градиенты. Как упоминалось в пункте о теории цвета, это одна из тех проблем, которые являются одновременно и искусством, и наукой: она всегда будет сводиться к субъективному личному мнению, но есть шаблоны, которые можно использовать в качестве руководства, и есть инструменты. ( наиболее известным является Adobe kuler ), который может помочь в этом процессе и делать автоматические предложения, основанные на этих принципах. Это поднималось здесь раньше - см. Хорошие ресурсы для цветовых схем? и старый вопрос, на который ссылается этот вопрос .

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

какое хорошее значение отличается по оттенку или насыщенности между двумя цветами?

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

http://www.geotests.net/couleurs/gradients_en.html