와탭 블로그

전체보기

[월간 와탭] 새로워진 와탭 테마기능

2020년 06월 25일

may_whatap

안녕하세요? 와탭랩스입니다.
6월 접어드니 확연히 더워진 날씨입니다. 다가오는 여름 잘 대비하고 계신가요? 그래도 오늘부터 장마소식이 있어서 모처럼 시원한 하루를 보낼 수 있을 것 같습니다.😀 지난 달에는 액티브스택 기능에 대해 소개해드렸습니다. 이번달 주제는 그동안 많은 고객님들께서 요청하셨던 '테마기능' 입니다. 6월부터 신규 메뉴로 전환되면서 한층 더 업그레이드 된 테마기능으로 이용가능한 점! 기억해주세요. 오늘도 고객님의 업무에 도움이 되시길 바라면서 6월 월간와탭, 힘차게 시작하겠습니다!

이번달에는 어떤 내용들을 확인할 수 있을까요?
  • 와탭 테마 기능

테마기능, 어떻게 바뀌나요?

상단 오른쪽 [아이콘]을 클릭하시면 드롭다운 메뉴로 테마를 선택할 수 있습니다. 또한 페이지마다 테마 지원 여부가 다르므로 해당 페이지가 테마를 지원하는지를 알 수 있도록 표시합니다.

header_theme_menu 상단 헤더에 추가된 테마 메뉴

1. 기본 테마 : Light Theme / Dark Theme

기본으로 제공되는 Light와 Dark 테마입니다. 테마별로 Color Set을 재정리 하여 테마 변경시 누락되는 UI 요소가 없도록 했습니다. 또한 데이터를 더욱 명확하게 볼 수 있도록 차트 색상과 UI 컴포넌트와 라인의 색상을 조정하였습니다.

light and dark theme Light / Dark theme

2. 프리젠테이션 모드

프리젠테이션 모드는 빔프로젝터로 시연이 필요하거나 대시보드화면을 공유할 시에 적용할 수 있는 테마입니다. 빔프로젝트의 특성상 일반 모니터보다 색상표현 공간이 좁으므로 밝고 채도가 높은 컬러들은 화면에서 밝게 날아가는 경우를 보실 수 있습니다. 이러한 점을 고려하여 전반적으로 테마 색상의 채도와 명도를 낮추었습니다. 그렇기 때문에 일반 모니터나 TV를 디스플레이로 이용할 시에는 해당 테마는 대비가 강한편이므로 사용을 권장하지 않습니다.

Presentation mode Presentation mode

3. 커스텀 테마

기본적으로 지원하는 테마를 기반으로 주요 색상을 변경할 수 있는 커스텀 테마 기능을 추가했습니다. 각 항목의 테마 색상을 조절할때 실시간으로 UI에 적용되어 미리보기가 가능합니다. SAVE버튼을 누르면 설정한 테마가 저장되어 이후에도 언제든지 사용자 지정한 테마 메뉴로 변경이 가능합니다.

모니터와 디스플레이 환경에 맞게끔 미세하게 컴포넌트 색상을 조절하고 싶거나, 좀 더 강조되었으면 하는 이벤트 색상을 변경할 수 있습니다.

custom theme custom theme 설정

대시보드에서 색상은 매우 중요한 요소입니다. 특히 실시간 모니터링을 하면서 장애를 파악하기위해서는 문제가 있는 부분에는 다른 정보들보다 강조되는 색상을 사용해야합니다. 통상적으로 주의와 경고의 표현은 Orange와 Red 계열의 색상을 사용하고 정상이거나 문제가 없는 상황이라면 Green-Blue계열을 사용합니다.

event color

하지만 모니터링의 목적과 사용환경에 따라 이벤트성 컬러의 설정 또한 달라질 수 있습니다.

와탭랩스는 다양한 환경과 고객의 비즈니스 목적에 따라 최대한 대시보드를 활용할 수 있도록 최선을 다하고 있습니다. 보다 직관적으로 데이터를 모니터링할 수 있도록 테마기능을 사용해보세요!

지난 [월간 와탭]을 아직 못 보셨다면?

클릭! >>> [월간 와탭 3월] 와탭 신규 메뉴 BETA 버전 출시
클릭! >>> [월간 와탭 4월] 한층 더 강화된 와탭 애플리케이션 모니터링
클릭! >>> [월간 와탭 5월] 와탭의 액티브스택 & 5월 사용자교육 & 딥러닝 적용기

IT 서비스 모니터링, 와탭으로 시작하세요.

와탭 무료로 시작하기
Becky(becky@whatap.io)
Marketing TeamManager
<  이전 글

다음 글  >

최신글