Как лучше разместить логотипы на темном фоне?

Question

[coderxx]

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

Если сделать блок белым, тоже ни о чем:

Подскажите пожалуйста, как можно обыграть эту ситуацию, какое можно найти решение? Чтобы логотипы смотрелись нормально, контрастно, и при этом не ломали общую картину и цветовую схему?

Answer 1

[Johny Smith]

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

Comments

[Kadzi]

Пример:



на заметку:

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

если нет вектора - трассируем вручную в иллюстраторе, собираем по частям с картинки образца.

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

учитывать ситуацию, когда логотип является ссылкой, или при ховере есть какие-то действия: появляется плашка и т.д

Answer 2

[McBernar]

Логотипы в белый переводят. Обычно у любого бренда есть две версии лого — цветная и черная/белая как раз для таких поверхностей.

Comments

[Johny Smith]

Обычно у любого бренда есть две версии лого

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

Разработать брендбук задача не из дешёвых хотябы такой:
https://bbr.ru/pdf/BBR_brandbook.pdf

и не всем она нужна.

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

У банков, мобильных операторов, и т.п. денег куча

Далеко не у любого бренда есть другая версия лого, т.к. это двойная работа

[McBernar]

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

[Johny Smith]

McBernar,

это не двойная работа, не несите чушь.

надо чтобы он подошёл, если там фон будет такой же "монохромный", всё равно как не крути ручную работу проделывать надо и автоматизировать это невозможно под все варианты заднего фона скриптом, для простых геометрических форм конечно, но для сложных логотипов всегда без человека не обойтись

[Kadzi]

McBernar, Тут ты не совсем прав. Если логотип со сложным вектором, градиентами и т.д по-хорошему его нужно перерисовывать под темную поверхность:



Но и Олек тоже приврал про ультра-мега-разработку. Если сайт не колхозный, а логотипы должны быть на темном фоне, то перерисовать это норма, привлечь иллюстратора, чтобы оптимизировал контуры, но повторюсь, если разработка делается профессионалами.

[Johny Smith]

Kadzi, перерисовывать всегда по любому чтото придётся, и если так относиться ко всему как вы, что ты некий волшебник, и делаешь мелочи за бесплатно т.к. это легко и в пять минут делается, то рано или поздно вы столкнётесь с тем, что будете всю неделю делать одни и те самые мелочи, которых около тысячи, но которые надо сделать за несколько дней "но все лёгкие". Вы не говорили что будете делать бесплатно, но по вашему тону это намекало именно на это, типа "Ой, да что там, пара кликов!". В итоге там пара кликов, сям пара кликов, и в конечном счёте вы на улице, потому что перегораете от кучи бесплатной работы, лёгкой.

Answer 3

[Антон]

За такой фон надо убивать...Считаю, что это решение.

Comments

[coderxx]

Антон может ты и прав но мне конкретный вопрос надо решить и к сожалению это НЕ решение...

[Антон]

coderxx, Ну а как по-другому? Если будет светло-желтый текст на белом фоне, какое тут решение? Убить дизайнера.
Переведите логотипы в ЧБ - т.е., сделайте их чисто белыми, убрав их родные цвета.
Либо делать нейтральную подложку

[coderxx]

Антон, видимо ты прав, будем думать.

Answer 4

[sima2]

сделайте логотипы светлыми