github2 태블로 대시보드, 배경 이미지로 완성도를 높이는 법 2편 — Figma부터 GitHub 호스팅까지 1편에서 이어서1편에서는 배경 이미지를 왜 쓰는지, Figma로 어떻게 준비하는지, 그리고 태블로에서 여백을 0으로 맞춰야 배경이 제대로 붙는다는 것까지 다뤘다.이번 2편에서는 그 배경 이미지를 실제로 태블로 대시보드에 올리는 두 가지 방법을 정리한다. 방법에 따라 파일 저장 방식이 달라지고, 서버나 클라우드 배포 시 이미지가 사라지는 문제가 생길 수도 있다. 그 차이를 명확히 짚어둔다.방법 1: Figma 파일 다운로드 후 직접 업로드가장 직관적인 방법이다.Figma에서 배경 이미지 작업 완료 후 Export 실행파일 형식은 PNG 권장 (JPG는 압축 아티팩트가 생길 수 있다)해상도는 @1x — 태블로에서 픽셀 매핑이 1:1로 들어가야 크기가 맞는다다운로드한 PNG 파일을 태블로 이미지 개체에서 업로.. 2026. 6. 23. 태블로 대시보드, 배경 이미지로 완성도를 높이는 법 1편 — 흰 배경으로 충분하지 않나? 흰 배경으로도 충분하지 않나?태블로를 처음 배울 때, 대부분은 흰 배경 위에 차트를 얹는 방식으로 시작한다. 그게 틀렸다는 게 아니다. 데이터 시각화의 핵심은 데이터 자체이고, 화려한 껍데기가 오히려 방해가 되는 경우도 분명 있다. 하지만 여러 고객사를 거치면서 한 가지를 배웠다. 보기 좋은 음식이 먹기도 좋다. UI/UX는 단순히 예쁨의 문제가 아니다. 잘 설계된 배경 이미지는 사용자의 시선 동선을 유도하고, 각 개체의 위치를 안정적으로 잡아주며, 대시보드 전체에 맥락을 부여한다. 웹 디자이너가 레이아웃 그리드를 먼저 잡고 콘텐츠를 얹는 것처럼, 태블로도 배경 이미지를 먼저 설계하고 그 위에 시각화를 올리면 훨씬 완성도 높은 결과물이 나온다. 이번 포스트에서는 그 전 과정을 담는다. 배경 이미지를 어.. 2026. 6. 23. 이전 1 다음
