Эксперимент с редизайном карточки пользователя

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

3 лайка

Я, со своей стороны, люблю яркие однотонные фоны — розовые или любые другие.

5 лайков

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

6 лайков

Кстати, на нашем сайте я переопределяю фон вот так:

общий CSS

#user-card {
  background: #eeeeee;
...
}
2 лайка

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

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

8 лайков

Я использую тёмную тему отчасти потому, что чувствителен к очень ярким экранам (особенно ночью), так что это действительно противоречит самой цели тёмной темы.

2 лайка

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

6 лайков

Вот как будет выглядеть карточка @seanblue с фильтром яркости:

Оригинал

Яркость 0.8:

Яркость 0.6:

Яркость 0.4:

10 лайков

Благодаря предложению @Canapin выше, я внес небольшое изменение здесь на meta для случая, когда схема цветов — тёмная версия. Фон должен быть немного темнее. Можете проверить, стало ли лучше?

7 лайков

Да, по-моему, это намного лучше. Лично мне нравится текущий вариант с фоном, но многим другим он не по душе, поэтому в какой-то момент я, вероятно, сделаю компонент, который реализует идею с доминирующим цветом.

5 лайков

Это уже в плане, осталось только интегрировать :+1:

5 лайков

Хм, кажется, что-то пошло не так на мобильных устройствах? Он выглядит таким же ярким, как и раньше (или похожим), и больше не размыт.

Я не знаю, что именно вы выбрали, но, думаю, что-то вроде примера с яркостью 0,6, вероятно, было бы хорошо.

3 лайка

Это моя ошибка, я не добавил префикс -webkit в тот PR, но теперь это исправлено.

6 лайков

Новая версия действительно выглядит намного лучше.

5 лайков

Исправление применено и на моём форуме. Спасибо @jordan.vidrine. Мне очень нравится эта экспериментальная карточка пользователя TC, но она уже не должна быть экспериментальной :slight_smile:

10 лайков

Я согласен. Это слишком хорошо, чтобы прятать это как «экспериментальное».

6 лайков

Привет :wave:

Я заметил проблему с местоположением. Похоже, после первого открытия карточки пользователя URL местоположения сохраняется для всех остальных карточек пользователей. Спасибо :slightly_smiling_face:

3 лайка

Вау! Отличное замечание! Я разберусь с этим.

6 лайков

Привет! У меня возникла небольшая проблема: карточка пользователя отображается частично за пределами экрана. Похоже, это происходит только при максимальном размере окна браузера и при использовании увеличенного масштаба и/или настроек высокого DPI.

Это более заметно в теме «Sam’s Simple Theme», но проблема начинает проявляться и в теме «Default» в зависимости от уровня масштабирования и количества активных участников:

1 лайк

Я попробовал ваши настройки, но, похоже, мне не удалось воспроизвести проблему.

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

1 лайк