유저카드 리디자인 실험

Discord는 기본 사용자 카드 배너에 흥미로운 방식을 사용합니다. 사용자의 아바타에서 추출한 평균 단색을 적용하거든요.

예시:

Get Average Color of Image 사용 시:

5개의 좋아요

이것이 제 예시입니다:



하지만 이 둘은 동일하지 않습니다.

업데이트: 프리셋 색상을 누르게 되어 색상이 동일하지 않게 되었습니다. (죄송합니다)

1개의 좋아요

음. 거기서 무슨 일이 일어나고 있는지 모르겠네요. 파란색이 더 많을 줄 알았거든요!

2개의 좋아요

참고로 Discourse에서도 비슷한 방식이 적용됩니다. 토픽 목록 미리보기에서 사용되는데, “평균” 대신 "주요 색상(Dominant Colour)"을 활용합니다.

주요 색상이 더 나은 결과를 제공할 것 같습니다.

5개의 좋아요

이 버그가 이번 재설계의 일부로 처리되고 있나요?

사용자 카드(User Card)보다 상위 단계의 문제인 것은 알지만, 감시 단어(Watched Words)와 충돌할 때 사용자 카드에서 상당한 문제를 일으키고 있습니다.

4개의 좋아요

네이던에게 마무리를 위해 말씀드립니다:

8개의 좋아요

이 업데이트에 추가된 내용입니다:

사이트 설정을 통해 사용자 위치에 Google Maps 링크 추가

OpenStreetMap도 지원되면 좋겠습니다.

8개의 좋아요

이제 추가되었습니다 :smile: 설정에서 Google Maps 또는 OpenStreetMap 중 하나를 선택할 수 있습니다 :+1:

5개의 좋아요

전반적으로 좋은 재설계라고 생각합니다. 하지만 배지 라벨이 있는 것이 중요하다고 생각합니다. 이런 빠른 미리보기에서 같은 아이콘을 가진 배지들을 한눈에 구별할 수 있는 것은 정말 중요합니다. 예를 들어, 라벨이 없다면 이 아이콘이
2023-03-06 16_03_48-Badges - Blender Artists Community
‘유명한 링크’, ‘훌륭한 답변’, ‘훌륭한 주제’ 중 무엇인지 알 수 없습니다(우리 사이트의 설정 기준이며, 환경에 따라 다를 수 있습니다). ‘시작하기’ 카테고리의 배지들의 경우 더 나쁜데, 이 카테고리에는 완전히 동일한 아이콘을 공유하는 16개의 배지가 있으며, 그 의미는 매우 다릅니다. 관리자로써 누군가가 가이드라인을 읽었다는 배지를 가지고 있는지 확인하는 것이 저에게 중요하지만, 이 새로운 디자인에서는 그 배지가 '첫 번째 원박스’나 '이 달의 새 사용자’와 같이 15개나 되는 전혀 다른 배지들과 똑같이 보입니다.

4개의 좋아요

이 새로운 사용자 카드를 디스코스에 추가하실 때 선택 사항으로 만들어 주세요. 기존 카드가 이 새로운 카드보다 훨씬 좋습니다. 게다가 카드에 이상한 배경색이 추가되어 보기에도 안 좋습니다. 또한 사용자 카드에 아무 정보도 표시되지 않습니다.

전체적으로 이 카드를 좋아하지 않으니, 디스코스에 이 기능을 추가하실 때 강제로 적용하지 말고 선택적으로 만들어 주시기를 부탁드립니다.

3개의 좋아요

기존 디자인에서 어떤 부분들이 좋으셨는지 알려주시면 좋겠습니다!

이 부분에 대해 좀 더 자세히 설명해 주실 수 있을까요? 제 카드를 클릭하면 정보가 보이는데, 질문자님 카드도 클릭하면 정보가 보이기 때문입니다.

1개의 좋아요

새로운 것

3개의 좋아요

이것을 직접 운영 중인 포럼에서 사용하고 계신가요?

3개의 좋아요

투명도 기준으로 보아 제 테마인 것 같습니다. 그동안 여러 문제들에 대해 오랫동안 논의해 왔는데, 불행히도 더 이상 얼마나 오래 도움을 드릴 수 있을지 확신이 서지 않습니다. 문제는 테마 자체에 있는 것이 아니라, 제가 찾지 못하는 호환성 문제이기 때문입니다.

2개의 좋아요

콘솔에 오류가 있나요?

1개의 좋아요

이것이 테마 호환성 문제일 수도 있겠다고 생각했어요.

아니요, 없어요.

참고로, 제 의견을 말씀드리자면 프로필 이미지와 같은 색상이 선택될 때 배경색이 보기 좋지 않아요. 배경에 프로필 색상 대신 기본 배경 이미지나 다른 무언가를 넣는 것이 더 나을 것 같습니다. 그리고 배경은 이렇게 흐릿하게 처리되는 것이 좋습니다.

1개의 좋아요

개인적으로 정말 마음에 들어요. 사람들이 별로 좋아하지 않는 것 같으니 사이트 수준의 설정으로 만들어야 할 것 같지만, 저는 정말 좋다고 생각해요.

저에게는 잘 작동합니다:

3개의 좋아요

이 부분이 은근히 신경 쓰여서 알아보다가 발견했습니다.

평균을 내는 것보다 이 용도에 훨씬 더 잘 맞는 것 같습니다. 이 스레드에서 사람들의 아바타를 활용한 예시입니다:

코드 링크: color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub

13개의 좋아요

결국 이러한 패턴으로 전환할 의도가 있습니다. 그러나 문제는 이미지가 CDN에 호스팅되어 있기 때문에 이런 방식이 작동하지 않는다는 것입니다.

참고: canvas 객체에 대한 제한으로 인해, 이 방법은 이미지가 자체 도메인에서 제공되는 경우에만 작동합니다.

우리 레일즈 백엔드에는 이미지를 위해 이 기능을 수행하는 것이 있지만, 테마 컴포넌트에서 접근할 수 없습니다. 지금은 단순한 실험 단계이므로, 더 쉽게 처리할 수 있을 때까지 이 부분은 보류할 생각입니다.

1개의 좋아요

이전에 이 문제를 제기한 바 있습니다. 이 기능의 이름은 '주요 색상(Dominant colour)'입니다.

4개의 좋아요