4.2.1 Цвет фона в светлой теме.

mrGhotius · 4 октября

Обновил до 4.2.1 и увидел вот это:

Такой цвет заднего фона и задуман?

Opera One(версия: 114.0.5282.21), Microsoft Edge 129.0.2792.65

Изменено 4 октября пользователем mrGhotius

keenet07 · 4 октября

@eralde

Подтверждаю. У меня также появилась серая заливка в центре. А справа и слева белые поля. на большом разрешении экрана.

Только на дашборде.

Изменено 4 октября пользователем keenet07

eralde · 4 октября

Такие вопросы имеет смысл задавать @Anna_

Rootdiv · 4 октября

Подтверждаю, на KN-2610 так же наблюдается серая заливка фона в дашборде.

Изменено 4 октября пользователем Rootdiv

keenet07 · 4 октября

Т.е. это дизайнерская задумка а не баг?

В разрешении 4K это выглядит вот так. Скриншот во всю ширину отображения страницы. И да, серый фон за вторым столбцом плиток больше в несколько раз.

Изменено 4 октября пользователем keenet07

Anna_ · 7 октября

Всем добрый день! Постараюсь ответить на все вопосы)
1. Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.
2. Сейчас на всех страницах при широком экране такое отображение, @keenet07. Просто с белым фоном это менее заметно.

Не очень поняла

Цитата

И да, серый фон за вторым столбцом плиток больше в несколько раз.

@keenet07, не могли бы сформулировать проблему иначе? И проблема ли это?

keenet07 · 7 октября

6 минут назад, Anna_ сказал:

не могли бы сформулировать проблему иначе? И проблема ли это?

Ещё раз рассмотрел этот серый фон и к чему именно он привязан, в целом задумка понятна.

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

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

keenet07 · 7 октября

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

Изменено 7 октября пользователем keenet07

keenet07 · 7 октября

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page with Gradient and Tiles</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            height: 100vh;
            display: flex;
        }

        .side {
            width: 10%;
            background-color: #ffffff;
            padding: 20px;
            box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        }

        .menu {
            list-style-type: none;
            font-family: Arial, sans-serif;
            font-size: 16px;
            color: #333;
        }

        .menu-item {
            margin-bottom: 15px;
            cursor: pointer;
        }

        .menu-item:hover {
            color: #007BFF; /* Цвет при наведении */
        }

        .gradient {
            width: 80%;
            background: linear-gradient(to right, #cccccc, #ffffff 90%);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tiles-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr 1fr;
            width: 100%;
            height: 100%;
            gap: 20px;
            padding: 20px;
        }

        .tile {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;
            font-size: 18px;
            color: #333;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div class="side">
        <ul class="menu">
            <li class="menu-item">Home</li>
            <li class="menu-item">Dashboard</li>
            <li class="menu-item">Reports</li>
            <li class="menu-item">Settings</li>
            <li class="menu-item">Help</li>
            <li class="menu-item">Contact Us</li>
        </ul>
    </div>
    <div class="gradient">
        <div class="tiles-container">
            <div class="tile">Tile with some data</div>
            <div class="tile">Another important tile</div>
            <div class="tile">More detailed info</div>
            <div class="tile">Statistics & Analysis</div>
        </div>
    </div>
    <div class="side"></div>
</body>
</html>

bigpu · 7 октября

1 час назад, Anna_ сказал:

Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Доброго времени, в очередной раз покажу решение годичной давности и по данному поводу:

Согласен, с уважаемым выше:

1 час назад, keenet07 сказал:

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

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

mrGhotius · 7 октября

49 минут назад, bigpu сказал:

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

Поддерживаю.

Цитата

1. Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Мне прежний вариант не доставлял никаких проблем с восприятием информации на плитках, а так серый фон "глаз режет" Мало того, как мне кажется, такой цвет фона портит все восприятие интерфейса в целом. Выглядит как-то дёшево что ли.

Изменено 7 октября пользователем mrGhotius

Anna_ · 7 октября

@bigpu, благодаря активной обратной связи будем думать, что ещё и как можно изменить! Пока приостановим эту задачу и подождём, вдруг кто-то ещё захочет здесь высказаться 🙂

Rootdiv · 13 октября

В 07.10.2024 в 14:03, Anna_ сказал:

Решили затемнить фон дашборда, чтобы улучшить контрастность/видимость карточек.

Я со старым фоном хорошо различал карточки и как уже сказали выше для улучшения видимости достаточно увеличить яркость границ карточек.

keenet07 · 14 октября

6 часов назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

Нашли о чем писать: цвет корзины, цвет фона..

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

В коллективе разные сотрудники занимаются разными задачами. Есть и те кто работает именно с интерфейсом. Эти запросы именно для некоторых из них.

На решение каких-то иных проблем прошивки это никак не влияет.

Изменено 14 октября пользователем keenet07

eralde · 14 октября

8 часов назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

Нашли о чем писать: цвет корзины, цвет фона..

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

И ваше сообщение, конечно, сильно поможет с устранением проблем

Если хотите пофлудить -- проследуйте в Курилку, пожалуйста.

bigpu · 14 октября

11 час назад, TSJ сказал:

бред какой то... тут одни блондинки, что ли собрались ?

И как, из кучи проблем в прошивке, многое уже помогли отладить, истеря как всЁпропальщик.

Имя · 17 октября

Перфекционизм вышел из чата, а так хотелось чтобы он вернулся

AndyFM · 18 октября

20 часов назад, Имя сказал:

Перфекционизм вышел из чата, а так хотелось чтобы он вернулся

Так плитки разного размера..... Почему они должны совпадать?

krass · 19 октября

В 13.10.2024 в 14:55, Rootdiv сказал:

Я со старым фоном хорошо различал карточки и как уже сказали выше для улучшения видимости достаточно увеличить яркость границ карточек.

Хорошо бы если ваш вариант внедрили. Но вот сколько ожидать этого внедрения?

Имя · 22 октября

В 18.10.2024 в 10:50, AndyFM сказал:

Так плитки разного размера..... Почему они должны совпадать?

Если поменять их местами всё равно криво. Шаблон подложки кривой, сам попробуй

vrodetogo · 28 октября

Можно просто сделать вот так, как по мне это будет лучше смотреться, то есть контуры менюшек на белом фоне ну и так же на ночном, просто тонкие контуры.

image.png.30856a8206f76df124f881943d0a96d8.png

FLK · 29 октября

keenet07 · 29 октября

А как вы это сделали? У меня самая нижняя часть экрана это то где у вас серый цвет кончается. Ниже не проматывается.

Отключили почти все плитки на высоту менее одной полной страницы? А серый фон наверное жестко привязан к нижней кнопке.

Изменено 29 октября пользователем keenet07

FLK · 29 октября

2 минуты назад, keenet07 сказал:

А как вы это сделали? У меня самая нижняя часть экрана это то где у вас серый цвет кончается. Ниже не проматывается.

Да я особо ничего и не делал, просто компактно все сделал) и появилось белое внизу)

keenet07 · 29 октября

Не предусмотрели, что кто-то почти все плитки спрячет. Вылезло то чего не должно быть.

vrodetogo · 29 октября

23 часа назад, vrodetogo сказал:

Можно просто сделать вот так, как по мне это будет лучше смотреться, то есть контуры менюшек на белом фоне ну и так же на ночном, просто тонкие контуры.

Вот например для сравнения, как выглядит дэшборд на unifi

FLK · 30 октября

22 часа назад, vrodetogo сказал:

Вот например для сравнения, как выглядит дэшборд на unifi

Ну вот почему примерно такую цветовую гамму нельзя было взять?)))))

Тут есть основные цвета - красный, зеленый, желтый, синий, фиолетовый и т.д.

Лучше бы они повторялись в этих трех вкладках:

2024-10-30_15-33-20.png.9332c1f51dade7c728ae5fd5ae2a93f6.png

Зачем этот болотно-зеленый или ярко-голубой?) Сделать бы 7-8 основных цветов в каждой вкладке и все...

Еще раз повторюсь - Монитор трафика в старой версии был просто отличным по цветам, зачем было изобретать велосипед, да еще и без колес, непонятно...

Выцеливать мышкой эти микрополоски на диаграмме тоже то еще удовольствие:

2024-10-30_15-33-20.png.e90bddc74177033dd9c00a7b51cd3423.png

Изменено 30 октября пользователем FLK

bigpu · 30 октября

19 минут назад, FLK сказал:

Выцеливать мышкой эти микрополоски на диаграмме тоже то еще удовольствие

и за это писал еще в начале появления нового веб, сделано с тех пор - ничего)

а вы к цветам придираетесь, которые хотя бы изменили)

Kotbaly · 2 ноября

4.2.2 на светлом фоне не отображаются буквы. Вообще белая "тема" ужасная, все везде сливается, ничего толком не видно

Скрытый текст

Изменено 2 ноября пользователем Kotbaly

Rootdiv · 2 ноября

25 минут назад, Kotbaly сказал:

светлом фоне не отображаются буквы

Плитка Монитор WiFi скрыта, поэтому и сливается.

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

32 минуты назад, Kotbaly сказал:

Вообще белая "тема" ужасная, все везде сливается, ничего толком не видно

Не согласен, я пользуюсь только светлой темой и мне всё видно.

4.2.1 Цвет фона в светлой теме.

Вопрос

29 ответов на этот вопрос

Рекомендуемые сообщения

Присоединяйтесь к обсуждению

Последние посетители 0 пользователей онлайн

Важная информация